用Hexo&Gitee快速搭建个人博客

本文最后更新于:2 年前

全文思维脑图


Hexo是当前市场上较火的一个静态博客框架,能够快速搭建个人博客。让我们开始吧!

—系统环境:mac os


必要准备

1.安装Node.js(下载地址:http://nodejs.cn/download/)

点击下载链接后进入如下页面,根据自己情况下载即可。下载好后正常安装

Node.js下载界面

现在来到终端

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#确认Node安装
node -v
#若正常安装,则返回如下(版本号可能不同,下同)
v14.15.1
npm -v
6.14.8
#ok,现在安装淘宝镜像加速器
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v
[email protected] (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)
[email protected] (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
[email protected] (/usr/local/bin/node)
[email protected] (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local
darwin x64 18.5.0
registry=https://r.npm.taobao.org

2.安装Hexo(官网:https://hexo.io/zh-cn/)

在终端输入npm install hexo-cli -g

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
npm install hexo-cli -g
#确认安装
hexo -v
INFO Validating config
hexo: 5.2.0
hexo-cli: 4.2.0
os: Darwin 18.5.0 darwin x64
node: 14.15.1
v8: 8.4.371.19-node.17
uv: 1.40.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.16.1
modules: 83
nghttp2: 1.41.0
napi: 7
llhttp: 2.1.3
openssl: 1.1.1g
cldr: 37.0
icu: 67.1
tz:2020a
unicode: 13.0

OK,到现在为止你已经成功安装了Node.js和Hexo了


本地部署

1.新建文件夹blog(记住它在你系统中的路径)

来到终端

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#使用cd命令来到blog目录下
#确认操作
pwd
/Users/tcj/blog
#在blog目录下初始化博客
sudo hexo init
#确认初始化成功
ls
db.json public
.deploy_git node_modules scaffolds
.gitignore package-lock.json source
_config.yml package.json themes
#启动博客
hexo s
INFO Validating config
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

2.打开浏览器,输入localhost:4000

本地预览的博客

上面是Hexo默认页面和自动创建的Hello World文章,这说明你已经在本地部署成功了!


远程部署

这是最后一步,完成后就可以通过网络访问你的博客了!

1.准备一个码云账号(官网:https://gitee.com/)

2.新建一个仓库gitee新建仓库页面

图中箭头所指一定要一致

3,来到终端

1
2
3
4
5
6
7
8
9
10
11
12
#在之前目录下安装git
cnpm install --save hexo-deployer-git
#修改当前目录下的配置文件:_config.yml
**修改如下
deploy:
type: git
repo: 仓库URL地址
branch: master
例如:deploy:
type: git
repo: https://gitee.com/tcj155038/tcj155038.git
branch: master

修改完成后保存退出 (冒号后有空格)

1
2
3
4
5
6
#清除缓存
hexo clean
#生成静态页面
hexo g
#将项目部署到码云仓库
hexo d

仓库里的文件

这时仓库中已经有文件了!

接着开启Gitee Pages 静态网页托管服务

服务

开启后会出现一个网址,这就是你的博客网址

Pages

打开浏览器输入这个网址

网上的博客

可以正常访问!


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!