无中生有

按着 傻瓜式教程 搭完了基础博客。

无脑按教程走,除了一点:Github 更新后 master 被改名为了 main,设置时要与时俱进

另外,调整 permalink 的时候末尾要加上 .html,不然点击文章无法进入,而是下载。

开始美化

挑选主题

经过长时间的对比,最终选择了 ButterFly

完善主题

  • 建立标签页
  • 建立分类页
  • 建立友链页
    友链页代码段在教程中没有分段(似乎是我自己浏览器的问题),现给出格式化后的代码:
- class_name: 友情鏈接
class_desc: 那些人,那些事
link_list:
- name: Hexo
link: https://hexo.io/zh-tw/
avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
descr: 快速、簡單且強大的網誌框架

- class_name: 網站
class_desc: 值得推薦的網站
link_list:
- name: Youtube
link: https://www.youtube.com/
avatar: https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png
descr: 視頻網站
- name: Weibo
link: https://www.weibo.com/
avatar: https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png
descr: 中國最大社交分享平台
- name: Twitter
link: https://twitter.com/
avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png
descr: 社交分享平台
  • 创建导航菜单

    主题配置文件 是指 \themes\butterfly\_config.yml

  • 修改代码风格

    最终选择了 mac

  • 修改文章自动节选

    最终选择了 both

  • 背景图片

    主页选择了 必应每日一图
    其他页面选择了 随机壁纸

  • 更换头像

    不要把个人需要的文件/图片放在主题 source 文件夹里,因为在升级主题的过程中,可能会把文件覆盖删除了。在 Hexo 根目录的 source 文件夹里,创建一个文件夹来放置个人文件/图片。引用文件直接为/文件夹名称/文件名

  • 建立评论系统

    最终选择了 gitalk

  • 开启背景彩带

  • 开启打字副标题

升级主题

在主题目录下 git pull

博客迁移

进入大学换了新电脑,需要将博客文件迁移。

按照 迁移教程 进行设置,中间又出现了很多错误。

git bash 中无法使用 npm

  • 保证进入到博客目录
  • 重开 git bash

git 无法连接到 github

要重新申请 SSH Key,重新设置连接的 github 账户密码。

hexo s 后显示 cannot get

在博客根目录下运行 npm install

npm install 出错

  • 更新 npm
  • 重开 git bash

细节问题

导航菜单子级页面

  • 目的

鼠标放在“日常”,拉下清单,点击“练字”,进入练字分类页

  • 措施

文章中 categories: 练字
导航栏主题设置中 - 练字: /categories/练字/

上传后图片不显示

  • 目的

引用本地图片,上传后图片依然显示。

  • 措施

npm install https://github.com/EricGerry/hexo-asset-image-0.0.5.git --save 安装插件用来上传本地图片。

此时 post 中应 cover: /img/calligraphy.jpg,注意是 /