使用 Hexo 在 coding上搭建博客
要使用Hexo搭建博客,一定先在电脑上安装 node (建议使用 Node.js 10.0 及以上版本) 和 git
安装 Hexo 并生成目录文件
# 安装hexo
npm install -g hexo-cli
# 初始化
hexo init <folder>
# 进入文件夹
cd <folder>
在生成的文件根目录中有一个名字为 _config.yml 的文件,下边会用到这个文件
在 coding 上边建立仓库
- 在 coding 上边建立仓库(如下图)
- 将仓库克隆到本地
git clone 仓库地址
- 将刚才生成的文件复制到刚刚克隆的仓库里面(注意:生成的文件中隐藏文件夹 ".git" 不要复制)如下图
- 提交仓库新加的内容
git add .
git commit -m "第一次提交"
git push
- 使用git生成一个新分支(目的是保存博客的源文件)
# 创建新分支
git branch 分支名
# 切换分支
git checkout 分支名
# 推送到远程分支
git push origin 分支名
比如我们起的分支名为 source, 查看分支
# 查看分支
git branch
# 显示
master
* source
之后本地的操作全部在source分支上边,不用再切换分支
配置 Hexo 并生成网站
- 配置 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
等命令执行后会将生成的博客提交到仓库主分支上,并推送到远程分支
- 部署生成网站
打开 coding 网站下图位置,开启 Coding pages 服务
至此,博客算部署完成
如果有自己的域名,也可以在pages服务设置页面自定义域名,不使用 coding 的域名
【参考文章】
https://hexo.io/zh-cn/docs/