
在寫Github空間在線寫文章時,就發(fā)現(xiàn)有朋友正在折騰Hexo免費靜態(tài)博客程序,Hexo基于Node.js,出自臺灣一博主,Hexo生成的靜態(tài)網(wǎng)站可以放在任意空間上,例如常見的PHP、ASP空間、FTP服務(wù)器、百度BAE、新浪SAE等空間,可以說只要可以用Web訪問的就可以搭建起Hexo博客。
據(jù)作者所稱,Hexo與之前的Octopress靜態(tài)博客程序相比,生成靜態(tài)博客的效率更高,不過在部落看來,Hexo靜態(tài)博客生成環(huán)境搭建比起Octopress要簡單一些,只要安裝了Git和Node.js,我們就可以在Windows電腦上快速地用Hexo來寫作,Hexo同樣支持評論、分類、標(biāo)簽、圖片等。
本篇文章就來介紹一下Hexo靜態(tài)博客環(huán)境的搭建和Hexo博客的發(fā)布方法。
延伸閱讀:靜態(tài)博客程序使用入門基于各種語言的靜態(tài)博客程序大總結(jié)
Hexo免費靜態(tài)博客安裝和使用方法-基于Node.js高效率靜態(tài)博客程序
一、Hexo靜態(tài)博客相關(guān)的準(zhǔn)備工作
1、必選一:下載并安裝好msysGit工具。
2、必選二:下載并安裝好Node.js軟件。(32位)
3、可選一:相關(guān)的FTP軟件、Winscp上傳工具等等。
4、可選二:下載并安裝好TortoiseGit工具。
5、注意:可選的軟件安裝取決于你要將Hexo發(fā)布在哪些空間上,有些空間可以直接用FTP上傳即可,有些如Github可以用Git上傳,而BAE、SAE等云空間可以用TortoiseGit上傳。
二、Hexo靜態(tài)博客安裝與使用教程
1、安裝好了msysGit和Node.js軟件后,打開Git Bash,執(zhí)行以下命令開始安裝:npm install -g hexo

2、經(jīng)過部落測試發(fā)現(xiàn)直接用npm安裝話經(jīng)常出現(xiàn)卡住而導(dǎo)致無法正常安裝,解決辦法就是修改npm的安裝源,以下三種方法任選一個即可(正常的朋友不用執(zhí)行這一步)。
1.通過config命令: npm config set registry http://registry.cnpmjs.org
npm info underscore (如果上面配置正確這個命令會有字符串response)
2.命令行指定 npm --registry http://registry.cnpmjs.org info underscore
3.編輯 ~/.npmrc 加入下面內(nèi)容 registry = http://registry.cnpmjs.org

3、安裝成功后,執(zhí)行以下代碼指定Hexo到文件目錄中:hexo init folder>,或者用CD的方法進入到指定的目錄,再執(zhí)行:hexo init

4、接著執(zhí)行以下命令生成靜態(tài)頁面至public目錄:hexo generate

5、這時候在目錄下就可以看到相應(yīng)的文件了。

6、如果你想本地預(yù)覽一下Hexo博客,可以執(zhí)行:hexo server,接著打開http://localhost:4000就可以看到效果了。
三、Hexo靜態(tài)博客寫文章、安裝主題、添加評論功能
1、用Hexo來發(fā)表新文章,執(zhí)行:hexo new "my new post",其中my new post為文章標(biāo)題。

2、執(zhí)行命令后,會在項目\source\_posts中生成my new post.md文件,用編輯器打開,開始寫博客就行了。

