使用Hexo搭建博客

使用 Hexo 在 coding上搭建博客

要使用Hexo搭建博客，一定先在电脑上安装 node （建议使用 Node.js 10.0 及以上版本） 和 git

安装 Hexo 并生成目录文件

# 安装hexo
npm install -g hexo-cli
# 初始化
hexo init 
# 进入文件夹
cd 

在生成的文件根目录中有一个名字为 _config.yml 的文件，下边会用到这个文件

生成的文件

在 coding 上边建立仓库

1. 在 coding 上边建立仓库（如下图）

在 coding 上边建立仓库

2. 将仓库克隆到本地

git clone 仓库地址

3. 将刚才生成的文件复制到刚刚克隆的仓库里面（注意：生成的文件中隐藏文件夹 ".git" 不要复制）如下图

提示图

4. 提交仓库新加的内容

git add .
git commit -m "第一次提交"
git push

5. 使用git生成一个新分支（目的是保存博客的源文件）

# 创建新分支
git branch 分支名
# 切换分支
git checkout 分支名
# 推送到远程分支
git push origin 分支名

比如我们起的分支名为 source， 查看分支

# 查看分支
git branch
# 显示
  master
* source

之后本地的操作全部在source分支上边，不用再切换分支

配置 Hexo 并生成网站

1. 配置 Hexo

之前安装 Hexo，生成目录文件的时候，有一个名字为 _config.yml 的文件，里面全是 Hexo 的配置信息，可以自定义修改，这里我们只修改 有关 git 仓库的配置

deploy:
  type: git
  repository: https://git.dev.tencent.com/xxx/xxx.git  #仓库地址
  branch: master #分支名称。如果不指定，则默认值为 master
  message: Site updated： {{ now('YYYY-MM-DD HH:mm:ss') }} #自定义提交信息 (默认为 Site updated：{{ now('YYYY-MM-DD HH:mm:ss') }})

更多详细配置

写好配置信息之后，再输入

# 安装依赖
npm install
# 发布
## windows
hexo clean "&" hexo g "&" hexo d
## mac
hexo clean & hexo g & hexo d

等命令执行后会将生成的博客提交到仓库主分支上，并推送到远程分支

2. 部署生成网站

打开 coding 网站下图位置，开启 Coding pages 服务

开启 pages 服务

至此，博客算部署完成

如果有自己的域名，也可以在pages服务设置页面自定义域名，不使用 coding 的域名

pages 服务设置

【参考文章】
https://hexo.io/zh-cn/docs/