关于hexo的那些事

Hexo是一个快速、简洁且高效的静态博客框架,基于Node.js。搭建hexo博客的基本步骤包括:

  1. 安装Node.js和Git
  2. 安装Hexo:npm install -g hexo-cli
  3. 初始化博客:hexo init blog
  4. 安装依赖:npm install
  5. 新建文章:hexo new “postName”
  6. 生成静态文件:hexo generate
  7. 启动服务:hexo server
  8. 部署到GitHub Pages:修改_config.yml,安装hexo-deployer-git,运行hexo deploy

主题可以使hexo博客更个性化,常见的hexo主题有NexT、Butterfly等。还可以进行SEO优化、添加评论系统、使用RSS等,来 perfect 自己的博客。

安装Node.js和Git

安装Node.js

进入[node官网](Download | Node.js (nodejs.org))选择适合自己电脑的node版本下载，然后进行安装。

安装git

进入[git官网](Git - Downloads (git-scm.com))下载合适自己电脑的版本就行了，这里给出[git中文版教程](Pro Git（中文版） (gitee.com))

验证是否安装成功

只需要执行以下命令就可以查看是否安装完成、

1
2
3
git -v
npm -v
node -v

安装hexo

在磁盘上新建一个存放博客的文件夹，新建好后右击文件夹，点击Git Bash here，并输入以下命令

1
npm install -g hexo-cli

安装完成将hexo初始化，主要命令如下：

1
hexo init

启动hexo，查看是否安装完成

1
2
hexo g
hexo s

出现以下画面代表安装完成：

在控制台按CTRL+c停止，然后为hexo安装必要的渲染器：

1
2
npm install hexo-deployer-git --save
npm install hexo-renderer-pug hexo-renderer-stylus --save

博客基本搭建完成啦，下面开始安装butterfly主题

以下是一些小建议：

如果在npm安装包的过程中出现卡进度条，很久没下载到，首先第一步就是关闭防火墙，再者就是换淘宝镜像，下面提供一些相关的命令

1
2
3
4
npm config set registry=https://registry.npm.taobao.org
npm config get registry
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npmjs.org/

安装butterfly主题

关于butterfly

Butterfly是一款非常流行的Hexo博客主题,它具有以下一些关键特点:

  1. 功能强大,支持多种布局、分类、标签、分页、评论等功能。
  2. 外观精美,提供夜间模式、主题切换、动画效果等视觉优化。
  3. 高度定制,可以调整样式、Front-matter、自定义页面等。
  4. 插件丰富,支持多种实用插件扩展功能,如站点统计、SEO优化等。
  5. 开源免费,代码托管在GitHub,拥有强大社区支持。
  6. 配置简单,支持可视化操作,容易上手使用。
  7. 轻量高效,页面加载速度快。
  8. 持续迭代,不断推出新版本和功能优化。

安装butterfly

首先这里附上[butterfly官方文档](Butterfly 安裝文檔(一) 快速開始 | Butterfly)。下文采用git方式安装

在个人博客的根目录里面执行以下命令：

1
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

出现以下界面就代表安装完成：

接下来开始配置_config.yml，我用的是vscode，打开 _config.yml，安CTRL+f进入搜索框，输入theme回车找到以下内容：

将landscape改为butterfly就行。通过hexo g ，hexo s命令打开http://localhost:4000/就能看到butterfly主题安装成功。

butterfly为日后升级/魔改准备

在博客根目录新建一个文件：_config.butterfly.yml，将themes/butterfly目录下的 _config.yml文件里面的内容全部复制，粘贴到 _config.butterfly.yml上。以后修改，只需要在 _config.butterfly.yml上面修改就行啦。

Hexo会自动合併主题中的 _config.yml 和 _config.butterfly.yml 里的配置，如果存在同名配置，会使用 _config.butterfly.yml 的配置，其优先度较高。

到此，butterfly主题安装完成啦。