![](/d/20211019/4d1094869a19b2bcc5d9e8bfb83a7dba.gif)
在寫Github空間在線寫文章時(shí),就發(fā)現(xiàn)有朋友正在折騰Hexo免費(fèi)靜態(tài)博客程序,Hexo基于Node.js,出自臺(tái)灣一博主,Hexo生成的靜態(tài)網(wǎng)站可以放在任意空間上,例如常見的PHP、ASP空間、FTP服務(wù)器、百度BAE、新浪SAE等空間,可以說(shuō)只要可以用Web訪問(wèn)的就可以搭建起Hexo博客。
據(jù)作者所稱,Hexo與之前的Octopress靜態(tài)博客程序相比,生成靜態(tài)博客的效率更高,不過(guò)在部落看來(lái),Hexo靜態(tài)博客生成環(huán)境搭建比起Octopress要簡(jiǎn)單一些,只要安裝了Git和Node.js,我們就可以在Windows電腦上快速地用Hexo來(lái)寫作,Hexo同樣支持評(píng)論、分類、標(biāo)簽、圖片等。
本篇文章就來(lái)介紹一下Hexo靜態(tài)博客環(huán)境的搭建和Hexo博客的發(fā)布方法。
延伸閱讀:靜態(tài)博客程序使用入門基于各種語(yǔ)言的靜態(tài)博客程序大總結(jié)
Hexo免費(fèi)靜態(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
![](/d/20211019/5a4cba37a00abbba3118d1c2acc13612.gif)
2、經(jīng)過(guò)部落測(cè)試發(fā)現(xiàn)直接用npm安裝話經(jīng)常出現(xiàn)卡住而導(dǎo)致無(wú)法正常安裝,解決辦法就是修改npm的安裝源,以下三種方法任選一個(gè)即可(正常的朋友不用執(zhí)行這一步)。
1.通過(guò)config命令: npm config set registry http://registry.cnpmjs.org
npm info underscore (如果上面配置正確這個(gè)命令會(huì)有字符串response)
2.命令行指定 npm --registry http://registry.cnpmjs.org info underscore
3.編輯 ~/.npmrc 加入下面內(nèi)容 registry = http://registry.cnpmjs.org
![](/d/20211019/f878da4b0eb251eaf83a569be1ef98a2.gif)
3、安裝成功后,執(zhí)行以下代碼指定Hexo到文件目錄中:hexo init folder>,或者用CD的方法進(jìn)入到指定的目錄,再執(zhí)行:hexo init
![](/d/20211019/90d7d4def851b72e8dfebaa9519520b3.gif)
4、接著執(zhí)行以下命令生成靜態(tài)頁(yè)面至public目錄:hexo generate
![](/d/20211019/1a381c993455c90cf0649aec55264962.gif)
5、這時(shí)候在目錄下就可以看到相應(yīng)的文件了。
![](/d/20211019/cc529a6379c585fda7603213c13dca11.gif)
6、如果你想本地預(yù)覽一下Hexo博客,可以執(zhí)行:hexo server,接著打開http://localhost:4000就可以看到效果了。
三、Hexo靜態(tài)博客寫文章、安裝主題、添加評(píng)論功能
1、用Hexo來(lái)發(fā)表新文章,執(zhí)行:hexo new "my new post",其中my new post為文章標(biāo)題。
![](/d/20211019/01b354933a0be14266422a3c33f700f1.gif)
2、執(zhí)行命令后,會(huì)在項(xiàng)目\source\_posts中生成my new post.md文件,用編輯器打開,開始寫博客就行了。
![](/d/20211019/689fd8ae57e2c95fee00bfdc5653b5c1.gif)
3、怎么寫博客?你要用到Markdown語(yǔ)法,還沒有接觸過(guò)Markdown語(yǔ)言的朋友,可以看一下快速入門:http://wowubuntu.com/markdown/
4、Hexo靜態(tài)博客想要安裝主題也容易,在Github上找到你喜歡的主題,然后執(zhí)行類似命令:git clone https://github.com/heroicyang/hexo-theme-modernist.git themes/modernist
5、這時(shí)就將modernist主題下載下來(lái)了,打開hexo\_config.yml,修改主題為modernist:theme: modernist
6、如果你要對(duì)整站進(jìn)行設(shè)置,相關(guān)的選項(xiàng)說(shuō)明如下:
# Hexo Configuration
# Site
title: 免費(fèi)資源部落標(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的默認(rèn)
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 #激活分頁(yè)
## 1: Disable pagination #禁止分頁(yè)
## 0: Fully Disable #全部禁止
archive: 1
category: 1
tag: 1
# Server
port: 4000 #預(yù)覽端口
logger: false
logger_format:
# Date / Time format #時(shí)間格式
date_format: MMM D YYYY
time_format: H:mm:ss
# Pagination #分頁(yè)數(shù)
per_page: 10
pagination_dir: page
# Disqus #Disqus評(píng)論
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)支持直接添加第三方評(píng)論代碼,打開themes\modernist\layout\_partial\comment.ejs,將你的第三方評(píng)論代碼添加進(jìn)去即可。
% if (config.disqus_shortname page.comments){ %>section id="comment">#評(píng)論代碼% } %>
四、Hexo靜態(tài)博客發(fā)布到Github免費(fèi)空間上
1、如果你之前有玩過(guò):用Octopress免費(fèi)靜態(tài)博客系統(tǒng)在Github免費(fèi)空間上搭建個(gè)人網(wǎng)站,那么肯定想把Hexo靜態(tài)博客發(fā)布到Github空間上。
延伸閱讀:用靜態(tài)博客系統(tǒng)Octopress在Github上搭建個(gè)人網(wǎng)站
2、首先我們需要到Github空間上新建一個(gè)項(xiàng)目名,名稱要以freehao123.github.io這樣的形式,然后我們需要添加S-S-H Key到Github項(xiàng)目上了。
![](/d/20211019/0bd0202bbfb872681eb3bbe80518e38a.gif)
3、關(guān)于密鑰生成,我們可以直接使用Puttygen。
![](/d/20211019/034f6e0ead0eb05edc40ea7f608c1f5b.gif)
4、將用Puttygen生成的密鑰復(fù)制到Github空間上。
![](/d/20211019/e0aaefe1dcaec3bf828de057dcb1db34.gif)
5、接著在Puttygen中導(dǎo)出密鑰。
![](/d/20211019/4f4ea183bdf34007857fd5038346b15d.gif)
6、然后再用Git連接上Github空間上,接著你就可以執(zhí)行推送到服務(wù)器了:hexo generate和hexo deploy
五、Hexo靜態(tài)博客發(fā)布到免費(fèi)云空間上
1、免費(fèi)云空間,國(guó)內(nèi)常見的就是百度SAE、新浪SAE、阿里云ACE,國(guó)外的的免費(fèi)云空間就非常地多了,比如Heroku、sourceforge空間、GAE等等,這些云空間都可以長(zhǎng)期使用的,搭建個(gè)人博客是沒有問(wèn)題的。
2、這些免費(fèi)云空間一般會(huì)支持TortoiseGit來(lái)上傳,不想用Git工具的朋友,可以選擇更為簡(jiǎn)單的TortoiseGit,首先是在TortoiseGit中檢查Git安裝,Git沒有安裝的,TortoiseGit不能正確運(yùn)行。
![](/d/20211019/7857aa80430116babfb107c7314e9f96.gif)
3、然后在本地新建一個(gè)文件夾,作為TortoiseGit同步的目錄。
![](/d/20211019/4d628a3809cba5c96dee22cea4e791a4.gif)
4、接著克隆云空間上的項(xiàng)目文件。
![](/d/20211019/e7baf3e966ef4ccf8a3137ef880a69b0.gif)
5、最后你就可以將Hexo生成的靜態(tài)博客文件用TortoiseGit上傳到云空間上了。
![](/d/20211019/e7baf3e966ef4ccf8a3137ef880a69b0.gif)
六、Hexo免費(fèi)靜態(tài)博客使用小結(jié)
1、Hexo免費(fèi)靜態(tài)博客難點(diǎn)有兩個(gè),一是npm的安裝,另一個(gè)是靜態(tài)的設(shè)置與書寫。至于如果來(lái)上傳Hexo生成的靜態(tài)博客,假如你實(shí)在不想用什么Git這類復(fù)雜的工具,完全可以用FTP軟件將Public中文件上傳到Web服務(wù)器上。
2、Hexo靜態(tài)博客不一定要發(fā)布在Github空間,可以說(shuō)只要支持Web訪問(wèn)的空間都可以存放Hexo靜態(tài)博客,有些人嫌PHP空間跑PHP太耗費(fèi)資源,干脆就將Hexo免費(fèi)靜態(tài)博客放在PHP等動(dòng)態(tài)空間上,這樣的靜態(tài)頁(yè)面應(yīng)付大流量是沒有問(wèn)題的。