Hexo之Coding部署篇

前言

这篇博文只是对自己思路的梳理和总结,所以可能不完全适用所有人,借鉴时切勿随意照搬硬套。


准备工作

  • 安装Node.js:Hexo基于Node.js开发。
  • 安装Git:用来提交代码到Coding/Github。

安装 Hexo

新建文件夹用于存放博客,例如新建文件夹“Hexo”。

全局安装 Hexo

右键选择 Git-bash 后执行安装命令

npm install hexo-cli -g

初始化 Hexo

进入Hexo 文件夹,执行初始化命令。

hexo init

安装依赖

执行命令

npm install

本地测试

执行下述命令后点击,正常打开则安装成功。Ctrl+C停止调试。

hexo g
hexo s

安装 NexT 主题

克隆主题

在 Hexo 文件夹下执行命令

git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题

打开博客根目录的_config.yml,修改 theme 配置为如下。

theme: next

本地测试

执行命令hexo s查看主题是否生效。生效后执行Ctrl+C停止调试。

Coding 设置

创建仓库

访问Coding注册账号,创新新项目,创建页面中勾选启用 README 文件初始化项目并创建项目。

配置 SSH key

  1. 设置Git,执行如下命令。

git config –global user.name “YOUR NAME”
git config –global user.email “YOUR EMAIL ADDRESS”

其中,YOUR NAME是自己取的名字,YOUR EMAIL ADDRESS是自己的 Coding 邮箱。

  1. 通过 Git 认证 Coding
  • 执行如下命令,生成 SSH Key 。

ssh-keygen -t rsa -b 4096 -C “your_email@example.com

其中,`your_email@example.com`是你的 Coding 注册邮箱。

  • 执行如下命令,依次开启 ssh-agent 、添加 SSH key 、拷贝 SSH Key 。

eval “$(ssh-agent -s)”
ssh-add ~/.ssh/id_rsa
clip < ~/.ssh/id_rsa.pub

此时 SSH Key 内容已被拷贝到系统剪贴板。

添加 SSH key 到 Coding

登陆后点击左侧边栏-账户选项,点击SSH公钥,右键粘贴到公钥内容框中,勾选永久生效,点击添加完成。

测试 SSH 链接

在 Git Bash 中执行如下命令。

ssh -T git@git.coding.net

如果提示警告,输入yes回车即可。

部署本地文件到 Coding

安装 hexo-deployer-git 插件

npm install hexo-deployer-git –save

配置推送选项

打开博客根目录的_config.yml,修改 deploy 配置为如下。

deploy:
type: git
repo: 仓库地址
branch: master

仓库地址–依次点击左侧边栏-项目选项,进入博客项目,点击代码,复制 SSH 地址。

推送博客到 Coding

hexo d

开启 Coding 项目的 Pages 服务

  1. 依次点击左侧边栏-项目选项,进入博客项目,点击代码,点击进入Pages服务静态Pages页面。
  2. 部署来源选择”master分支”,自定义域名分别绑定u-love.mewww.u-love.me, HTTPS 证书选择永久,将域名换成自己的域名,仅作示例。
  3. 勾选强制HTTPS访问
  4. 找到 Hosted by Coding Pages ,点击文字版,复制代码,打开博客根目录,依次进入themesnextlayout_partials文件夹,打开footer.swig,将复制的代码粘贴到最下方即可。完成操作后回到 Pages 页面,勾选`已放置 Hosted by Coding Pages。

配置域名解析

  • 找到你的域名提供商,进入域名解析。以阿里云为例。

  • 找到前边已经绑定Pages的域名,添加2个解析,记录类型为CNAME,记录值为pages.coding.me,主机记录分别为@www,其他默认即可。

现在就可以通过域名访问博客了