使用Hexo搭建博客

使用 Hexo 在 coding上搭建博客

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

安装 Hexo 并生成目录文件

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

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

生成的文件

在 coding 上边建立仓库

  1. coding 上边建立仓库(如下图)
在 coding 上边建立仓库
  1. 将仓库克隆到本地
git clone 仓库地址
  1. 将刚才生成的文件复制到刚刚克隆的仓库里面(注意:生成的文件中隐藏文件夹 ".git" 不要复制)如下图
提示图
  1. 提交仓库新加的内容
git add .
git commit -m "第一次提交"
git push
  1. 使用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

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

  1. 部署生成网站

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

开启 pages 服务

至此,博客算部署完成

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


pages 服务设置

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