3、怎么寫博客?你要用到Markdown語法,還沒有接觸過Markdown語言的朋友,可以看一下快速入門:http://wowubuntu.com/markdown/
4、Hexo靜態(tài)博客想要安裝主題也容易,在Github上找到你喜歡的主題,然后執(zhí)行類似命令:git clone https://github.com/heroicyang/hexo-theme-modernist.git themes/modernist
5、這時就將modernist主題下載下來了,打開hexo\_config.yml,修改主題為modernist:theme: modernist
6、如果你要對整站進行設(shè)置,相關(guān)的選項說明如下:
# Hexo Configuration
# Site
title: 免費資源部落標(biāo)題
subtitle: 次標(biāo)題
description: 描述
author: 作者
email: 郵箱
language: zh-CN
# URL
url: http://www.freehao123.com #域名
root: /
permalink: :year/:month/:day/:title/ #URL結(jié)構(gòu)
tag_dir: tags #標(biāo)簽
archive_dir: archives #匯總
category_dir: categories #分類
code_dir: downloads/code
# Writing
new_post_name: :title.md # 新的文章名
default_layout: post #New的默認
auto_spacing: false # Add spaces between asian characters and western characters
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
max_open_file: 100
multi_thread: true
filename_case: 0
render_drafts: false
highlight: #代碼高亮
enable: true
line_number: true
tab_replace:
# Category Tag #分類與標(biāo)簽
default_category: uncategorized
category_map:
tag_map:
# Archives
## 2: Enable pagination #激活分頁
## 1: Disable pagination #禁止分頁
## 0: Fully Disable #全部禁止
archive: 1
category: 1
tag: 1
# Server
port: 4000 #預(yù)覽端口
logger: false
logger_format:
# Date / Time format #時間格式
date_format: MMM D YYYY
time_format: H:mm:ss
# Pagination #分頁數(shù)
per_page: 10
pagination_dir: page
# Disqus #Disqus評論
disqus_shortname: freehao123
# Extensions
theme: modernist #主題
exclude_generator:
# Deployment #上傳
deploy:
type: github #方式
repository: git@github.com:freehao123/ifreehao123.github.io.git
branch: master
7、Hexo中的modernist主題已經(jīng)支持直接添加第三方評論代碼,打開themes\modernist\layout\_partial\comment.ejs,將你的第三方評論代碼添加進去即可。
% if (config.disqus_shortname page.comments){ %>section id="comment">#評論代碼% } %>
四、Hexo靜態(tài)博客發(fā)布到Github免費空間上
1、如果你之前有玩過:用Octopress免費靜態(tài)博客系統(tǒng)在Github免費空間上搭建個人網(wǎng)站,那么肯定想把Hexo靜態(tài)博客發(fā)布到Github空間上。
延伸閱讀:用靜態(tài)博客系統(tǒng)Octopress在Github上搭建個人網(wǎng)站
2、首先我們需要到Github空間上新建一個項目名,名稱要以freehao123.github.io這樣的形式,然后我們需要添加S-S-H Key到Github項目上了。

3、關(guān)于密鑰生成,我們可以直接使用Puttygen。

4、將用Puttygen生成的密鑰復(fù)制到Github空間上。

5、接著在Puttygen中導(dǎo)出密鑰。

6、然后再用Git連接上Github空間上,接著你就可以執(zhí)行推送到服務(wù)器了:hexo generate和hexo deploy
五、Hexo靜態(tài)博客發(fā)布到免費云空間上
1、免費云空間,國內(nèi)常見的就是百度SAE、新浪SAE、阿里云ACE,國外的的免費云空間就非常地多了,比如Heroku、sourceforge空間、GAE等等,這些云空間都可以長期使用的,搭建個人博客是沒有問題的。
2、這些免費云空間一般會支持TortoiseGit來上傳,不想用Git工具的朋友,可以選擇更為簡單的TortoiseGit,首先是在TortoiseGit中檢查Git安裝,Git沒有安裝的,TortoiseGit不能正確運行。

3、然后在本地新建一個文件夾,作為TortoiseGit同步的目錄。

4、接著克隆云空間上的項目文件。

5、最后你就可以將Hexo生成的靜態(tài)博客文件用TortoiseGit上傳到云空間上了。

六、Hexo免費靜態(tài)博客使用小結(jié)
1、Hexo免費靜態(tài)博客難點有兩個,一是npm的安裝,另一個是靜態(tài)的設(shè)置與書寫。至于如果來上傳Hexo生成的靜態(tài)博客,假如你實在不想用什么Git這類復(fù)雜的工具,完全可以用FTP軟件將Public中文件上傳到Web服務(wù)器上。
2、Hexo靜態(tài)博客不一定要發(fā)布在Github空間,可以說只要支持Web訪問的空間都可以存放Hexo靜態(tài)博客,有些人嫌PHP空間跑PHP太耗費資源,干脆就將Hexo免費靜態(tài)博客放在PHP等動態(tài)空間上,這樣的靜態(tài)頁面應(yīng)付大流量是沒有問題的。