我是如何创建并部署我的hexo blog到gitee

Blog初开,作为第一篇文章,我想记录一下自己从创建到部署它的全过程,也算是几天试验成果的一个总结。


一开始因为听说 Hugo框架简单得离谱,于是作为一个菜鸡,我就愉快地按照B站找来的教程成功搭建了一个,随后在想为安装的主题添加更多自定义内容时,发现 Hugo主题的文档都不够全面,更像是这些开发者做出来展示自己的,而且主题也都不太符合我的审美,遂弃之。

当晚决定用 hexo来完成这件事情。吃一堑长一智,这次先去 github上找了一大堆主题,其中发现一个名为 fluid的由国内开发者开发的主题,外观很不错,文档也很全面完整,就决定是它了!


安装所需环境(Windows )

安装 Node.js

1
https://nodejs.org/zh-cn

安装 Git

1
https://git-scm.com/download/win

打开 Powershell,安装 hexo-cli工具包

1
npm install -g hexo-cli

建立本地博客站点

我想把博客项目文件夹放在桌面

1
cd desktop/

建立本地站点,我将其命名为 myblog

1
2
hexo init myblog
cd myblog

启动博客查看初始化情况

1
hexo server

至此,可以看到提示

1
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

浏览器打开 http://localhost:4000,可以看到 hexo建站的同时有一个默认主题。


更改&配置 hexo主题

检查是否在 myblog目录下

1
pwd

下载 最新 release 版本,解压到 themes目录下并重命名为 fluid

修改博客目录下的 _config.yml

1
2
3
4
5
title: Skycurtain's Blog
author: Skycurtain
language: zh-CN

theme: fluid

添加关于页

1
hexo new page about

修改 /source/about/index.md,在头部添加 layout 属性

1
layout: about

暂时就做这些处理,更多文档详见:https://hexo.fluid-dev.com/docs/guide/


撰写第一篇文章

新建一篇post

1
hexo new post "我是如何创建并部署我的hexo blog到gitee"

这样在source/_post/下会新建“我是如何创建并部署我的hexo blog到gitee”的md文件


部署

首先需要在 gitee新建仓库

修改 _config.yml配置

选择 gitee的原因是 Github Pages的访问速度并不理想,而且暂时也没有考虑各种加速手段,所以尽管 gitee有各种不足,但它仍然成为了我的选择。

鉴于 Github Pages的后端采用 Jekyll,或许以后等我的博客成熟了会考虑迁移到 Jekyll并部署到 Github Pages

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://gitee.com/skycurtain/skycurtain
branch: master

Git配置

VS Code打开博客项目并开启终端(确保操作目录是 myblog/

配置git信息

1
2
git config --global user.name "Skycurtain"
git config --global user.email skycurtain@163.com

建立git仓库

1
git init

安装 hexo-deployer-git

1
npm install hexo-deployer-git --save

生成静态文件

1
hexo generate

一键部署

1
hexo deploy

以上两步操作可以简化为

1
hexo generate --deploy

1
hexo g -d

最后在 gitee仓库的服务中选择 Gitee Pages,选择 启动/更新


我是如何创建并部署我的hexo blog到gitee
https://skycurtain.github.io/2020/08/09/how-I-build-my-hexo-to-gitee/
作者
Skycurtain
发布于
2020年8月9日
许可协议