| CSDN | GitHub | Hexo |
|---|---|---|
| 使用 Hexo 創建 GitHub Page 博客(一) | AderXCoding/blob/master/system/tools/hexo/01-use_hexo |
本作品採用知識共享署名-非商業性使用-相同方式共享 4.0 國際許可協議進行許可, 轉載請註明出處, 謝謝合作
因本人技術水平和知識面有限, 內容如有紕漏或者需要修正的地方, 歡迎大家指正, 也歡迎大家提供一些其他好的調試工具以供收錄, 鄙人在此謝謝啦
1 Hexo 簡介
Hexo 是一個快速、簡潔且高效的博客框架.
Hexo支持使用Markdown(或其他渲染引擎)解析文章.Hexo生成靜態網頁的素服非常快, 在幾秒內，即可利用靚麗的主題生成靜態網頁.Hexo用戶量非常龐大, 有很多資料和主題可供參考和選擇, 非常適配我這種前端技能幾乎爲0的宅男.
StaticSiteGenerators 網站收集整理的開源的靜態網站生成器, 按照編程語言進行分類, 每個分類按照 Star 數進行排序. 可以看到 Hexo 的熱度、Star 數量和更新支持情況都排在前三的.
Hexo Doc 也有詳細的幫助文檔方便我們使用.
2 搭建 Hexo 環境
2.1 依賴環境
環境搭建：
Node.js：下載地址
Git：下載地址
markdown 編輯器 : Sublime 或者 markdownpad
2.2 安裝 Hexo
安裝了 Node.js 之後, 我們就可以使用 NPM. NPM 是隨同 NodeJS 一起安裝的包管理工具, 能解決 NodeJS 代碼部署上的很多問題.
npm install -g hexo2.3 配置 Hexo 博客環境
初始化博客
hexo init blog安裝依賴庫, 安裝完成後, 將在 blog 目錄下配置好生成靜態博客的環境
cd blog
npm install生成靜態網頁
hexo generate (hexo g) 生成靜態文件，會在當前目錄下生成一個新的叫做public的文件夾/
hexo server (hexo s) 啓動本地web服務，用於博客的預覽
hexo deploy (hexo d) 部署播客到遠端（比如github, heroku等平臺）
可以在 http://localhost:4000/ 查看
2.4 配置主題
Hexo Themes 官網收錄了很多主題. 我本人挑選了 Xups
3 Github Pages設置
3.1 Github Pages 簡介
GitHub Pages 是 GitHub 爲用戶提供的免費空間免費穩定, 用來做搭建一個博客再好不過了.
每個帳號只能有一個倉庫來存放個人主頁, 而且倉庫的名字必須是 username/username.github.io, 這是特殊的命名約定. 你可以通過 http://username.github.io 來訪問你的個人主頁.
這裏特別提醒一下, 需要注意的個人主頁的網站內容是在 master 分支下的.
3.2 創建自己的 Github Pages
註冊及使用 Github Pages 的過程並不是本文的重點, 這部分內容有很多資源, 在此不再詳述, 可以參考 :
在這裏我創建了一個 github repo 叫做 gatieme.github.io 創建完成之後, 需要有一次提交(git commit)操作, 然後就可以通過鏈接 https://gatieme.github.io訪問了.
3.3 部署Hexo到Github Pages
下面我們就需要把本地 web 環境下預覽到的博客部署到 github 上, 然後就可以直接通過 http://gatieme.github.io 訪問了.
之前
Github上創建的那個repo的master分支就用來存儲中我們博客生成的html靜態文件, 可以通過鏈接https://gatieme.github.io來直接訪問.那我們
Hexo就是用來生成這些靜態網頁的,Hexo -g會生成一個靜態網站(public目錄下), 這個靜態文件可以直接訪問. 我們只需要將hexo生成的靜態網站, 提交(git commit)到github上那個repo的master分支即可.
3.4 使用 hexo deploy 部署
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:gatieme/gatieme.github.io.git
branch: master然後在命令行中執行
hexo d即可完成部署.
4 參考資料
hexo乾貨系列：（四）將hexo博客同時託管到github和coding
本作品/博文 ( AderStep-紫夜闌珊-青伶巷草 Copyright ©2013-2017 ), 由 成堅(gatieme) 創作.
採用
![知識共享許可協議]()
知識共享署名-非商業性使用-相同方式共享 4.0 國際許可協議進行許可. 歡迎轉載、使用、重新發布, 但務必保留文章署名成堅gatieme ( 包含鏈接: http://blog.csdn.net/gatieme ), 不得用於商業目的. 基於本文修改後的作品務必以相同的許可發佈. 如有任何疑問，請與我聯繫.