<h3>先說一些廢話</h3>
Hexo
基于Node.js
,由臺灣大神tommy351
開發,可以實現一個靜態網頁組成的博客,而且更輕更快,使用也相當的簡單。只要安裝了Git
和Node.js
,我們就可以在電腦上快速的用Hexo來寫作,Hexo同樣支持評論、分類、標簽、圖片等。
<h3>特性</h3>
- 快速
Hexo
基于Node.js
,支持多線程,幾百篇文章也可以幾秒生成。 - 流暢
支持GitHub
Flavored
Markdown
和Octopress
的插件。 - 擴展
Hexo
支持EJS
、Swig
和Stylus
,通過插件支持Haml
、Jade
、Less
下面就來給大家介紹下Hexo
靜態博客環境搭建的方法。
<h3>Hexo安裝方法</h3>
<h4>一、下載Git<h4>
進入上面的頁面,點擊Download
會進入下載頁面,找到Downloads
部分,根據自己系統的情況選擇下載32位或者64位的安裝包,下載完成后進行安裝。
<h4>二、下在Node.js</h4>
Node.js下載地址
同樣進入上面的界面,點擊INSTALL
下載安裝包,下載完成后并安裝。
<h4>三、安裝Hexo</h4>
完成上面兩步后,此時當我們在桌面點擊鼠標右鍵時,會有一系列新的選項,這里我們需要用到的Git Bash
,接下來我們會用命令行來完成剩余的工作。
<h5>1.安裝Hexo</h5>
根據上面的方法,打開Git Bash
控制臺,之后系統會打開一個窗口,窗口內是黑色的背景和一堆英文,看不懂沒有關系跟著步驟一步一步做就行。
在控制臺中輸入以下命令:
npm install -g hexo
之后系統會自動去Git
上下載并安裝Hexo
,接下來會一直循環顯示/-\這三個符號,這表示系統在下載需要的文件。
但是根據筆者遇到的情況,使用npm
安裝可能會出現卡住的現象導致無法正常安裝,解決的辦法就是修改npm
的安裝源,大家可以選擇以下方法中的一個即可(正常下載的朋友就略過這里)
-
通過config命令:
npm config set registry http://registry.cnpmjs.org
npm info underscore
-
通過命令行指定
npm -registry http://registry.cnpmjs.org info underscore
然后再來執行一次最開始的命令:
npm install -g hexo
耐心等待一會兒,Hexo
就下載好了。
<h5>2.生成Hexo靜態博客</h5>
-
選一個適合的地方存放博客文件
cd
命令可以在命令行中快速指定到一個地址,比如:cd D:\
D:
這樣可以快速的指定要一個地址上去,然后是創建一個文件夾進行歸類管理
mkdir blog
這樣在D盤我們就創建了一個名字為
blog
的文件夾。接下來我們在進入blog
文件夾中,同樣使用cd
命令。cd blog
此時我們進入了我們選好的地址中,執行以下命令:
hexo init
然后你會看到以下的反饋:
[info] Copying data
[info] You are almost done! Don't forget to run 'npm install'...
所以接下來就要執行
npm install
等待他完成后我們可以進去到文件夾中看到以下目錄:
node_modules
: Hexo的功能JavaScript文件public
:生成靜態網頁文件scaffolds
:工具模板-
source
:-
/_drafts
-草稿文件夾 -
/_posts
-文章文件夾
-
themes
:用來存放皮膚的文件夾_config.yml
:全局配置文件db.json
:json格式的靜態常量數據庫
- 查看生成的靜態網頁
進入到blog的地址后,執行如下的命令:
hexo generate
用來生成靜態網頁相關的文件,這些文件會存儲在public
中,也可使用簡單的命令hexo g
然后再輸入hexo server
或者hexo s
這樣可以在本地查看自己生成的網頁,現在打開瀏覽器(推薦使用的瀏覽器是Chrome
和FireFox
),在地址欄輸入localhost:4000
或者點擊這里
<h3>最后</h3>
最初始的工作就做完了,下一步的任務就是如何吧網頁托管到GitHub
上,這樣別人也能開你的博客了。