了解Hexo
Hexo?是壹個快速、簡潔且高效的博客框架。Hexo 使用?Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
安裝Hexo安裝 Hexo 相當簡單。然而在安裝前,您必須檢查電腦中是否已安裝下列應用程序:
Node.js
Git Windows
上面是以Windows系統作為例子,其他系統以及具體的安裝方法,就不展開說明了。
如果您的電腦中已經安裝上述必備程序,那麽恭喜您!接下來只需要使用 npm 即可完成 Hexo 的安裝。
npm?install?hexo-cli?-g#如果命令無法運行,可以嘗試更換taobao的npm源
npm?install?-g?cnpm?--registry=https://registry.npm.taobao.org
創建Hexo文件夾
安裝 Hexo 完成後,請執行下列命令,Hexo 將會在指定文件夾中新建所需要的文件。
$?hexo?init?<folder>$?cd?<folder>
$?npm?install
新建完成後,指定文件夾的目錄如下:
.├──?_config.yml
├──?package.json
├──?scaffolds
├──?source
|├──?_drafts
|└──?_posts
└──?themes
Hexo 文件簡介
**_config.yml**
網站的?配置?信息,您可以在此配置大部分的參數。
package.json
應用程序的信息。EJS, Stylus 和 Markdown renderer 已默認安裝,您可以自由移除。
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 會根據主題來生成靜態頁面。
本地查看效果
繼續執行以下命令,成功後可登錄localhost:4000查看效果
$?hexo?serverHexo常用簡寫命令
hexo?n?#生成文章,或者source\_posts手動編輯hexo?s?#本地發布預覽效果
hexo?g?#生成public靜態文件
hexo?d?#部署之前預先生成靜態文件
部署靜態網頁到GitHub
Hexo 提供了快速方便的壹鍵部署功能,讓您只需壹條命令就能將網站部署到服務器上。
$?hexo?deploy在開始之前,您必須先在?_config.yml?中修改參數,壹個正確的部署配置中至少要有 type 參數,例如:
deploy: type:?git發布到git上需要安裝?hexo-deployer-git?插件。
$?npm?install?hexo-deployer-git?--save修改配置。
deploy: type:?git repo:?<repository?url> branch:?[branch] message:?[message]參數及其描述
repo ?庫(Repository)地址
branch ?分支名稱。如果您使用的是 GitHub 或 GitCafe 的話,程序會嘗試自動檢測。message ? 自定義提交信息 (默認為?Site updated: {{ now("YYYY-MM-DD HH:mm:ss") }})
配置完之後,運行命令?
hexo?d就能夠將public裏的文件發布到github,然後就可以去查看網站的效果了。