免主机，免备案，从0到1教你搭建个人博客(hexo + github page)！

Comments

原理简介：

1.github page 提供服务和博客文档云端托管
2.hexo提供博客页面模板引擎（负责加载md文档并引用渲染到博客主页）
3.md编辑器负责本地编辑博客内容
4.git客户端负责push文档到github托管.
5.github page 负责显示推送的最新内容

环境准备

以Mac机器为操作环境, 安装步骤本篇不作讲解.

NodeJs

1
2
node -v
v12.13.1

Hexo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
hexo version
INFO  Validating config
hexo: 5.4.0
hexo-cli: 4.3.0
os: darwin 20.6.0 11.6

node: 12.13.1
v8: 7.7.299.13-node.16
uv: 1.33.1
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 72
nghttp2: 1.39.2
napi: 5
llhttp: 1.1.4
http_parser: 2.8.0
openssl: 1.1.1d
cldr: 35.1
icu: 64.2
tz: 2019c
unicode: 12.1

Git客户端

1
2
git --version
git version 2.23.0

MarkDown 编辑器

1
博主安装的是 typora.

操作部署步骤

1. 总流程步骤

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
1,新建博客文档文件夹 ,博主是在桌面 /desktop

mkdir blog

2,初始化blog

hexo init blog

3, 编译环境
hexo g

4, 本地查看效果
hexo s

5, 部署github
hexo d

6, 清除本地缓存
hexo clean

2. hexo配置文件环境介绍

1
2
3
4
5
6
7
8
9
10
11
12
# hexo 配置文件，负责博客主题样式加载引导
/blog/_config.yml

# themes 博客主题文件夹 负责存储主题文件
/blog/themes

# public 此文件是对外开放的博客文件，也是推送github的文件
/blog/public

# 资源文件夹 ，负责你写的博客内容给主页加载的md部分，也可以CNAME放在其中这样Push不会被覆盖
/blog/source

​

010101 Decimal is 21, so call me 021(zero to one)Web Developer

记录点滴生活。