使用Hexo在Github上搭建自己的部落格
以前的部落格是使用Jekyll託管在github上,後來用著越來越不方便,比如沒有自動生成post,不能一鍵部署,檔案結構和配置也是比較繁瑣,更重要的是有時候用markdown寫一篇文章,生成的靜態檔案很亂,應該是有些字元解析的問題。現在下決心換成了hexo。
Nodejs安裝
因為hexo是基於nodejs的應用,所以要先安裝nodejs才可以。我這裡以ubuntu為例,因為我自己一直在使用ubuntu。使用如下命令即可:
sudo apt-get install nodejs sudo apt-get install npm
Hexo安裝
Hexo 是一個功能強大的靜態網站生成系統,快速、簡潔、高效。Hexo 支援 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多數外掛。可以一鍵部署到github,還有豐富的外掛和主題,還支援熱部署哦。執行如下命令進行安裝。
sudo npm install hexo-cli -g
快速開始
安裝Hexo安成後,使用如下命令快速新建一個部落格系統,然後執行它:
hexo init blog cd blog npm install hexo server
如果npm安裝失敗,請使用sudo安裝。執行成功後,訪問 http://0.0.0.0:4000/ 就可以看到部落格的樣子的,對就是我現在的部落格這個樣子,o(∩∩)o…哈哈。
現在我們來看看Hexo 生成部落格的目錄結構:
. ├── _config<span class="class">.yml</span> ├── db<span class="class">.json</span> ├── node_modules ├── package<span class="class">.json</span> ├── public ├── scaffolds ├── source └── themes
其中_config.yml是配置站點的檔案,public是hexo生成的靜態站點資料夾,scaffolds是模板資料夾,source是存在使用者資源的資料夾,themes是主題資料夾。
站點配置
找到title,subtitle,author引數配置,分別配置站點的標題、副標題和作者,比如我這裡是:
title: 飛雪無情的部落格 subtitle: 專注於Android、Java、移動網際網路、專案管理、軟體架構 description: author: 飛雪無情 language: zh-CN
然後配置站點的url和permalink,這兩個分別是你的站點的url host地址以及文章的永久連線,我這裡是:
url: http://www.flysnow.org root: / permalink: :year/:month/:day/:title.html permalink_defaults:
permalink 我配置的是年月日以及title,字尾是html,便於搜尋收錄。permalink詳情參見: http://hexo.io/zh-cn/docs/permalinks.html
新增一篇文章
使用如下命令即可新增一篇md格式的文章:
hexo new 'github-page-with-hexo'
然後就會在sources/_posts生成一篇檔名為github-page-with-hexo.md的markdown檔案。編輯該檔案就可以寫部落格了。這裡有一些Front-matter需要介紹,可以配置文章使用的模板、所屬的分類和tag等。
Front-matter 是檔案最上方以 —- 分隔的區域,用於指定個別檔案的變數,舉例來說:
title: "使用Hexo在Github上搭建自己的部落格" date: 2015-03-10 22:30:04 tags: - Hexo - Github categories: - Hexo ---
請注意,目前的categories只能有一個一級分類,如果填寫多個,第二個會被解析為二級分類,以及類推。tags可以允許有多個。更多關於Front-matter請參考 http://hexo.io/zh-cn/docs/front-matter.html 。
釋出到github page
首先你已經建立好了你的github page對應的git庫,沒有建立的可以google相關部落格。然後新建一個hexo分支,存放你現在hexo的所有檔案。然後執行如下命令清理並生成釋出的靜態站點檔案。
hexo clean hexo generate
然後把生成的public目錄下的檔案放到你的master分支下即可。git commit後把這兩個分支推送到你的github上。git庫結構可以參見我的github page庫 https://github.com/rujews/rujews.github.io 。
最後
然後等個幾分鐘,訪問你的域名就可以看到你的網站了。如http://www.flysnow.org/ 。關於更多的Hexo請參考官方文件 http://hexo.io/zh-cn/docs/ 。
相關文章
- Hexo+GitHub+阿里域名搭建自己部落格HexoGithub阿里
- GitHub + Hexo搭建自己部落格(一) 基本內容GithubHexo
- GitHub + Hexo搭建自己部落格(二) Next主題配置GithubHexo
- 使用 Hexo 為自己在 Github 上建一個靜態 Blog部落格 站點HexoGithub
- 整合github、hexo搭建部落格GithubHexo
- 使用hexo+Anisina+github搭建個人部落格HexoGithub
- 【GitHub】GitHub+Hexo搭建個人部落格GithubHexo
- 只需9步教你搭建自己的個人部落格 (Hexo+Github)HexoGithub
- Hexo + Github 搭建靜態部落格(一)HexoGithub
- hexo+github搭建個人部落格HexoGithub
- Hexo+Github部落格搭建完全教程HexoGithub
- 如何使用Github+Hexo快速搭建個人部落格GithubHexo
- 用自己的伺服器搭建HEXO部落格伺服器Hexo
- Hexo+Github搭建部落格總結HexoGithub
- hexo結合github搭建個人部落格HexoGithub
- 搭建部落格 (Hexo + github + butterfly主題)HexoGithub
- 使用Hexo&GitHub免費快速搭建部落格教程HexoGithub
- 史上最快用GitHub、Hexo搭建個人部落格GithubHexo
- 基於Github Page 搭建部落格(hexo框架)GithubHexo框架
- Hexo+Github輕鬆搭建個人部落格HexoGithub
- 使用 hexo 搭建個人部落格Hexo
- 使用 Hexo 搭建靜態部落格Hexo
- 用VuePress在GitHub Pages上搭建部落格VueGithub
- hexo+github搭建靜態部落格之初體驗HexoGithub
- 基於 Hexo + GitHub Pages 搭建個人部落格(三)HexoGithub
- Hexo 搭建部落格Hexo
- 搭建Hexo部落格相簿Hexo
- 【教程向】——基於hexo+github搭建私人部落格HexoGithub
- GitHub Pages + Hexo搭建個人部落格網站-github風格-採坑記錄GithubHexo網站
- 使用docker搭建nginx掛載hexo部落格DockerNginxHexo
- hexo 部落格搭建筆記Hexo筆記
- Hexo部落格搭建記錄Hexo
- 利用docker快速搭建hexo部落格DockerHexo
- hexo搭建個人部落格心得Hexo
- 使用Hexo搭建個人部落格的終極資料Hexo
- hexo+github從0到1搭建免費個人部落格HexoGithub
- vps攜手hexo的部落格搭建之旅Hexo
- hexo部落格部署到github後進不去!HexoGithub
- Hexo+Github+Netlify部署個人部落格HexoGithub