准备:

  • Codding账户

创建Hexo仓库

创建Hexo工作仓库

填写项目名称并勾选 启用README.md文件初始化项目

创建Hexo工作仓库
创建Hexo工作仓库
创建Hexo静态部署仓库
创建Hexo静态文件部署仓库
创建Hexo静态文件部署仓库
静态部署仓库开启 Codding Pages服务
静态部署仓库开启 Codding Pages服务
静态部署仓库开启 Codding Pages服务
绑定Blog域名
绑定Blog域名
绑定Blog域名

Hexo安装

使用Cloud Studio打开Hexo工作仓库,选择Hexo运行环境
初始化hexo

1
hexo init blog

进入blog文件夹

1
cd blog

加载hexo依赖项

1
npm install

修改blog目录下_config.yml文件,配置博客站点信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
title: Qitainの博客
subtitle: 记录学习和工作中遇到的问题
author: Qitain

# 换成自己的blog域名
url: https://blog.qitain.com

theme: indigo

# repo换成自己的hexo的部署仓库地址
deploy:
type: git
repo: git@git.dev.tencent.com:qitain/Hexo-Blog.git
branch: master

Hexo自动部署功能

1
2
3
4
5
npm install hexo-deployer-git --save

git config --global user.email "Codding邮箱"

git config --global user.name "Codding帐户名"

下载配置indigo主题

1
git clone https://github.com/yscoder/hexo-theme-indigo.git themes/indigo

找到blog/themes/indigo/_config.yml文件修改indigo主题配置

1
2
3
4
5
6
7
8
9
10
11
12
13
menu:
home:
text: 主页
url: /
archives:
text: 归档
url: /archives
tags:
text: 标签
url: /tags

tags_title: 标签
archives_title: 归档

安装indigo主题依赖

Less

主题默认使用 less 作为 css 预处理工具。

1
npm install hexo-renderer-less --save

Json-content

用于生成静态站点数据,用作站内搜索的数据源。

1
npm install hexo-generator-json-content --save

QRCode

用于生成微信分享二维码。

1
npm install hexo-helper-qrcode --save

开启标签页
1
hexo new page tags

修改hexo/source/tags/index.md的元数据

1
2
3
layout: tags
comments: false
---

最后一步

写作
1
hexo new "标题"
生成静态文件
1
hexo g
部署
1
hexo d

参考内容