配置 Blog 遇到的“坑” | Story Begins……

开一篇文章，专门记录踩过的坑。很多问题大概率能够在 GitHub issue 里面找到。扒下来写到自己的博客里面就是自己的了。

标题下有分割线的问题

Typora 编辑器中标题分割线问题

Cause：默认的 GitHub 主题默认配置造成的。

Solution：文件(F) → 偏好设置 → 外观 → 打开主题文件夹 → 打开并编辑 github.css → 找到 h1、h2 字段，将 border-bottom 的样式修改为 none → 重启 Typora 即可。

Reference：Page: Markdown中的二级标题去掉默认的下划线_SoberGit的博客-CSDN博客_markdown 去掉下划线

Next 主题，文章中标题分隔线问题

Cause：Next 主题的默认配置

Solution：位于 E:\Blog\themes\next-reloaded\source\css_schemes\Gemini 文件夹下，有个 index.styl 文件，用 Notepad++ 打开，找到第 119-140 行 Headers 设置，把 border-bottom 后的数字全部改为 0px。执行 hexo s 即可。

Reference：在网上找了一圈，发现并没有解决方法，自己摸索得到。不过还是参考了其他有关主题配置的文章，如Hexo+Next主题优化 - 知乎 (zhihu.com)

标签问题

多个标签问题

Solution：首先根据大佬的步骤配置好Tags About Categories，然后按照最后格式书写即可。

Reference：Pages: Hexo 博客 NexT 主题下如何添加分类、标签_mb5fe32930661bd的技术博客_51CTO博客

标签图标问题

Solution：打开 themes/next/layout/_macro/post.swig 文件，搜索 rel="tag"># ,将 # 换成 <i class="fa fa-tag"></i>

Refence：Page: Hexo+Next主题优化 - 知乎 (zhihu.com)

！统计字数、阅读时长的问题

安装了hexo-wordcount和hexo-symbols-count-time插件，在根目录的配置文件和主题配置文件中都搜索不到相应的字段。但是很玄学地在文章中和博客底部出现了相应的统计，但好像并不怎么准确。而且卸载插件也遇到问题，并不能卸载掉。

这个问题可以先搁置，等以后阅读到官方文档解决。

！主页文章添加阴影效果问题

找不到教程中所说的themes/next/source/css/_custom/custom.styl文件。大概是NexT版本升级，很多地方都给改了。有评论提出在.../css/main.styl文件中修改，但是添加代码后并没有效果。

2022/07/17 下午更新：大概是玄学问题，下午刷新的时候直接有了。不是在主页，而是点进去文章有。但是好像并没有多好看。放到这里做个记录吧。在main.styl文件最后直接加上的。

// 主页文章添加阴影效果
.post {
   margin-top: 50px;
   margin-bottom: 60px;
   padding: 25px;
   -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
   -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
}