为什么要搭建个人博客
- 俗话说:“好记性不如烂笔头”
- 记录在本地磁盘痛点:检索困难、容易丢失、分类归档体验差等
- 记录在第三方平台(简书、CSDN、掘金)痛点:UI界面丑、有违规风险、账号密码记不住等
搭建个人博客工具调研
- WordPress是一款强大的内容管理系统,适合非技术用户,有大量主题和插件。但可能需要更多资源,对定制性有一定限制。
- Jekyll和Hugo是静态网站生成器,生成速度快,安全性高。Jekyll基于Ruby,Hugo基于Go,两者都适合技术用户,但Jekyll在大型项目中可能较慢,而Hugo则更快。
- Hexo是基于Node.js的静态博客生成器,简单易用,生成速度快,适合追求速度和轻量级的用户。然而,相比Jekyll和Hugo,Hexo的生态相对较小。
Hexo
环境准备
Node.js和npm:
在Node.js官网下载最新版本的Node.js安装包,并按照安装向导进行安装。Node.js会自动包含npm。1
2
3
4~ node -v
v14.20.1
~ npm -v
6.14.17Git:
在Git官网下载最新版本的Git安装包,按照安装向导进行安装。Git是Hexo用于版本控制的工具。1
2~ git --version
git version 2.32.1 (Apple Git-133)
搭建步骤
安装Hexo:
- 打开命令行或终端,运行以下命令安装Hexo:
1
npm install -g hexo-cli
创建博客:
- 在你希望创建博客的文件夹内,运行以下命令初始化Hexo博客:
1
hexo init myblog
进入博客目录:
1
cd myblog
安装依赖:
1
npm install
启动本地服务器:
1
hexo server
在浏览器中访问
http://localhost:4000,你将能够看到正在搭建的博客。选择主题:
Hexo支持许多主题,你可以在Hexo官方主题列表中选择一个你喜欢的主题,并按照主题文档进行安装和配置。
这里选择:https://github.com/leedom92/hexo-theme-leedom
1
npm i hexo-theme-leedom
在根目录下的_config.yml文件中修改主题的配置
1
2
3
4
5# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
##theme: pure
theme: leedom重新构建,焕然一新
1
2hexo clean
hexo s
编写文章:
- 在
source/_posts目录下创建Markdown文件,写下你的文章内容。
- 在
生成静态文件:
1
2bashCopy code
hexo generate这会在
public目录下生成最终的静态文件。部署博客:
如果你想将博客部署到GitHub等平台,按照相应平台的配置和Hexo文档中的部署章节进行操作。
安装 Hexo 的 GitHub 部署插件:
1
npm install hexo-deployer-git --save
在 _config.yml 中配置 GitHub Pages 部署信息:
1
2
3
4deploy:
type: git
repo: https://github.com/username/username.github.io.git
branch: master运行以下命令将 Hexo 站点部署到 GitHub Pages:
1
2
3hexo clean
hexo generate
hexo deploy
hexo常用命令:
1
2
3
4
5
6
7
8
9
10
11
12
13
14# 1.初始化博客
hexo init <folder>
# 2.启动本地服务器
hexo server
# 3.创建新文章
hexo new <title>
# 4.生成静态文件
hexo generate
# 5.部署博客
hexo deploy
# 6.清理缓存
hexo clean
# 7.查看帮助
hexo --help