當前位置:編程學習大全網 - 源碼下載 - 如何使用hexo構建github

如何使用hexo構建github

了解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?server

Hexo常用簡寫命令

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,然後就可以去查看網站的效果了。

  • 上一篇:佛山免費旅遊景點推薦值得去的免費景點。
  • 下一篇:VC++實現廣告窗口自動關閉
  • copyright 2024編程學習大全網