博客搭建记录

Hexo 使用和部署

Hexo 简介

Hexo 是一个依赖 Node.js 的博客框架，可以在本地生成静态的博客网页再上传到自己的服务器或者 Github，非常的简单方便。

Hexo 使用

Hexo 主题

本来我使用的主题是 Chic ，但是因为我想要使用 DisqusJS 作为评论系统，自己搞了半天也没搞定，于是使用更主流的 next 主题。next 主题内置了许多功能，包括 DisqusJS 评论，简单设置下就可以使用了。

使用 DisqusJS

为什么我想要使用 Disqus 作为评论系统？因为我发现在 Valine，GitTalk，Disqus 中只有 Disqus 是需要注册账户的。可以看到有账户的人在其他使用 Disqus 评论系统的博客下的评论，这样的话也可以顺藤摸瓜找到更多有意思的博客。

在 next 主题下使用 DisqusJS 很简单，只要按照以下设置就可以了：

在主题配置文件中将comments 字段将 active 设置为 disqusjs
按照DisqusJS文档操作，得到 api，apiKey（api使用作者提供的）
在主题配置文件中将 disqusjs 字段中的 enable 设为 true，并填写 api，apiKey 字段。shortname 字段填写注册 disqus site 填写的 shortname

主题配置

Next 主题用的人非常多，相关的文章也挺多。我也懒得改太多东西，简单设置了一下。这个网站有解释各项配置，可以参考下。

代码高亮踩坑

我按照那个网站的方法设置了代码高亮但却没有生效，原因是我没有重置在 hexo 配置文件里的代码配置并执行 hexo clean。具体见这篇文章。

生成 categories 和 tags 页面

hexo new page categories
编辑 source/categories 目录下的 index.md

title: 分类
date: 2019-12-25 09:36:12
type: "categories"
comments: false

tags 页面同理

生成 RSS

安装 hexo-generator-feed 插件，按照 Github 说明配置即可。

图片图床

为了方便解决在写文章时要插入图片的问题，我使用了阿里云的图床。参考这篇文章，在用 typora 写 markdown 时就可以实现阿里云图片链接的插入，非常方便。

Hexo 部署

这部分我也是参考了网上的一篇博客，注意本地 Hexo 配置的部分 root用户应该改为你创建的 git 用户，否则会提示无权限或仓库不存在。

# 找到deploy配置部分
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@xxx.xx.xxx.xxx:/var/repo/blog.git # IP填写自己服务器的IP即可
  branch: master

生成静态页面并部署：

1	hexo deploy -g

参考：

Hexo 使用 和部署