【个人网站搭建】hexo框架Next主题侧栏增加社交链接

0x00 前言

文章中的文字可能存在语法错误以及标点错误，请谅解；

如果在文章中发现代码错误或其它问题请告知，感谢！

Hexo博客框架版本（hexo vesion）：5.3.0

Next主题版本：v5.1.4

0x01 实现方法

1 配置方法

在主题配置文件themes/next-theme/_config.yml中，搜索social，在social下使用如下格式增加侧栏链接：

Key: permalink || icon

Key为显示给访问用户的链接名称；
permalink为链接地址；
icon为FontAwesome图标，如果未指定图标，则显示为一个地球图标。

2 效果演示

例：

配置代码：

social:
  GitHub: https://github.com/fyw4 || github
  E-Mail: mailto:wangqingchuan92@126.com || envelope
  CSDN: https://blog.csdn.net/wangqingchuan92|| crosshairs
  Weibo: https://weibo.com/2166554557/profile?rightmod=1&wvr=6&mod=personinfo || weibo

运行效果：

0x03 图标及标签文字的显示及隐藏

搜索social_icons并定位，该位置下有如下设定：

  enable: true
  icons_only: false
  transition: false

通过修改enable、icons_only实现对图标的以及图标旁标签文字的显示及隐藏功能，修改transition实现是否显示过渡效果功能。

以上。

参考文档：
1.http://www.guide2it.com/post/2019-03-04-03-configuration-for-next-theme-site/