如何把部落格架在GitHub上

2018-05-19

#幹 改到/etc/passwd 結果整個虛擬機開不起來 為自己的白痴做個紀錄,還好有留下這個

以下正文

安安

為了慶祝我的部落格復活(改版了) 特別打一篇教學如何利用hexo deploy blog on GitHub

首先的話當然是先把node js 和 npm給搞定

之後用以下指令安裝 hexo 套件

npm install hexo-cli -g

產生一個初始部落格

hexo init [blog name]

這樣就成功產生一個部落格樣本囉,真的很簡單

之後

cd [blog name]
npm install

完成前置作業

到這裡後可以試著開啟server看看

hexo server 
hexo s

run看看能不能正常啟動,如果成功的話,恭喜你,可以開始經營自己的部落格了

以下開始進行改造部落格的動作:

如何更改布景主題

首先進入

https://hexo.io/themes/index.html

尋找順眼的主題,找到之後進入該主題的GitHub,把它的repo clone到themes的資料 夾內, 之後再看看GitHub page裡面有沒有要求進行其他的動作(ex. npm install), 打開[blag name]內的_config.yml

把裡面的themes改成自己的主題名稱(就是clone下來的資料夾名稱)

如果有興趣的話可以看看該主題的GitHub page,主題內的_config可自訂主題一些超連結之類的

如何發文

先是新增一篇文章

hexo new [layout] [title]

預設是post 你可以自訂想要的layout方式,或是在_config.yml內修改預設的layout方式 hexo的layout分為pagepostdraft, 每個layout生成後也分別在source內歸類好

layout locate
page source/
post source/_post
draft source/_draft

生成後的檔案除了page是資料夾之外其他都是markdown檔案,可以順便讓自己練習markdown語法

P.S:在hexo上好像用html刻表格的時候會顯示過多br,解決方法是不要縮排直接變成一行,個人對於hexo表格的表現方式不太滿意

如何deploy到自己的server上

編輯完文章後最重要的當然就是讓全世界的人看到自己的作品了

首先進去_config.yml裡面,找到deploy這個設定去做修改,這裡有更詳細的說明:

https://hexo.io/zh-tw/docs/deployment.html
以我自己deploy到GitHub上為例子,做起來就會像是這個樣子:

其中message就是commit的內容

再來就是下個指令generate它

hexo g

然後再把它deploy到server端上

hexo d

介紹就大概到這邊 <(_ _)>

2019/04/30 更新個

最近開啟了 github 兩階段驗證後就 push 不上去了QQ

參考了這篇得到解決

記得是登入後 > Settings > Developer settings > Personal access tokens