个人博客通常用于纪录个人生活点滴，分享与交流知识、技术等等。那要搭建一个博客网站，需要博主们了解一些网络，计算机知识。以下是我使用到的一些技术：

Hexo

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

？为什么是 Hexo

：个人感觉对比 Jekyll、Hugo、VuePress、Nuxt等一些框架，更加喜欢 Hexo，主要因为 Hexo 是一个非常成熟的框架，而且生态、插件、主题都很丰富，选择的东西更多

？怎么还有 Nuxt

: Nuxt 是我之前写博客框架用到的技术，Node处理数据交给 Nuxt 进行页面渲染，我管他叫博客生成器，后面出了个 VuePress 果断就不维护了

安装 Hexo

yarn global add hexo-cli

新建一个网站

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件

hexo init <folder>
cd <folder>
yarn install

如果没有设置 folder，Hexo 默认在目前的文件夹建立网站。

预览

启动服务器，之后就可以在 http://localhost:4000 上预览网站

hexo server

写作

你可以执行下列命令来创建一篇新文章或者新的页面。

hexo new [layout] <title>

您可以在命令中指定文章的布局（layout），默认为 post，可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局

也可以在 source/_posts 文件夹下新建一个文件，然后在文件中编写文章的内容，可以参考 hello-world 文件

生成

使用 Hexo 生成静态文件快速而且简单

hexo generate

生成的静态文件会在 public 目录下

Fluid

默认的 UI 并不是很好看，可以前往 https://hexo.io/themes/ 选择一个博客主题来美化网站，当然也可以自定义主题

个人觉得 Fluid 不错，Material Design 风格，于是采用的是 Fluid 主题

安装 Fluid

yarn add hexo-theme-fluid

修改 Hexo 博客目录中的 _config.yml：

theme: fluid # 指定主题

language: zh-CN # 指定语言，会影响主题显示的语言，按需修改

创建关于页

首次使用主题的「关于页」需要手动创建：

hexo new page about

创建成功后，编辑博客目录下 /source/about/index.md，添加 layout 属性

修改后的文件示例如下：

---
title: about
date: 2020-02-23 19:20:33
layout: about
---

这里写关于页的正文，支持 Markdown, HTML

重新打开网站，就发现网站焕然一新，非常好看！！！

主题配置

不可能说一个主题安装完什么都不改，所以修改相关主题配置需要查看主题文档

GitHub Pages

如果想让网站让别人能够访问，那么得需要一台服务器，将网站部署到服务器上

如果觉得很麻烦，因为需要购买服务器，国内域名要备案等等，那就可以使用 GitHub Pages 来部署静态网站，而且是完全免费，还支持自定义域名和 HTTPS，国内的 Coding Pages 也可以使用

更多信息前往 https://pages.github.com/ 查看文档，或者问下度娘，教程都很简单！！！

部署网站

Hexo 可以安装 hexo-deployer-git 进行部署

deploy:
  type: git
  repo: <repository url>
  branch: [branch]
  message: [message]

更多信息前往 https://hexo.io/zh-cn/docs/one-command-deployment 查看文档

之后便是写博客，预览博客内容，生成静态文件，部署到 GitHub Pages 的反复循环

自定义域名相关问题

GitHub Pages 自定义域名会产生一个 CNAME 文件在仓库中，但是每次通过 Hexo 部署的时候都会清掉，这时导致自定义域名不生效

解决方法只需要将 CNAME 文件放在 source 目录下即可