如何使用hexo搭建個人博客

經過各種找資料,踩過何種坑泰偿,終于搭建好了 hexo,域名目前用得時 github 的柠横,我的 hexo3.2.2 版本课兄,hexo 不同的版本晨继,很多配置都不一樣。好吧紊扬,廢話不多說了,開始吧餐屎。

之前是想著寫博客,一方面是給自己做筆記腹缩,可以提升自己的寫作、總結能力润讥,一個技術點我們會使用盘寡,并不難,但是要做到讓讓別人也能聽懂我們講得竿痰,還是需要一定的技巧和經驗的。很多類似于 CSDN影涉、博客園也都可以寫文章,但是頁面的樣式我不是太喜歡弟胀,簡書還算好點得。最近看到一些大神們的博客孵户,貌似都是用 hexo 寫得,我也依葫蘆畫瓢的搭建了一個检柬。不羅嗦了,直接上搭建步驟何址。

簡介

hexo是一個npm包进胯,在node環(huán)境上運行,功能就是將你的文章(.md文件)生成為靜態(tài)html文件胁镐。

基礎準備

下面正式開始搭建博客!首先要想使用 Hexogithub pages 搭建博客颇玷,需要以下環(huán)境:

  • github 上注冊一個賬號就缆,并創(chuàng)建一個指定名字的 reposity
  • homebrew 套件管理器,主要用來安裝 gitnode.js
  • git 版本管理工具
  • node.js
  • 配置 SSH key
  • 安裝 hexo
  • 同步 hexo 博客到 github
注冊Github賬號并創(chuàng)建reposity

申請完賬號竭宰,登陸之后,就可以創(chuàng)建 reposity 了渣淳,點擊 New repository
,會跳轉到這個界面:

Paste_Image.png
安裝brewhome
ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)”

安裝失敗, 執(zhí)行以下腳本卸載:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)" 
報錯:Failed to locate Homebrew!

執(zhí)行以下:

sudo rm -rf /usr/local/.git rm -rf Library .git .gitignore bin/brew README.md share/man/man1/brew rm -rf ~/Library/Caches/Homebrew

成功后入愧,再次執(zhí)行嗤谚,下載腳本:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

下載成功

安裝git版本管理工具

git 是一個強大的版本管理工具,github 的版本管理就是基于 git 的旁赊,現(xiàn)在 svn 基本過時了椅野,使用 Git 進行版本管理才是王道籍胯。安裝完 homebrew 之后,安裝 Git 幾乎零成本杖狼,還是在 terminal 終端妖爷,輸入以下命令:

brew install git

然后等一段時間就 ok 了,homebrew 會自動去幫你完成下載安裝絮识。

安裝node.js

hexo 是基于 node.js 的,所以要讓 hexo 運行熄攘,node.js 環(huán)境是必不可少的垃它。使用 homebrew 安裝 node.js 也特別簡單鲜屏,在 terminal 終端輸入如下命令:

brew install node

ps:安裝最新版的 Node.js 之后国拇,我們就可以使用 npm 命令惯殊,在 mac 下遇到 npm 命令找不到的問題,解決方案如下:

sudo ln -s /usr/local/bin/node /usr/bin/node
sudo ln -s /usr/local/lib/node /usr/lib/node
sudo ln -s /usr/local/bin/npm /usr/bin/npm
sudo ln -s /usr/local/bin/node-waf /usr/bin/node-waf
安裝hexo

前面我們安裝了 node.js务热,裝完 node.js 之后己儒,我們就可以使用 npm 命令了,而 hexo 安裝就是使用 npm闪湾,在終端輸入以下命令:

npm install -g hexo

ps:等待一會兒,hexo 會自動完成下載安裝途样。等 hexo 安裝完成之后,在創(chuàng)建一個文件夾陶夜,這個文件夾以后就是你存放本地博客的地方了裆站。

搭建hexo博客

創(chuàng)建新建一個文件夾黔夭,用來存放本地博客。

hexo init
npm install

hexo會在創(chuàng)建的文件夾創(chuàng)建本地博客所需的一切資源纠修。

hexo server

訪問本地localhost:4000可以看到博客已經搭建成功厂僧。

同步hexo博客到github

  • 配置本地和githubssh
  • github上創(chuàng)建名字為XXX.github.io的項目,XXX為自己的github用戶名颜屠。
  • 開本地的創(chuàng)建的文件夾中的_config.yml配置文件,將其中的type設置為git密浑。
檢查你電腦上現(xiàn)有的ssh key
cd ~/.ssh   # 切換到ssh目錄
ls -al ~/.ssh # 查看

