萬事起頭不會難

發表於 更新於 分類於 ， 文章字數： 1.8k 所需閱讀時間 ≈ 2 分鐘

Introduction & 前言

先前都是使用Medium來記錄一些寫Code的心得感想或是小筆記，但在很早前其實就有想要寫一個自己的部落格，但是礙於超級菜雞剛上線，只能找現成的部落格寫寫文章。

後來在偶然間聽到Hexo，突然就勾起我的熊熊烈火，自己可以架一個Blog，又可以學一些程式的設定，我還不來玩玩。雖然這個其實也是別人弄好的討件，打打指令也不算什麼太難的事情，但是對小菜雞來說是個新天地，沒玩過的東西就想玩看看，就像上數學課明知道老師告訴你數學不能用問到底的，但你還是會想要一虧這天大的樹林。

這篇文章除了拿來開頭，也會拿來記錄一下關於Hexo的一些小筆記

Hexo安裝流程

  • 此處是以 bash 指令完成

安裝 Node.js

  • 請先至 Node.js 官方網站下載安裝

這邊不了解關於 Node.js 的話可以參考我的文章

安裝 Hexo Git

  • 這是用來部署你的 Hexo 上 GitHub 用的，透過 GitHub 的提供，你能有一個靜態網站
1
$ npm install hexo-deployer-git --save

安裝 Hexo

  • 這邊會使用 npm 來安裝 Hexo
1
$ npm install hexo-cli -g

這邊不了解 npm 可以參考我的文章

安裝完成後可以使用下方指令查看版本

1
$ hexo version 或 $hexo -v

初始化部落格

1
2
3
$ hexo init blog       # 初始化 blog
$ cd blog              # 移動到剛創建的 blog 資料夾裡
$ npm install		   # 安裝相關套件
  • blog 可以取自己喜歡的資料夾名稱 不過不影響我們後面的部落格網站顯示名稱 後續設定都會在 _config.yml 及我們使用的 themes(主題) 內

配置 Hexo 至 GitHub

  1. 首先至 GitHub 網站登入，再新增一個 **倉庫(Repositories)**

登入後右上角 Repositories 點下去就對啦

  1. 上方的 Repositories Name 請取為 yourname.github.io 前面的 yourname 請替換為你的帳號名稱 然後點擊 Create repository 創建

登入後右上角 Repositories 點下去就對啦

成功畫面

  1. 接下來要設定自動部署的相關設定，到你剛剛創建的 Blog 資料夾，打開後會有一個叫 _confg.yml 的檔案，這是 Hexo 的全域配置，打開它

成功畫面

拉開後到最底部可以看到下方程式碼

1
2
deploy:
  type:

請改為下方程式碼

1
2
3
4
deploy:
  type: git
  repository: http://github.com/yourname/yourname.github.io.git
  branch: master # 或你的分支

切記！設定中的 “ : “ 後面一定要有一個空格，不然會發生錯誤

  1. 接下來打開終端機，到你的 Blog 資料夾，輸入下方程式碼創建一篇新的文章，然後你會在 source 內的 _posts 看見你的文章，這是預備推上 GitHub 的文章區。
1
$ hexo new 你的文章名稱
  1. 接下來輸入下方程式碼就會產生一個 public 的資料夾，裡面就是要準備推上 GitHub 的東西，然後就會根據你的設定推上你的 GitHub 了！
1
2
$ hexo d -g 
# d 表示產生一個 public 的資料夾 -g 表示部署上你的 GitHub

Hexo 設定檔配置

  • _config.yml 是 hexo 的預設設定檔，內容設定是用 yaml 格式編寫

其設定內容可參考 Hexo的官方文檔

Hexo 主題使用

  • 我想大多數的人都對這個很有興趣，畢竟可以客製化自己的 Blog ，但其實最麻煩的也是在這邊，每次換個主題都要重新再設定一遍一些設定，建議最好一開始就確定好。

這邊推薦使用 Next 主題，這是最多人使用的，也有 官方教學文件(中文)，而小菜機在此使用的是 jerryc大大的hexo-theme-butterfly 關於 Demo 請點我

Conclusion & 結論

雖然使用 MarkDown 上還需要習慣一下，但至少能確保自己的文章是可以保存下來的，放在 Medium 上其實說放心不放心，不放心也還好，但還是希望自己花時間寫的東西能留下來。不過接下來要搬文章也要花點時間呢…

關於 Medium 的問題可參考 是時候備份你的 Medium 文章了

另外之後會寫關於怎麼匯出 Medium 文章成 Markdown 格式的介紹。也歡迎留下你的 Blog 來加入我的 友情鏈接 介紹各路大神的 Blog 或是網站

參考網站

MarkDown 筆記區

Warning Header

Welcome to Hexo!

[class] : default | primary | success | info | warning | danger.
[no-icon] : Disable icon in note.