1 准备阶段
- 安装
node.js
- 下载地址:https://nodejs.org/en
- 查看版本:
node -v
以及npm -v
- 国内安装cnpm,使用淘宝镜像
npm install -g cnpm --registry=http://registry.npm.taobao.org
- 安装hexo框架
cnpm install -g hexo-cli
2 初始化博客并测试
- 打开终端,在当前文件夹新建
myblogs
文件夹用于存储博客所有相关内容
mkdir myblogs
- 进入
myblogs
文件夹,之后所有的操作都在该文件下进行
cd myblogs
- 初始化博客
hexo init
- 生成博客静态网页文件
hexo g
- 启动本地博客进行测试,启动后本地访问地址
http://localhost:4000/
,使用Ctrl
+C
终止
hexo s
3 新建博客文档
- 新建博客文档,将
"blog name"
替换为需要的博客名称
hexo n "blog name"
- 在
source/_posts
文件夹下出现以"blog name"
命名的.md
文件,使用Vim
等修改博客内容,博客使用Markdown
语法书写 - 重新生成静态网页文件
hexo g
4 更换主题
- 可在主题界面挑选喜欢的主题类型,所有主题更换方式类似,此处以
yilia
主题为例。首先下载主题
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- 修改
_config.yml
文件中theme
内容为yilia
,默认内容为landscape
- 变更主题后,生成博客前需要先清除缓存
hexo clean
- 重新生成
hexo g
5 部署至GitHub
5.1 安装插件
- 在
myblogs
文件夹安装git
部署插件
cnpm install --save hexo-deployer-git
5.2 添加SSH密钥
- 生成
SSH
密钥,其中"your_email@example.com"
为你的GitHub账号电子邮件地址
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
- 复制刚生成的
.ssh/id_rsa.pub
文件中的所用内容,进入GitHub设置界面->SSH and GPG keys -> New SSH key,将复制的内容粘贴进去,Title任意 - 输入下面第一行代码,若提示第二行的内容,则表示配置成功
ssh -T git@github.com
Hi YourGitHubName! You've successfully authenticated, but GitHub does not provide shell access.
5.3 配置部署信息
-
在GitHub创建一个仓库名为
"YourGitHubName.github.io"
,其中YourGitHubName
为GitHub的账号名 -
配置
_config.yml
文件,该文件在当前文件夹下,将Deployment
内容修改成如下形式,注意将YourGitHubName
替换为GitHub的账号名
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo: git@github.com:YourGitHubName/YourGitHubName.github.io.git
branch: master
- 将博客部署至GitHub仓库
hexo d
5.4 添加域名
-
前往阿里云等网站注册一个域名,如
xxx.cn
-
修改
_config.yml
文件中url
内容为https://xxx.cn
-
在
source/
文件夹下创建没有后缀的CNAME
文件,写入xxx.cn
-
前往GitHub仓库,找到
Settings -> Pages -> Custom domain
,填入xxx.cn
-
前往域名注册网站,进入域名控制台,选择刚购买的域名,点击解析进入解析界面,增加两条如下
- 点击添加记录,记录类型选择
CNAME
,记录值填写YourGitHubName.github.io.git
,点击确认 - 点击添加记录,记录类型选择
CNAME
,主机记录填写www
,记录值填写YourGitHubName.github.io.git
,点击确认
- 点击添加记录,记录类型选择
-
至此,域名添加完成
评论 (0)