0%

hexo 強大的Node.js靜態博客框架

hexo 簡單、快速、強大的Node.js靜態博客框架。

網址:
https://hexo.io/

nodejs安裝

請點擊:查看

npm安裝

NPM(node package manager),通常稱為node包管理器。顧名思義,它的主要功能就是管理node包,包括:安裝、卸載、更新、查看、搜索、發布等。

網址: https://www.npmjs.com/

由于新版本nodejs都有安裝npm,運行命令即可。

hexo安裝

環境:winodws 7
安裝目錄:d:\blog
Github:本文暫不安裝
文檔介紹:https://hexo.io/docs/index.html

打開cmd,運行命令:

1
2
3
4
5
6
7
8
npm install hexo-cli -g

hexo init d:\blog\

cd d:\blog\
d:\

npm install

如圖:


hexo目錄結構

新建完成后,指定文件夾的目錄如下:
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

_config.yml

網站的 配置 信息,您可以在此配置大部分的參數。

package.json

應用程序的信息。EJS, Stylus 和 Markdown renderer 已默認安裝,您可以自由移除。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
package.json
{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"hexo": {
"version": ""
},
"dependencies": {
"hexo": "^3.0.0",
"hexo-generator-archive": "^0.1.0",
"hexo-generator-category": "^0.1.0",
"hexo-generator-index": "^0.1.0",
"hexo-generator-tag": "^0.1.0",
"hexo-renderer-ejs": "^0.1.0",
"hexo-renderer-stylus": "^0.2.0",
"hexo-renderer-marked": "^0.2.4",
"hexo-server": "^0.1.2"
}
}

scaffolds

模版 文件夾。當您新建文章時,Hexo 會根據 scaffold 來建立文件。

source

資源文件夾是存放用戶資源的地方。除 _posts 文件夾之外,開頭命名為 _ (下劃線)的文件 / 文件夾和隱藏的文件將會被忽略。Markdown 和 HTML 文件會被解析并放到 public 文件夾,而其他文件會被拷貝過去。

themes

主題 文件夾。Hexo 會根據主題來生成靜態頁面。

hexo命令

打開cmd,輸入:

清除緩存文件 (db.json) 和已生成的靜態文件 (public)。

1
hexo  clean

啟動服務器。默認情況下,訪問網址為: http://127.0.0.1:4000/

1
hexo server

hexo主題

網址:https://hexo.io/themes/
本人喜歡簡潔,采用的是next,詳細請看:https://github.com/iissnan/hexo-theme-next

layicr 微信支付

微信支付

layicr 支付寶

支付寶