搭建hexo静态博客

概览：

• 先决条件
  • 安装Node.js
  • 确认安装是否成功:
  • cnpm代替默认的 npm:
• 安装hexo框架
• 搭建博客
  • Hexo命令
  • 安装Next主题
  • 启用 NexT 主题

先决条件

安装Node.js

• Node.js

确认安装是否成功:

$ node -v
v10.13.0

$ npm -v
6.4.1

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

cnpm代替默认的 npm:

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

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

安装hexo框架

cnpm install -g hexo-cli

查看hexo版本

hexo version

输出版本，说明成功。

$ 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>，这个一般可以随意。

hexo init ka1i.github.io
cd ka1i.github.io
cnpm install

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

(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

清空缓存&生成，部署也可以这样写：

hexo clean;hexo d g

安装Next主题

cd  <your_username>.github.io
git clone https://github.com/theme-next/hexo-theme-next themes/next

启用 NexT 主题

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

theme: next

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

hexo clean
hexo generate
hexo server

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