Yoleen的博客

为学日益,为道日损。

0%

(一)本地搭建Hexo博客

安装Node.js

Node.js是一个开源的,跨平台的Js运行环境,安装Node.js后才可以在上面运行hexo框架。

下载地址:https://nodejs.org/zh-cn 或者 https://registry.npmmirror.com/binary.html?path=node/latest-v18.x/

这里可以下载18.16长期支持版,windows用户下载msi格式,安装过程中勾选add to path添加环境变量,安装完成后,打开命令行输入

1
node -v && npm -v

查看Node.jsnpm的版本信息。

安装Git

Git应该是每个程序员必备的工具,还不会使用的同学,可以看看这篇文章,知乎:《Github万字图文教程》

Git下载地址:https://git-scm.com/download/win

如果访问不了上面地址,可以通过淘宝的镜像地址下载,目前最新的版本为2.40.1,Git-2.40.1-64-bit.exe下载

安装Hexo

Hexo是快速、简洁且高效的博客框架,拥有380+博客模板,支持第三方插件,十分nice!

切换到想安装Hexo的目录,这个目录后续会保存你的博客文章,安装方式十分简单,运行下面命令安装:

1
npm install hexo-cli -g

安装完毕后我们就可以使用hexo命令去初始化博客。

初始化项目

1
2
3
hexo init blob
cd blob
npm install

这里 blob 就是你要创建的博客名,上述命令会在当前目录下创建一个 blob 文件夹,里面结构如下:

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

_config.yml:保存博客的配置,可以设置博客名称,作者,个人简介,部署方式等等。

scaffolds:保存新建文章的模板文件,在你新建markdown文章时,会自动填充scaffolds下post.md的内容到新建的md文件里面。

source:存放用户资源的地方,即保存草稿、Page页面和你的markdown文章。

themes:保存主题,Hexo会根据主题内容生成静态页面。

启动项目

1
hexo server

在命令行运行上述命令即可成功启动我们的博客,hexo server也可以简写成hexo s

1
hexo s -p 5000

-p:可以指定访问的端口。

image-20230512120008308

至此本地搭建Hexo博客已经完成,下一节对本地博客进行个性化配置,使我们的博客更加美观好用。