使用Hexo搭建个人博客-安装站点

初始化站点

运行hexo init "folder_test"命令即可初始化一个hexo静态网站,运行日志如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
INFO  Cloning hexo-starter to ~/Desktop/temp/test
Cloning into '/Users/xiangpeng/Desktop/temp/test'...
remote: Enumerating objects: 3, done.
remote: Counting objects: 100% (3/3), done.
remote: Compressing objects: 100% (3/3), done.
remote: Total 71 (delta 0), reused 0 (delta 0), pack-reused 68
Unpacking objects: 100% (71/71), done.
Submodule 'themes/landscape' (https://github.com/hexojs/hexo-theme-landscape.git) registered for path 'themes/landscape'
Cloning into '/Users/xiangpeng/Desktop/temp/test/themes/landscape'...
remote: Enumerating objects: 8, done.
remote: Counting objects: 100% (8/8), done.
remote: Compressing objects: 100% (8/8), done.
remote: Total 885 (delta 1), reused 5 (delta 0), pack-reused 877
Receiving objects: 100% (885/885), 2.55 MiB | 16.00 KiB/s, done.
Resolving deltas: 100% (464/464), done.
Submodule path 'themes/landscape': checked out '73a23c51f8487cfcd7c6deec96ccc7543960d350'
INFO Install dependencies
yarn install v1.13.0
info No lockfile found.
[1/4] 🔍 Resolving packages...
warning hexo > titlecase@1.1.2: no longer maintained
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
[4/4] 🔨 Building fresh packages...
success Saved lockfile.
✨ Done in 23.58s.
INFO Start blogging with Hexo!

站点目录结构

在生成的站点目录中有如下文件及子文件夹

1
2
3
4
5
6
7
|-- _config.yml   # 网站的主配置文件
|-- node_modules # nodejs 依赖包的本地安装目录
|-- package.json # npm(nodejs package manager) 依赖的配置文件
|-- scaffolds # 网站页面模板文件存放目录
|-- public # 生成的静态网站存放目录(初始话时没有此目录,只有在运行 hexo generate时才会生成)
|-- source # 文章存放目录
|-- yarn.lock # yarn(一个与npm相似的包管理攻击) 依赖的配置文件

生成页面和启动预览

我们在生成的站点的根目录运行hexo g即可生成静态页面,这时运行hexo s可在本地打开一个预览web服务器来查看站点的效果站点的默认站点为http://localhost:4000

1
2
3
cd "folder_test" # 进入测试目录
hexo g # 同 hexo generate 生成hexo静态页面(public 目录下)
hexo s # 同 hexo server 启动hexo自带的web服务器预览页面

启动页面