【个人网站搭建】Github Pages+hexo框架下启动next主题分享功能

小鱼儿 2022-12-31 01:14 153阅读 0赞

# 0x00 前言 #

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

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

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

Next主题版本：v5.1.4

# 0x01实现方法 #

打开`themes/next/_config.yml`搜索关键字定位到`needmoreshare2`，将紧邻该关键字的`enable`设置成`true`。

余下位置`enable`根据需要选择，其中：`postbottom`表示在文章末尾分享;`float`表示在页面侧端分享。

本例将全部设置为`true`：

needmoreshare2:
      enable: true
      postbottom:
        enable: true
        options:
          iconStyle: box
          boxForm: horizontal
          position: bottomCenter
          networks: Weibo,Wechat,Douban,QQZone,Twitter,Facebook
      float:
        enable: true
        options:
          iconStyle: box
          boxForm: horizontal
          position: middleRight
          networks: Weibo,Wechat,Douban,QQZone,Twitter,Facebook

执行`hexo g`以及`hexo d`部署到Github Pages，运行效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdxaW5nY2h1YW45Mg_size_16_color_FFFFFF_t_70_pic_center]  
以上。

参考文档：  
1.[https://blog.csdn.net/as480133937/article/details/100138838][https_blog.csdn.net_as480133937_article_details_100138838]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdxaW5nY2h1YW45Mg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/9e724a8ce5874170a55c70efcea53ca5.png
[https_blog.csdn.net_as480133937_article_details_100138838]: https://blog.csdn.net/as480133937/article/details/100138838