A·Y

Hexo入门指北

9/22/2019 Hexo

# 开始

新建的第一篇文章,就写写hexo的一些东西吧
hexo的本地安装到部署到github pages
还有主题,以及gitalk的配置

# 准备

hexo的安装十分方便,官网也讲的非常清楚,需要NodeJs和git环境,这里不再赘述,不清楚的可以查看官方文档 (opens new window) 当准备工作完成之后,就可以直接使用npm来安装hexo

# npm的仓库切换 
# 由于npm的仓库默认是国外的 所以很多人考虑使用cnpm
# 但是cnpm安装可能会出现问题 所以这里推荐一下nrm 

# 安装nrm
npm install -g nrm
# 查看可用仓库
nrm ls
# 使用cnpm仓库
nrm use cnpm
# 查看当前仓库
npm get registry
# 安装hexo
npm install -g hexo-cli
1
2
3
4
5
6
7
8
9
10
11
12
13
14

之后就是初始化的过程

 hexo init <folder>
 cd <folder>
 npm install
1
2
3

# 配置

新建完成后，指定文件夹的目录如下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes
1
2
3
4
5
6
7
8

开始的话,我们需要关注的就是config.yml,这个是全局的一些配置文件.主题文件在themes文件夹,默认的主题是landspace,如果想切换主题可以去github搜索,或者直接查看hexo官方主题 (opens new window),一般的话更换主题都是将主题文件安装到themes文件夹下,然后在全局配置文件中更改主题. 至于评论系统的,这里使用的是gitalk(Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。),为什么是gitalk呢?因为这个主题的配置文件就是配置的gitalk.其他主题配置的评论系统也许是别的,主题文档应该会有说明,可以根据文档自行配置.因为评论插件太多了,这个就自行百度吧.

# 新建博客

新建博客的话,使用hexo new命令即可,也可以直接在source/_posts文件夹下新建markdown文件直接编写.

hexo new (title)
1

如果想在部署前预览的话,使用hexo s命令即可通过 http://localhost:4000 查看效果.

hexo s
1

# 部署

部署到github pages的话,直接在全局配置文件config.yml修改deploy配置

deploy:
 type: git
 repo: https://github.com/github名称/github名称.github.io.git
 branch: master
1
2
3
4

然后的话还需要安装一个插件才能部署

npm install hexo-deployer-git --save
1

之后执行以下命令即可部署到github pages

hexo g && hexo d
1

# 最后

接下来就是愉快的水博客环节~

个人配置 主题: hexo-theme-next (opens new window) 备份: hexo-git-backup (opens new window) 评论: valine (opens new window) 模型: hexo-helper-live2d (opens new window) 邮件通知: Valine-Admin (opens new window) 微信qq通知: Valine-Admin-Server (opens new window) leancloud流控解决方案: WakeLeanCloud (opens new window)