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/