注意:
如果你本地沒有生成的話粗井,終端上面會顯示,No such file or directory浇衬。說明你是第一次使用git,如果已經存在的話耘擂,則會顯示id_rsaid_rsa.pub

獲取ssh
ssh-keygen -t rsa -C "your.email@example.com" -b 4096
配置github的ssh

登陸github后秩霍,點擊右上角自己的頭像–>點擊Your profile–>點擊你的博客遠程倉庫蚁阳,頁面中就能找到ssh。

安裝自動部署發(fā)布工具

這里用到了 hexo-deployer-git螺捐,使用如下命令安裝:

npm install hexo-deployer-git --save

配置hexo

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/sunjinshuai/sunjinshuai.github.com
branch: master

在terminal終端,執(zhí)行以下命令:

hexo generate   // 可以簡寫成hexo g 根據(jù)markdown文件生成靜態(tài)文件
hexo deploy     // 或者簡寫成hexo d 將本地修改椿疗,部署到遠端

此時糠悼,打開瀏覽器,訪問https://sunjinshuai.github.io 倔喂,就可以看到你的博客靖苇。

Hexo安裝新主題apollo

Hexo換皮膚還是比較簡單的班缰,既可以自己根據(jù)默認的主題來修改,也可以到https://hexo.io/themes/ 上去找主題埠忘。

安裝

github上的文檔給出了詳細的安裝命令:

hexo init #blogname#
cd #blogname#
npm install
npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
git clone https://github.com/pinggod/hexo-theme-apollo.git themes/apollo
啟用

安裝成功后就可以開始啟用主題,主題的啟用需要修改_config.yml 的 theme 配置項為 apollo:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: apollo

# 在歸檔頁面顯示所有文章
# 需要上面安裝的 hexo-generator-archive 插件支持
archive_generator:
per_page: 0
yearly: false
monthly: false
daily: false

hexo常用的命令

hexo init       //在指定目錄執(zhí)行該命令名船,會將當前目錄初始化為hexo站點旨怠,生成hexo站點所需的一切文件
hexo new “my new blog title”   //新建一篇文章。如果沒有設置 layout 的話鉴腻,默認使用 _config.yml 中的 default_layout 參數(shù)代替。如果標題包含空格的話蜓席,請使用引號括起來。
hexo clean      // 清除緩存瓮床,如果對本地文件做了修改产镐,同步到遠程驗證修改的效果之前踢步,先clean,清除緩存
hexo generate   // 可以簡寫成hexo g 根據(jù)markdown文件生成靜態(tài)文件
hexo server     // 或者簡寫成hexo s 啟動本地hexo 服務器获印,默認localhost:4000可以訪問
hexo deploy     // 或者簡寫成hexo d 將本地修改,部署到遠端
hexo version    // 顯示hexo版本

關于HEXO安裝失敗的解決方法

目前國內npm源有問題兼丰;所以鍵入如下代碼即可安裝成功:

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install hexo-cli -g
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末鳍征,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子艳丛,更是在濱河造成了極大的恐慌趟紊,老刑警劉巖碰酝,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異送爸,居然都是意外死亡,警方通過查閱死者的電腦和手機弄痹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進店門嵌器,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人爽航,你說我怎么就攤上這事±” “怎么了衷佃?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長氏义。 經常有香客問我,道長惯悠,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任筒严,我火速辦了婚禮情萤,結果婚禮上,老公的妹妹穿的比我還像新娘筋岛。我一直安慰自己,他們只是感情好歇万,可當我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著贪磺,像睡著了一般。 火紅的嫁衣襯著肌膚如雪劫映。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天泳赋,我揣著相機與錄音喇喉,去河邊找鬼。 笑死拣技,一個胖子當著我的面吹牛,可吹牛的內容都是我干的徐绑。 我是一名探鬼主播,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼傲茄,長吁一口氣:“原來是場噩夢啊……” “哼沮榜!你這毒婦竟也來了?” 一聲冷哼從身側響起敞映,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后弛饭,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡档桃,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年憔晒,在試婚紗的時候發(fā)現(xiàn)自己被綠了蔑舞。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嘹屯。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖州弟,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情拯杠,我是刑警寧澤,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布潭陪,位于F島的核電站最蕾,受9級特大地震影響,放射性物質發(fā)生泄漏揖膜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一拜隧、第九天 我趴在偏房一處隱蔽的房頂上張望趁仙。 院中可真熱鬧洪添,春花似錦雀费、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽逛尚。三九已至刁愿,卻和暖如春绰寞,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背觉壶。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工件缸, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人停团。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像秒梅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子捆蜀,可洞房花燭夜當晚...
    茶點故事閱讀 44,884評論 2 354

推薦閱讀更多精彩內容