1. 程式人生 > >GitHub pages + Hexo 搭建自己的個人部落格

GitHub pages + Hexo 搭建自己的個人部落格

hexo是一個非常簡單簡潔的部落格系統,因為不喜歡wordpress的臃腫然後就轉Hexo。

這是我自己搭建好的部落格

第一步:配置GitHub pages

首先需要一個GitHub賬號
然後可以
具體可參照官方教程

第二步:安裝node.js

下載安裝包

安裝的時候選擇一下路徑就可以了,其他就可以直接點下一步。

現在使用

node -v

以及

npm -v

可以檢視到node以及npm的版本
因為npm比較慢,可以安裝cnpm替代之後的npm命令。

安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步:現在安裝Hexo

cnpm install -g hexo-cli

進入clone下來的目錄
執行

hexo init blog

然後進入剛剛建立目錄

cd blog

可以看到這個目錄

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

執行

cnpm install

之後執行

hexo clean
hexo g
hexo s

然後開啟本地的localhost:4000就可以看到部落格的樣子了。
開啟配置檔案_config.yml
改變下面的地方
clipboard.png

修改檔案時冒號後面要跟一個空格

repo修改為clone的地址,可以是ssh也可以https的clone地址。
然後執行

hexo d

提交過會兒之後就可以訪問到了。

其他

1、常用操作

新建一篇文章:

hexo new post 文章名字

使用Markdown編輯後就可以看到了。

hexo clean  清理快取

hexo generate 進行渲染 簡寫 hexo g

hexo server 部署到本地(除錯使用) 簡寫 hexo s。然後瀏覽器輸入 http://localhost:4000

除錯完畢後使用 hexo deploy 簡寫為 hexo d來部署到git伺服器。

2、改變主題

這是官方的主題網站
將主題clone到你的theme,在配置檔案中

hexo是一個非常簡單簡潔的部落格系統,因為不喜歡wordpress的臃腫然後就轉Hexo。

這是我自己搭建好的部落格

第一步:配置GitHub pages

首先需要一個GitHub賬號
然後可以
具體可參照官方教程

第二步:安裝node.js

下載安裝包

安裝的時候選擇一下路徑就可以了,其他就可以直接點下一步。

現在使用

node -v

以及

npm -v

可以檢視到node以及npm的版本
因為npm比較慢,可以安裝cnpm替代之後的npm命令。

安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步:現在安裝Hexo

cnpm install -g hexo-cli

進入clone下來的目錄
執行

hexo init blog

然後進入剛剛建立目錄

cd blog

可以看到這個目錄

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

執行

cnpm install

之後執行

hexo clean
hexo g
hexo s

然後開啟本地的localhost:4000就可以看到部落格的樣子了。
開啟配置檔案_config.yml

改變下面的地方

clipboard.png

修改檔案時冒號後面要跟一個空格

repo修改為clone的地址,可以是ssh也可以https的clone地址。
然後執行

hexo d

提交過會兒之後就可以訪問到了。

其他

1、常用操作

新建一篇文章:

hexo new post 文章名字

使用Markdown編輯後就可以看到了。

hexo clean  清理快取

hexo generate 進行渲染 簡寫 hexo g

hexo server 部署到本地(除錯使用) 簡寫 hexo s。然後瀏覽器輸入 http://localhost:4000

除錯完畢後使用 hexo deploy 簡寫為 hexo d來部署到git伺服器。

2、改變主題

這是官方的主題網站

將主題clone到你的theme,在配置檔案中

clipboard.png

將theme改變為你下載的主題名稱

然後編譯,執行,釋出。

3、解析域名

第一步域名解析:

需要一個域名,然後在解析的時候選擇記錄型別為CNAME

如圖
clipboard.png

記錄值填你的github的主頁網址
新增兩個解析,主機記錄有兩個@和www

解析完之後需要等一段時間,可以在控制檯ping你的域名,如果成功了就解析成功了。

第二步:github上配置你的域名

然後在public目錄下新增CNAME這個檔案
內容為你的域名

然後清除快取,編譯,部署。

由於使用的主題不一樣,更多的個性化,使用next主題的可以參考官方網址

將theme改變為你下載的主題名稱
然後編譯,執行,釋出。

 

由於使用的主題不一樣,更多的個性化,使用next主題的可以參考官方網址