Mac下搭建Hexo + Github 詳細步驟 教程

感想,第一篇日記

<blockquote>
做技術(shù)5年多了,其間有多次想好好寫博客,一直沒有堅持下來,中間斷斷續(xù)續(xù)使用過一些博客產(chǎn)品都沒有堅持。
最近看了一博文,感觸很深,所以決定重新開啟博客之旅,并好好堅持下去。
一來是,給自己技術(shù)學習的一種積累,梳理。
二來,提高自己書面表達能力,前幾年書沒有覺得,現(xiàn)在是覺得自己表達能力真的出了問題。
之前就有使用過github搭建博客,不過之前使用的是Octopress,然后也是跟風,搭完就沒用了。
這次看了文章《我為什么堅持寫博客》目標是每周至少3篇認真原創(chuàng)文章。
好,廢話不多說,開始。
</blockquote>

準備工作,從零開始

Hexo是一款基于Node.js的靜態(tài)博客框架,而Node.js可以簡單理解為可以用js語言寫服務器后端的框架。
然后如果要發(fā)布到github上需要git和github帳號。
因為用的是mac環(huán)境,所以直接用Homebrew(這是mac下超強的包管理工具,基本開發(fā)人員必備)來安裝。

如果有安裝過可以跳過步驟
這里可能出現(xiàn)一些問題,可能由于權(quán)限問題,如果是,在命令前加sudo。

安裝 Homebrew

命令行直接輸入

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

安裝 git

因為安裝過Homebrew,可以使用命令brew

$ brew install git

安裝 node.js

$ brew install node

安裝 hexo

$ npm install -g hexo

這里的npm是node下的一個包管理工具。
-g命令代表全局安裝,否則安裝到命令執(zhí)行時當前./node_modules目錄。
-g會安裝到{prefix}/node_modules目錄。prefix是默認制定的,一般在prefix = "/usr/local"
命令 npm config ls 可查看 prefix
命令 npm config set prefix "xxxxx" 可以指定prefix目錄(不建議修改)

到此為止,安裝完畢
這里可能出現(xiàn)一些問題,可能由于權(quán)限問題,如果是,在命令前加sudo。

安裝博客,調(diào)試

創(chuàng)建博客

創(chuàng)建本地一個目錄,用來創(chuàng)建博客,比如

$ mkdir hexo
$ cd hexo
$ sudo hexo init

創(chuàng)建完畢!

本地調(diào)試

$ sudo hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

或者,縮寫

$ sudo hexo s
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

然后可以訪問 http://localhost:4000 來查看結(jié)果
注意如果訪問一直沒響應 可能有端口占用問題,可以運行下面命令指定端口
$ sudo hexo server -p xxxx
更多hexo命令用法,可以查看我的Hexo寫博客需要的所有知識總結(jié)

發(fā)布到github

需要注冊github帳號,這個很簡單略過

設置github帳號ssh驗證(可以跳過)

首先需要在本機設置ssh key以保證push工程時不需要在授權(quán),如果沒有設置,也會在發(fā)布時要求輸入帳號密碼

利用github二級域名 創(chuàng)建資源

github會提供以用戶名創(chuàng)建的二級域名,例如:yourusername.github.com
用法是需要創(chuàng)建一個名稱為yourusername.github.io的資源
比如我的用戶名為tangfuhao所以創(chuàng)建一個tangfuhao.github.io的資源
然后當發(fā)布完資源后可以通過yourusername.github.com或者yourusername.github.io來訪問網(wǎng)站

創(chuàng)建資源過程略過。

安裝發(fā)布插件

在博客文件夾運行下面命令,來安裝git部署的工具

$ npm install hexo-deployer-git --save

然后在_config.yml文件修改發(fā)布的配置,最后一行改為(注意替換yourusername)

deploy:
  type: git
  repo: https://github.com/yourusername/yourusername.github.com.git
  branch: master

運行生成發(fā)布

執(zhí)行命令發(fā)布

$ sudo hexo generate
$ sudo hexo deploy

或者縮寫

sudo hexo d -g

以后更新了文章 再執(zhí)行命令,來更新站點

$ sudo hexo generate
$ sudo hexo deploy

或者縮寫

sudo hexo d -g

如果改動了站點的源碼,需要在發(fā)布之前

$ sudo hexo clean

如果成功了就可以通過yourusername.github.com或者yourusername.github.io來訪問你的博客了

自定義博客

更換主題

如果你對默認的主題不滿意,可以通過克隆的方式,把別人的主題克隆過來,比如我使用的這一套

git clone https://github.com/iissnan/hexo-theme-next.git themes/next

然后在_config.yml中theme選項下 指定主題,比如我指定為

theme: next

更多的主題可以參考知乎上的回答

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容