使用Hexo在Github上搭建本身的博客

使用Hexo在Github上搭建本身的博客

      之前的博客是使用Jekyll託管在github上,後來用着愈來愈不方便,好比沒有自動生成post,不能一鍵部署,文件結構和配置也是比較繁瑣,更重要的是有時候用markdown寫一篇文章,生成的靜態文件很亂,應該是有些字符解析的問題。如今下決心換成了hexohtml

Nodejs安裝

由於hexo是基於nodejs的應用,因此要先安裝nodejs才能夠。我這裏以ubuntu爲例,由於我本身一直在使用ubuntu。使用以下命令便可:node

sudo apt-get install nodejs sudo apt-get install npm
Hexo
 是一個功能強大的靜態網站生成系統,快速、簡潔、高效。Hexo 支持 GitHub Flavored Markdown 的全部功能,甚至能夠整合 Octopress 的大多數插件。能夠一鍵部署到github,還有豐富的插件和主題,還支持熱部署哦。執行以下命令進行安裝。

Hexo安裝

sudo npm install hexo-cli -g

快速開始

安裝Hexo安成後,使用以下命令快速新建一個博客系統,而後運行它git


如今咱們來看看Hexo 生成博客的目錄結構
若是npm安裝失敗,請使用sudo安裝。運行成功後,訪問http://0.0.0.0:4000/就能夠看到博客的樣子的,對就是我如今的博客這個樣子,o(∩∩)o...哈哈。 github

.
├── _config.yml ├── db.json ├── node_modules
├── package.json ├── public
├── scaffolds
├── source
└── themes

其中_config.yml是配置站點的文件,public是hexo生成的靜態站點文件夾,scaffolds是模板文件夾,source是存在用戶資源的文件夾,themes是主題文件夾。shell

站點配置

找到title,subtitle,author參數配置,分別配置站點的標題、副標題和做者,好比我這裏是:npm

title: 飛雪無情的博客
subtitle: 專一於Android、Java、移動互聯網、項目管理、軟件架構
description:author: 飛雪無情
language: zh-CN

而後配置站點的url和permalink,這兩個分別是你的站點的url host地址以及文章的永久鏈接,我這裏是:json

url:  
root: /
permalink: :year/:month/:day/:title.html
permalink_defaults:

permalink 我配置的是年月日以及title,後綴是html,便於搜索收錄。permalink詳情參見: http://hexo.io/zh-cn/docs/permalinks.html ubuntu

新增一篇文章

使用以下命令便可新增一篇md格式的文章markdown

hexo new 'github-page-with-hexo'

Front-matter 是文件最上方以 —- 分隔的區域,用於指定個別文件的變量,舉例來講:而後就會在sources/_posts生成一篇文件名爲github-page-with-hexo.md的markdown文件。編輯該文件就能夠寫博客了。這裏有一些Front-matter須要介紹,能夠配置文章使用的模板、所屬的分類和tag等。
架構

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/

轉載:http://www.flysnow.org/2015/03/10/github-page-with-hexo.html

相關文章
相關標籤/搜索