在页脚第二栏添加了Bilibili入口

摘要：在页脚添加了个人Bilibili账号的入口。

在_config.yml的github_username附近添加两行:

 bilibili_bid: 398068101
 bilibili_username: 路人_牛

复制minima默认文件social.html到_includes目录下，添加对bilibili的支持：

{%- if site.bilibili_bid -%}<li><a href="https://space.bilibili.com/{{ site.bilibili_bid }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#bilibili' }}"></use></svg><span class="username">{{ site.bilibili_username }}</span></a></li>{%- endif -%}

复制minima默认文件minima-social-icons.svg到assets目录下，添加bilibili矢量图：（参考这里）

<symbol id="bilibili" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M18.223 3.086a1.25 1.25 0 0 1 0 1.768L17.08 5.996h1.17A3.75 3.75 0 0 1 22 9.747v7.5a3.75 3.75 0 0 1-3.75 3.75H5.75A3.75 3.75 0 0 1 2 17.247v-7.5a3.75 3.75 0 0 1 3.75-3.75h1.166L5.775 4.855a1.25 1.25 0 1 1 1.767-1.768l2.652 2.652c.079.079.145.165.198.257h3.213c.053-.092.12-.18.199-.258l2.651-2.652a1.25 1.25 0 0 1 1.768 0zm.027 5.42H5.75a1.25 1.25 0 0 0-1.247 1.157l-.003.094v7.5c0 .659.51 1.199 1.157 1.246l.093.004h12.5a1.25 1.25 0 0 0 1.247-1.157l.003-.093v-7.5c0-.69-.56-1.25-1.25-1.25zm-10 2.5c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 1 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25zm7.5 0c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 1 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25z"/></symbol>

命令行输入bundle install应用新的_config.yml
点击页脚社交媒体链接打开新的网页而非覆盖原网页：在_includes的social.html中，为herf赋值结束的后面添加target="_blank"即可。

To be fixed: 现在应用的svg代码，放到页面有所裁剪，不美观，暂未找到好的方法。

2024.6.4更新，fix了前文的问题

在根目录创建文件夹_sass，复制默认文件minima.scss到此文件夹下，在该文件夹下创建文件夹minima，复制默认文件_base.scss到该文件夹下。
在_base.scss中找到Icons栏，为bilibili图标添加一个新的svg配置：（我这里的配置如下）
```
.svg-icon-bilibili {
   width: 20px;
   height: 20px;
   display: inline-block;
   fill: #{$bilibili-color};
   padding-right: 5px;
   vertical-align: text-top;
}
```
这里的bilibili-color为在minima.scss中添加的属性，可以不做添加，直接设置为上面默认配置的$gray-color即可。然后修改_includes/social.html中的bilibili，将<svg class="svg-icon">改为<svg class="svg-icon-bilibili">

注意到生成的页面中图标虽然显示完全，但是有些偏，于是修改minima-social-icons.svg中的bilibili相关内容为：

<symbol id="bilibili" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="2 0 24 24">
   <path d="M18.223 3.086a1.25 1.25 0 0 1 0 1.768L17.08 5.996h1.17A3.75 3.75 0 0 1 22 9.747v7.5a3.75 3.75 0 0 1-3.75 3.75H5.75A3.75 3.75 0 0 1 2 17.247v-7.5a3.75 3.75 0 0 1 3.75-3.75h1.166L5.775 4.855a1.25 1.25 0 1 1 1.767-1.768l2.652 2.652c.079.079.145.165.198.257h3.213c.053-.092.12-.18.199-.258l2.651-2.652a1.25 1.25 0 0 1 1.768 0zm.027 5.42H5.75a1.25 1.25 0 0 0-1.247 1.157l-.003.094v7.5c0 .659.51 1.199 1.157 1.246l.093.004h12.5a1.25 1.25 0 0 0 1.247-1.157l.003-.093v-7.5c0-.69-.56-1.25-1.25-1.25zm-10 2.5c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 1 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25zm7.5 0c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 1 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25z"/>
</symbol>

即添加了viewBox来控制位置。

图标颜色可以在minima.scss中相关位置添加，在_base.scss中引用（创建新svg模版），在social.html相关位置更换为你想使用的class即可。