hexo的next主题的最新优化_2

时间:2022-08-31 22:37:58

前言

hexo的next主题的最新优化_1中介绍了一些简单点的操作,希望对你们有所帮助,如果实在看不懂,可以扫一扫文章最后的QQ群二维码,有什么问题可以私聊我呦!好的废话就不多说了。我们开始吧!

主题优化_2

侧边社交链接

提示:这个是与老版的hexo的next主题配置有区别的

更改的地方:

hexo的next主题的最新优化_2

更改内容:修改的是blog文件夹下next文件下的config.xml文件

hexo的next主题的最新优化_2

更改链接对应的的图标:

这里需要图标库网站点击这里挑选你喜欢的图标

第一步:

hexo的next主题的最新优化_2http://www.itdaan.com/i/5f6ad3e0ed1c2dc015ada67094c669311.jpg

第二步:

hexo的next主题的最新优化_2

第三步:将复制的图标编码粘贴到下图所示位置

hexo的next主题的最新优化_2


友情链接设置

更改的地方:

hexo的next主题的最新优化_2

更改内容:修改的是blog文件夹下next文件下的config.xml文件

hexo的next主题的最新优化_2

hexo的next主题的最新优化_2


打赏功能开启reward

更改的地方: 每篇文章的最后

hexo的next主题的最新优化_2

更改内容:修改的是blog文件夹下next文件下的config.xml文件

hexo的next主题的最新优化_2


开启订阅公众号wechat

更改的地方:

hexo的next主题的最新优化_2

更改内容:修改的是blog文件夹下next文件下的config.xml文件

hexo的next主题的最新优化_2


设置头像圆形旋转

更改的位置:

hexo的next主题的最新优化_2

更改内容:

hexo的next主题的最新优化_2

hexo的next主题的最新优化_2

具体增加代码可复制:

第一部分:
border-radius: 60%;
transition: 2.5s all;

第二部分:
.site-author-image:hover {
    transform: rotate(360deg);
}

全文阅读

更改的位置:

hexo的next主题的最新优化_2

更改内容:

hexo的next主题的最新优化_2


全文阅读2

在写文章时添加 <!-- more -->这段代码

  • <!-- more -->上方的正常显示
  • <!-- more -->下方的隐藏

[更多优化点这里]