(三)教你使用Hexo-Github-Pages搭建个人独立博客

# 再探 Hexo

介绍 hexo 常用操作命令,以下操作是在 blog 文件夹中:

1.新建文章:

1
$ hexo new "My New Post"

此时在source_posts文件夹中便会多出一个文档 title.md
如果要删除,直接在此文件夹下删除对应的文件即可。

2.生成静态页面

1
$ hexo generate

生成的静态内容在public文件夹内。

3.清除生成内容

1
$ hexo clean

4.部署 Hexo

1
$ hexo deploy

该操作会将 hexo 生成的静态内容部署到配置的仓库中


# 部署 Hexo

1.编辑配置文件,关联远程仓库

  • 在编辑器中打开 Hexo 配置文件_config.yml,找到下面内容:
1
2
3
4
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
  • 添加 github 仓库信息:
1
2
3
4
5
6
7
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:CC-cat/CC-cat.github.io.git #github仓库地址
branch: master # github分支
message:

注意: > typerepo.. 的前面有 2 个空格,: 号后面有 1 个空格。
: 号后面的空格不可缺少,否则会报错!


2.安装 git 插件

1
npm install hexo-deployer-git --save

如果没有安装 git 插件,会有错误提示,安装后重新部署就可以了。


3.部署

1
hexo deploy

如果没有意外,部署就成功了,可以打开 http://<用户名>.github.io 查看。
或者在 GitHub 博客代码页,找到 SettingsGitHub Pages 处查看。


# Hexo 命令缩写

1
2
3
4
hexo n 'title' == hexo new 'title' # 写文章
hexo g == hexo generate # 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹
hexo s == hexo server # 启动本地web服务,用于博客的预览默认端口4000,'ctrl + c'关闭server)
hexo d == hexo deploy # 部署博客到远端(比如github, heroku等平台)
1
2
$ hexo new "postName" # 新建文章
$ hexo new page "pageName" # 新建页面

# 推送到远程

使用hexo clean hexo g hexo d 将本地博客推送到远程,即可看到更新后的博客文章。

1
2
3
$ hexo clean
$ hexo g
$ hexo d

# Hexo 命令组合

1
2
$ hexo clean && hexo s -g # 就是清除、生成、启动
$ hexo clean && hexo d -g # 就是清除、生成、部署

  • 目前我安装所用的本地环境如下:(可以通过hexo -v查看)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
hexo-cli: 1.1.0
os: Darwin 18.2.0 darwin x64
http_parser: 2.7.0
node: 8.6.0
v8: 6.0.287.53
uv: 1.14.1
zlib: 1.2.11
ares: 1.10.1-DEV
modules: 57
nghttp2: 1.25.0
openssl: 1.0.2l
icu: 59.1
unicode: 9.0
cldr: 31.0.1
tz: 2017b

# 结语

以上,就完成了个人博客的基础搭建。
希望大家都能有个属于自己的一片天地!
(∩_∩)


评论