首页 > 技术 > 技巧经验 > yilia主题侧边栏添加新的社交账号
2016
05-11

yilia主题侧边栏添加新的社交账号

如何实现

准备材料

首先需准备想要显示的图标文件,以png为佳,大小32×32(自带社交账号图标都为16×16,亲测后发现不好用,32×32比较合适)

详细过程

图标位置

自带图标的放置位置为

1
themes/yilia/source/img

修改style文件

打开

1
themes/yilia/source/css/_partial/main.styl

查找类似


1
2
3
4
5
6
a.mail {
  background:url('/img/mail.png') center no-repeat #005a87;
  border:1px solid #005a87;
  &:hover {
    border:1px solid #006b98;
  }

的代码
复制一段放在相同的位置,修改其中的函数名和图标位置。图标样式和背景色可自行修改。

修改config文件

打开

1
themes/yilia/_config.yml

1
subnav:

下添加一行超链接,指向你想引向的网址
格式类似

1
github: "https://github.com/xyzardq"

实现到此全部完成,部署后即可查看效果。

实现效果

yilia主题侧边栏添加新的社交账号 - 第1张  | Qlog

最后编辑:
作者:xyzardq
这个家伙有点懒,什么都没有写

留下一个回复

你的email不会被公开。