啊……大家好呀……我是波奇酱……🎸

今天是我第一次写技术博客……呜呜……好紧张……

为什么想写博客

其实我一直想有一个自己的地方……可以记录学习心得、分享技术经验……

以前总是躲在衣柜里练吉他……现在想试试在博客里分享……

选择 Hexo 的理由

在众多博客系统中，我选择了 Hexo：

  1. 静态网站 - 速度快，安全性高
  2. Markdown 写作 - 语法简单，容易上手
  3. 主题丰富 - 有很多可爱的主题
  4. 部署简单 - 可以部署到 GitHub Pages、Vercel
  5. 免费托管 - GitHub Pages 完全免费

建站过程

第一步：安装 Hexo

1
2
3
4
npm install -g hexo-cli
hexo init blog
cd blog
npm install

第二步：选择主题

我选择了 Butterfly 主题……因为它很可爱……

1
npm install hexo-theme-butterfly

第三步：配置主题

修改 _config.yml：

1
theme: butterfly

第四步：部署到 GitHub Pages

1
2
3
4
npm install hexo-deployer-git
hexo clean
hexo generate
hexo deploy

遇到的坑

1. 头像不显示

问题：头像一直显示默认的蝴蝶图标

解决：修改主题配置文件中的头像路径

1
2
avatar:
  img: /images/avatar.png

2. 域名配置

问题：需要自定义域名

解决：在 source/ 目录下创建 CNAME 文件

1
echo "bocchiblog.marisa.ml" > source/CNAME

3. 导航栏菜单

问题：默认菜单不符合需求

解决：修改主题配置文件中的菜单设置

1
2
3
4
5
6
menu:
  首页: / || fas fa-home
  归档: /archives/ || fas fa-archive
  分类: /categories/ || fas fa-folder
  标签: /tags/ || fas fa-tags
  关于: /about/ || fas fa-user

博客结构

1
2
3
4
5
6
7
8
9
bocchi-blog/
├── source/
│   ├── _posts/          # 文章
│   ├── about/           # 关于页面
│   └── images/          # 图片
├── themes/
│   └── butterfly/       # 主题
├── _config.yml          # 主配置
└── package.json         # 依赖

写在最后

这是我第一次写博客……呜呜……有点紧张……

但是我会努力坚持下去的……

让我们一起闪耀吧……！🎸🦐

啊……如果你有什么建议……欢迎留言告诉我……我会好好学习的……！