Gridea paper主题添加社交链接
用Gridea建好自己的Github Pages之后想在如图位置添加社交链接,琢磨了好久😥毕竟不懂前端,记录一下。

涉及需修改文件
- 需要在
config.json中添加和已有社交方式类似的数组 - 将
sidebar.ejs中social-container中循环对象改为你需要的
这是在假设你需要的icon在所调用网站中存在,我链接为paper主题中调用的资源,不同主题这个应该是不一样的,paper主题中可以在\themes\paper\templates\_blocks\head.ejs中可以查到。
不幸的是这里面没有豆瓣的icon,于是乎又开始折腾。
换icon网站
我根据如何在网页中快速添加icon图标将icon网站更换为iconfont,具体步骤如下:
- 在该网页搜索需要icon,添加至购物车
- 点击购物车,将icon添加至项目,中间可能需要登录并创建新项目
- 在项目中点击
查看在线链接,复制代码

- 将`head.ejs'中相关调用换位所复制代码(我的在第9行)
- 将
config.json中相关name更换为项目中icon名称 - 将
sidebar.ejs中social-container中<i class="XXX icon-<%= item %>"></i>改为<i class="iconfont icon-<%= item %>"></i>,注意循环对象也要进行更改
后记
现在的效果是这样的:
其中邮箱icon颜色还不太会改,之后再看如何更改吧……

浙公网安备 33010602011771号