我的第一篇技术博客:Hexo+Butterfly 搭建与避坑记录
这是我的第一篇技术博客!今天终于把 Hexo 框架和 Butterfly 主题跑通了,看着这满屏的极客风,成就感拉满。
1. 核心搭建命令
搭建过程其实不复杂,全局安装加上主题配置,一条长命令就能搞定:
1 | npm install -g hexo-cli; hexo init my-blog; cd my-blog; npm install; npm i hexo-theme-butterfly |
2. 今日踩坑记录:YAML 文件的“空格刺客”
在配置主题的 _config.butterfly.yml 文件,替换头像和背景图时,遇到了本地服务器直接崩溃拒绝连接的报错(ERR_CONNECTION_REFUSED)。
排错过程:
- 检查了终端的报错代码,发现卡在
Hexo.yamlHelper。 - 猛然醒悟:在 YAML 语法中,冒号
:后面必须加一个英文空格! - 修改前(错误):
avatar:/img/avatar.png - 修改后(正确):
avatar: /img/avatar.png
总结:敲代码果然容不得半点马虎,一个空格就能引发血案。以后画 PCB 板子、配置嵌入式底层寄存器的时候,也得拿出这种像素级的严谨态度才行!
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 函的极客笔记!
评论