搭建hexo静态博客

概览:

先决条件Node.Js

安装Node.js

确认安装是否成功:

  • Node:
    1
    2
    node -v
    npm -v

我的版本:

1
2
3
4
5
$ node -v
v10.13.0

$ npm -v
6.4.1

出现版本号,说明安装成功。

cnpm代替默认的 npm:

你可以使用淘宝NPM定制的 cnpm (gzip 压缩支持) 命令行工具

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装hexo框架

1
cnpm install -g hexo-cli

查看hexo版本

1
hexo version

输出版本,说明成功。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$ hexo version
hexo-cli: 1.1.0
os: Windows_NT 10.0.17134 win32 x64
http_parser: 2.8.0
node: 10.13.0
v8: 6.8.275.32-node.36
uv: 1.23.2
zlib: 1.2.11
ares: 1.14.0
modules: 64
nghttp2: 1.34.0
napi: 3
openssl: 1.1.0i
icu: 62.1
unicode: 11.0
cldr: 33.1
tz: 2018e

搭建博客

选择放置博客的位置,进入那个目录后,以github page 为例,所以是.github.io>,这个一般可以随意。

1
2
3
hexo init ka1i.github.io
cd ka1i.github.io
cnpm install

生成的目录大概是这样的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
(base) mardan@Mardan-WS:~$ tree ka1i.github.io -L 2
ka1i.github.io
├── _config.yml
├── db.json
├── node_modules
│   └── *********
├── scaffolds
│   ├── draft.md
│   ├── page.md
│   └── post.md
├── source
│   └── _posts
└── themes
└── next

Hexo命令

网络上有很多部署到git的教程,自行参考。执行命令hexo generate后会在目录下生产public文件夹,该文件夹是hexo生产的静态文件。可以部署发布到自己建的web服务器。

  • hexo new “postName”      #新建文章
  • hexo new page “pageName” #新建页面
  • hexo generate            #生成静态页面至public目录
  • hexo server              #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)
  • hexo deploy              #将.deploy目录部署到GitHub

以下是命令的简写:

hexo n == hexo new

hexo g == hexo generate

hexo s == hexo server

hexo d == hexo deploy

清空缓存&生成,部署也可以这样写:
1
hexo clean;hexo d g

安装Next主题

1
2
cd  .github.io
git clone https://github.com/theme-next/hexo-theme-next themes/next

启用 NexT 主题

打开博客站点配置文件 _config.yml。找到 theme 字段,并将其值更改为 next。

1
theme: next

启动hexo本地服务(!!!若遇到问题,下面有常见问题解决方案)

1
2
3
hexo clean
hexo generate
hexo server

你的网站会在http://localhost:4000/上启动

------ 文章已经结束,谢谢你的阅读 ------
------ article has ended,thank you for reading ------
Thanks support Me

---------------- The End ----------------