LOADING

加载过慢请开启缓存 浏览器默认开启

个人博客部署教程(静态页面)

2023/4/2

基于Hexo的个人博客搭建

Hexo安装

安装 hexo 之前,需要有 git 和 nodejs。大家自行在网上搜索解决。

安装完 nodejs,通过以下命令,就可以安装 Hexo:

1
npm install -g hexo-cli

Hexo建站

以下命令会初始化一个 my-blog 的 hexo 站点目录。

1
2
3
4
5
hexo init my-blog

cd my-blog

npm install

目录结构如下:

1
2
3
4
5
6
7
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

Hexo服务器

Hexo 3.0 把服务器独立成了个别模块,您必须先安装 hexo-server 才能使用。

1
npm install hexo-server --save

服务器安装完成后,通过以下命令启动服务器:

1
hexo server

浏览器中可以通过 http://localhost:4000 来对站点进行预览。

效果如下:

image-20230402231724758

一键部署Hexo站点到 github

准备好对应的github.io仓库和hexo-deployer-git插件

1
npm install hexo-deployer-git --save

修改_config.yml

1
2
3
4
5
deploy:
type: git
repo: <repository url> #https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
branch: [branch]
message: [message]

站点部署

1
hexo deploy -g