Gridea paper主题添加社交链接

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

涉及需修改文件

  1. 需要在config.json中添加和已有社交方式类似的数组
  2. sidebar.ejssocial-container中循环对象改为你需要的

这是在假设你需要的icon在所调用网站中存在,我链接为paper主题中调用的资源,不同主题这个应该是不一样的,paper主题中可以在\themes\paper\templates\_blocks\head.ejs中可以查到。
不幸的是这里面没有豆瓣的icon,于是乎又开始折腾。

换icon网站

我根据如何在网页中快速添加icon图标将icon网站更换为iconfont,具体步骤如下:

  1. 在该网页搜索需要icon,添加至购物车
  2. 点击购物车,将icon添加至项目,中间可能需要登录并创建新项目
  3. 在项目中点击查看在线链接复制代码

  1. 将`head.ejs'中相关调用换位所复制代码(我的在第9行)
  2. config.json中相关name更换为项目中icon名称
  3. sidebar.ejssocial-container<i class="XXX icon-<%= item %>"></i>改为<i class="iconfont icon-<%= item %>"></i>,注意循环对象也要进行更改

后记

现在的效果是这样的:在这里插入图片描述
其中邮箱icon颜色还不太会改,之后再看如何更改吧……

posted @ 2020-10-06 13:57  要努力喽  阅读(416)  评论(0)    收藏  举报