Hexo + Github Page 搭建静态博客

2019-09-03

技术

准备工作

安装 node.js (必选)

nodejs 官网

安装一个 MarkDown 编辑器（可选）

使用 Markdown 编辑器可以更加方便的写文字，但不是必须的。推荐使用 Typora，官网：typora 官网

注册 github 和安装 git （可选）

Github 官网

图片托管（可选）

我目前使用新浪相册

评论（可选）

我目前使用搜狐畅言，但是这个需要备案，而且免费版有广告。不太推荐。

安装 Hexo 和创建博客工程

hexo 官网

先打开一个终端或命令提示符，切换到你要创建博客的目录下

npm install hexo-cli -g
hexo init blog
cd blog
npm install

至此已经安装完成，并建立了博客的目录，执行 hexo s 就可以在浏览器中预览博客的样式了。

修改配置文件

配置文件是 _config.yml

参数	描述
`title`	网站标题
`subtitle`	网站副标题
`description`	网站描述
`keywords`	网站的关键词。使用半角逗号 `,` 分隔多个关键词。
`author`	作者名字
`language`	网站使用的语言例如 zh-hans
`timezone`	网站时区。Hexo 默认使用您电脑的时区。比如说：Asia/Shanghai。

以上是基本配置，其他的可以使用默认值

配置 github page

github page 可以让你免费得到一个可以发布你的博客的空间，以及一个二级域名（仓库名称必须是你的用户名.github.io 才可以使用这个域名直接访问）。

创建一个公开仓库（如果你是 github pro 账户也可以创建私有仓库）
配置 github 仓库，启动 github page

点击设置，在下面找到 GitHub Pages 选择开启，你过你有自己的域名，在这里你可以选择绑定你的域名。

修改博客配置文件中关于部署的部分

deploy:
  type: git
  repo: <你的仓库的地址>
  branch: master
  message:

部署博客

hexo d

开始写作

hexo new 文章题目

这条命令会自动在 src/source 目录下创建一个 markdown 文件，你直接修改那个文件开始写作。然后使用

hexo d -g

可以自动更新博客，并同步到 github 仓库里

详情见 https://hexo.io/zh-cn/docs/writing

其他内容

更换主题

https://hexo.io/zh-cn/docs/themes

SiteMap 插件

帮助你自动生成和更新 sitemap

Mermaid 插件

公式插件

关于 FTP 部署

https://hexo.io/zh-cn/docs/deployment

但他这个有一些问题，我之前使用百度云的虚拟主机，ftp 无法同步，费了好多周折才解决

绑定域名

绑定域名以后一定要在 src/source 目录下新建一个文件 CNAME 里面是你的域名否则同步会导致 github 上的域名配置失效

版本控制

可以在博客根目录下再建一个 git，然后到 github 或者其他的 git 平台申请一个私有仓库用于存放博客的源代码。

本来用的畅言，但是实在不好用，广告多，很慢而且管理非常不便。

后来换成 https://valine.js.org/ 。比畅言好多了

百度统计

jquery cdn

原来使用谷歌 cdn 导致百度统计出问题，换成微软就好了

我的博客