hexo博客搭建

搭建博客过程中的一些问题以及解决方式。

换成 butterfly

2023.11.12

发现数学公式渲染不太对，改了一下。

$\pi=\pi$

hexo butterfly ktex

增加了对等号高亮的支持。

等号高亮

2023.9.29

想把博客弄得好看一点，改一个主题，发现这个主题的文档比较完善。

hexo-butterfly 使用教程

butterfly 魔改

2023.9.30

首页图片加载太慢了，加了个免费的图床。

知乎上搜到的 imagehub

问题及解决方式

1. md 加不上图片。 解决方式：hexo插入图片。

2. 手机端的背景会被拉伸。解决方式：把背景放到header里，然后拉长head高度，设为absolute。

3. 首页的文章显示全文而不是摘要。

   解决方法： 在文章中加上< !–more-- >标记 ，该标记以后部分就不在显示了，只有展开全部才显示，这是hexo定义的。

4. 无法显示 markdown 的数学公式。

   解决方法：几个博客的方法都试了一遍，莫名其妙就好了。

   hexo next主题解决无法显示数学公式

   在HEXO主题中添加数学公式支持

   hexo博客next主题添加对数学公式的支持

5. 分页不显示封图。

   解决方法：在 images 的路径前加个/。

6. HEXO博客使用LeanCloud报错。

7. 无语，为什么部署到服务器以后的搜索框这么丑……可能要等一等？？？

实现的功能

一些小修改

• 将14号字体改为了16号。hexo修改字体大小

• 将灰色字体改成了纯黑色。

• 文本框由灰色透明改为了纯白。

• 实现 markdown 行内数学公式的渲染。

• 文章页宽修改为900px。这篇教程往后拉：修改文章页宽

• 修改文章底部#号标签为图标。

  修改模板/themes/next/layout/_macro/post.swig，搜索 rel="tag">，将后面的内容换成<i class="fa fa-tag"></i>。

• 将侧边栏弹出改为 always。改了半天才想起来，不成功是因为之前又设置了一个 nest.yml……捏马……

• 把背景图放在了header里，body 背景改为白灰色。

• 修改首页文章间距并添加边框阴影。

• 修改了链接文字样式与 Read More样式。

• 修改了标签云颜色。

• 将 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。