hexo 大换血

今天闲来无事，折腾博客（其实是写 gdb 结果得更新一下 hexo ），然后这个博客就大换血了。

我干了啥呢：

---

Typora 的图片存放路径

Typora 的图片存放路径和文章图片 URL 的问题

• 参考链接1： Typora设置图片存储路径_momorn博客-CSDN博客
• 参考链接2：typora 设置图片目录 - 国内版 Bing

hexo 添加主页页面，tags等

hexo 主页上的 tags、categories、archive、about 等页面，手动添加。

• 参考链接1： hexo next tag - 国内版 Bing
• 参考链接2： hexo+next+GitHub搭建静态博客(三)-添加tags和categories - 简书
• 参考链接3： 最详细的Hexo Next主题配置教程_Web全栈笔记-CSDN博客

hexo 打赏

设置 next 主题配置下的 reward_settings，但和文章中说的有些小不同

• 参考链接1： next 打赏 - 国内版 Bing
• 参考链接2： hexo的next主题打赏_linux,hexo,next_lcyaiym的专栏-CSDN博客
• 如何生成二维码，略

hexo 添加版权

这里我遵循知识共享(Creative Commons) 署名 4.0 协议国际版，可以在next主题的 config.yml 里面的 creative_commons 配置

• 参考链接1： 知识共享(Creative Commons) 署名 4.0 协议国际版

hexo 添加版权后链接错误问题

本来应该是 http:// blog.tcpsoft.app/2020/02/06/hexo-changes/，

但是变成了 /http:/blog.tcpsoft.app/2020/02/06/hexo-changes/

所以就手动写了个 js 脚本，添加到 source/js 文件夹，并修改 next 的一个配置文件。

//添加<script>到 \themes\next\layout\_scripts\index.swig
//<script src="/js/diy.js"></script>

link = document.getElementsByClassName("post-copyright-link")[0].children[1];
href = link.getAttribute("href").replace("/http:/","http://");
link.setAttribute("href",href);

解决了显示混乱问题

我之前的博客迁移，导致了显示混乱问题（即我已有 css 而 hexo 又给我加上一套主题的显示方案），此处用 hexo 的 skip_render 设置即可，不过要匹配文件文件夹还是有点小坑的 [坑爹预警]

• 参考链接1： skip_render - 国内版 Bing
• 参考链接2（有坑）：Hexo渲染时排除部分文件或目录 - 二次元の技术宅
• 参考链接3： 如何不处理source目录下某个子目录的所有文件，仅仅是将其copy到public目录中对应目录？ · Issue #1146 · hexojs/hexo Github.com
• 参考链接4： 无论skip_render如何设置都无法跳过source目录下的某个js文件目录，生成出错 · Issue #1333 · hexojs/hexo Github.com

博客 CDN 加速

看了百度云加速，知道创宇云加速，cloud flare，暂时还是不弄了，现阶段博客是基于 GitHub Pages + Hexo ，图片使用腾讯云存储。后期可能考虑加 CDN 或整站迁移腾讯云存储（因域名无法备案及COS网站的处理问题已放弃此方案）。

sitemap 功能

hexo、next 主题的 sitemap 功能，帮助搜索引擎收录站点（不用修改 hexo 配置文件）
注：这些 npm 命令都是在本地博客根目录下执行，下同

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

• 参考链接1： hexo next sitemap - 国内版 Bing
• 参考链接2： Hexo 博客添加百度sitemap - 简书
• 参考链接3： hexo(3)-生成sitemap站点地图 - 简书

RSS 订阅功能

（不用修改 hexo 配置文件）（修改next主题配置以显示按钮）

npm install hexo-generator-feed --save

"/themes/next/_config.yml"
menu:
  ......
  rss: /atom.xml

• 参考链接1： hexo 安装 sitemap 和 rss_hexo 安装 sitemap 和 rss,hexo,hexo sitemap _hiekay的博客-CSDN博客

站点搜索功能

安装插件，然后修改 next 配置文件，，，

npm install hexo-generator-searchdb --save

• 参考链接1： Hexo的Next主题配置 - syd192 - 博客园
• 参考链接2： Hexo Next 主题中添加本地搜索功能_hexo,next主题,next 搜索_媛测-CSDN博客

相关文章推荐

同样的，安装插件，修改配置

npm install hexo-related-popular-posts --save

参考链接1： Hexo+NexT(v7.0+) 搭建博客：功能强化 | Chingow’s Blog

文章字数统计和阅读时间估计

npm install hexo-symbols-count-time --save

参考链接1： o(五)：个性化 next theme | 执行者的博客

社交按钮

参考链接1： o(五)：个性化 next theme | 执行者的博客

阅读进度

设置 next 主题配置：

reading_progress:
  enable: true

hexo 设置阅读全文

其实也和文章的有点不一样，可能是因为 next 版本不一样，我设置的是 next 配置文件

# Automatically excerpt description in homepage as preamble text.
excerpt_description: true

# Read more button
# If true, the read more button will be displayed in excerpt section.
read_more_btn: true

参考链接1： Hexo-设置阅读全文 - 简书

修改标签样式

只需要修改模板/themes/next/layout/_macro/post.swig，搜索 rel="tag">#，将 # 换成<i class="fa fa-tag"></i> 。（好像改了更丑了，后来改回来了）

参考链接1： Hexo博客优化之Next主题美化_huangpiao-CSDN博客

设置博客底部布局

参考链接1： Hexo博客优化之Next主题美化_huangpiao-CSDN博客

设置代码样式

没有改，后面需要再说

参考链接1： Hexo博客优化之Next主题美化_huangpiao-CSDN博客

结语

终于配置完了，要死，（其实我是想写点 gdb 的来着？）