博客网站重构 - 轻量化

前言

2019年中，我搭建了这个博客网站，想尝试撰写一些学习总结文章。出于种种原因，计划胎死腹中，只写了一个网站搭建的开头，就不了了之了。

重新开始

最近和几个同事突然聊起博客的事情，跟他们请教了一些博客经验，打算重新拾起我之前的想法。另外，之前使用的wordpress虽然操作简单，但是它需要依赖PHP和MySQL，比较吃内存(购买的小机型有点撑不住)，因此我对网站架构进行了重构。

新的架构：Nginx -> 托管静态页面，hexo -> 构建静态博客内容。

另外，之前启用了wordpress的评论功能，收到不少恶意扫描和数据注入，出现了大量的无效评论，新的博客将会禁用该功能。

什么是hexo以及为什么选择它

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他标记语言）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

我只需要在本地创建一个markdown文件，有新的内容或想法时，直接记录下来，然后使用hexo命令生成新的静态文件上传就可以了。不需要考虑wordpress格式，不需要额外的数据库，也不需要忍受小机型带来的操作延迟。

安装和配置

安装前提：Node.js和Git

安装位置：你的个人电脑(推荐)或你的博客服务器上。

安装hexo(你可能需要考虑一下hexo在不同Node.js版本下的限制)：

$npm install -g hexo-cli

初始化你的博客配置(<folder>是你希望使用的博客根文件夹)：

$ hexo init <folder>
$ cd <folder>
$ npm install

初始化完成后，该文件夹内的目录结果如下：

.
├── _config.yml ✔
├── package.json
├── scaffolds
├── source ✔
|   ├── _drafts
|   └── _posts
└── themes ✔

如果你不希望太折腾，主要关注打钩的三个就可以了，他们分别是基本配置文件、文章等资源所在文件夹以及博客主题文件夹。

config.yml(更多参数介绍):

# 建议修改的参数
title --> 网站标题
author --> 作者名称(你)
theme --> 你想使用的主题

themes:

1. 你可以在这里找到主题，也可以在网上自行搜索喜欢的主题。我个人使用的主题是Hexo Fluid

2. 主题下载之后，需要在_config.yml同路径下创建一个独立的_config.[theme].yml以便hexo加载该主题，这里的theme需要和上面配置的theme一致。

编写第一篇文章

1. 创建新文章或新页面

# layout可选值 -> 对应路径：
# 要发布的文章 post -> source/_posts 
# 新页面(如about me) page -> source
# 草稿 draft -> source/_drafts

$ hexo new [layout] <title>

2. 在source/中找到刚刚创建的.md文件，编写文章内容。

部署网站

文章写完之后，我们需要将文章发布到网站上，现在，你有三种选择：

1. 生成静态文件，使用任意静态网站托管，也可以上传到你的服务器上，通过nginx托管；

   $ hexo generate

2. 使用hexo的模块hexo-server直接部署在你的服务器上；

   $ npm install hexo-server --save
   # 建议仅允许localhost(127.0.0.1)访问，并在之前添加nginx代理。
   $ hexo server -i 127.0.0.1

3. 将网站部署到第三方平台，如GitHub Pages或GitLab Pages等

   # 以git为例
   # 安装对应的模块
   $ npm install hexo-deployer-git --save
   # 在_config.yml中配置deploy信息，
   deploy:
   - type: git
     repo: <repository url>
     branch: [branch]
     token: <token>
   # 生成静态文件并推送到远程仓库
   $ hexo clean && hexo deploy

总结

现在，hexo部署网站完成，enjoy youself！