hexo博客搭建——从付费到白嫖的极致体验

由于自建的博客网站域名和服务器即将到期，本人无力续费，因此选择hexo框架重建网站，主题选用轻量美观的hexo-theme-butterfly。这里记录一下搭建过程，主要感受一下从付费到白嫖的极致体验。

更新一下，由于托管图片加载速度较慢影响体验，后续更改为阿里云oss存储，有少量成本

博客搭建

hexo框架

官方文档介绍得非常详细，从安装、部署到基本指令以及自定义配置等，请仔细阅读。

butterfly主题

这里我们贴出butterfly主题的官方使用文档，非常详细，建议每个文档仔细阅读：

• Butterfly 安装文档(一) 快速开始
• Butterfly 安装文档(二) 主题页面
• Butterfly 安装文档(三) 主题配置-1
• Butterfly 安装文档(四) 主题配置-2
• Butterfly 进阶教程

常用命令

这里整理一下常用命令，完整命令移步到 hexo框架文档 查看

1. new

hexo new [layout] <title>

新建一篇文章。如果没有设置 layout 的话，默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话，请使用引号括起来。

hexo new "post title with whitespace"

参数	描述
-p, –path	自定义新文章的路径
-r, –replace	如果存在同名文章，将其替换
-s, –slug	文章的 Slug，作为新文章的文件名和发布后的 URL

默认情况下，Hexo 会使用文章的标题来决定文章文件的路径

2. generate

用于生成静态文件

hexo generate

可简写为：

hexo g

选项	描述
-d, –deploy	文件生成后立即部署网站
-w, –watch	监视文件变动
-b, –bail	生成过程中如果发生任何未处理的异常则抛出异常
-f, –force	强制重新生成文件，Hexo 引入了差分机制，如果 public 目录存在，那么 hexo g 只会重新生成改动的文件。使用该参数的效果接近 hexo clean && hexo generate
-c, –concurrency	最大同时生成文件的数量，默认无限制

3. server

启动服务器

hexo server

选项	描述
-p, –port	重设端口
-s, –static	只使用静态文件
-l, –log	启动日记记录，使用覆盖记录格式

4. deploy

部署网站，将打包的静态文件推送到远端

hexo deploy

可简写为：

hexo d

5. clean

hexo clean

清除缓存文件 (db.json) 和已生成的静态文件 (public)。

在某些情况（尤其是更换主题后），如果发现无论如何也不生效，可能需要运行该命令

插件使用

文章置顶

使用hexo-generator-index-pin-top插件实现文章置顶功能：

npm install hexo-generator-index-pin-top --save

在Post Front-matter中添加top属性即可，top值越大，排位越靠前。

文章隐藏

使用hexo-hide-posts插件实现文章隐藏功能：

npm install hexo-hide-posts --save

使用文档参考hexo-hide-posts使用文档