hexo博客搭建
搭建博客过程中的一些问题以及解决方式。
换成 butterfly
2023.11.12
发现数学公式渲染不太对，改了一下。
$\pi=\pi$
增加了对等号高亮的支持。
2023.9.29
想把博客弄得好看一点，改一个主题，发现这个主题的文档比较完善。
2023.9.30
首页图片加载太慢了，加了个免费的图床。
问题及解决方式
-
md 加不上图片。 解决方式：hexo插入图片。
-
手机端的背景会被拉伸。解决方式：把背景放到header里，然后拉长head高度，设为absolute。
-
首页的文章显示全文而不是摘要。
解决方法： 在文章中加上< !–more-- >标记 ，该标记以后部分就不在显示了，只有展开全部才显示，这是hexo定义的。
-
无法显示 markdown 的数学公式。
解决方法：几个博客的方法都试了一遍，莫名其妙就好了。
-
分页不显示封图。
解决方法：在 images 的路径前加个/。
-
无语，为什么部署到服务器以后的搜索框这么丑……可能要等一等？？？
实现的功能
一些小修改
-
将14号字体改为了16号。hexo修改字体大小
-
将灰色字体改成了纯黑色。
-
文本框由灰色透明改为了纯白。
-
实现 markdown 行内数学公式的渲染。
-
文章页宽修改为900px。这篇教程往后拉：修改文章页宽
-
修改文章底部#号标签为图标。
修改模板
/themes/next/layout/_macro/post.swig，搜索rel="tag">，将后面的内容换成<i class="fa fa-tag"></i>。 -
将侧边栏弹出改为 always。改了半天才想起来，不成功是因为之前又设置了一个 nest.yml……捏马……
-
把背景图放在了header里，body 背景改为白灰色。
-
修改了标签云颜色。
-
将 github 的源改为中科大的源，网页加载优化，性能提升。
-
文章背景与首页文章卡片设置圆角。
-
搜索结果框内部字体颜色改动。
-
修改菜单标签。配置主题菜单
-
可参考的一些修改。优雅魔改
-
修改评论样式。评论框美化
-
Ctrl+Shift+c 可以看到网页某部分的源码位置。Hexo NexT 评论系统 Valine 的使用，详细版
一些功能
- 将本地的markdown文本编辑器改成了 typroa，轻量级编辑器能够实时呈现最后的显示结果。 typroa 的激活教程。
- 实现首页文章简介与封图设置，使首页更加简洁美观。
- 实现了文章分类和标签功能，便于根据需求找到想要的内容。
- 实现博客首页分页。hexo博客主页分页
- 页面点击小红心！csdn上说的都实现不了，最后从lq神的博客里扒到了github上的js。click-heart!
- 文章阅读量统计。
- 文章末版权声明。
- 添加了搜索功能。hexo 搜索框
- 友情链接实现。友链
- 显示当前浏览进度。主题配置文件 b2t 和 scrollpercnet 修改为 true。
- 设置about的时候应该会用上。post-banner
- 简单的评论与回复系统。hexo+Valine
待实现的功能与小任务
- 站点信息显示：已运行时间等。
- 评论回复邮箱审核。
- 首页封图LazyLoading。
- 滚动条优化。
- 首页背景 scroll-down。