在github上搭建我的博客並在線更新

換博客比更博還勤的我終於決定寫一篇博客搭建教程了。。

FAQ

Q：$hexo$須要本地編譯。$jekyll$雖然能夠直接上傳$md$。。可是若是在github上直接編輯也太難受了叭，畢竟不能在線預覽。。。

A：對於$hexo$，博主目前也沒有什麼很好的辦法233。(有個叫$Travis CI$彷佛能夠作到)。因此這篇文章僅適用於$jekyll$主題的博客哦。$jekyll$其實也有些蠻好的主題的。

Q：那我知道了，找個$markdown$在線編輯器編輯好，而後直接去$github$上傳不就好了麼？？

A：你真的能忍受國內$github$的訪問速度？？這裏講的方法能夠在線更新哦。。。

Q：那我須要用到什麼呢？？

A：一個$github$帳號(申請只須要郵箱)。一個瀏覽器。(最好有個國內代碼託管平臺(如碼雲)的帳號)。

搭建博客

首先來說如何在$github$上搭建一個博客。網上這種文章簡直不要太多，可是仍是來寫一下吧(精緻)。大佬請直接跳過

申請帳號

真的是從零開始的呢。首先去github申請$github$帳號。 按要求填寫就好了。。

直接continue

翻譯一下，看心情添。。。

而後去郵箱裏驗證一下就能夠啦。。

登上咱們的$github$帳號。

哇，我是有$github$帳號的人啦2333

建立倉庫

點擊右上角的加號，選擇$newrepository$。

而後對倉庫信息進行設置。注意箭頭標識的幾個地方。倉庫名必須是$username.github.io$的形式。必須勾選$public$。下面那個用readme填充最好也選上，避免麻煩。

而後就有了一個用來搭建博客的倉庫了。

挑選主題

下面咱們就能夠去挑選本身中意的主題了。前面講過，此方法只適用於$jekyll$主題的博客。因此下面就以$jekyll$主題博客爲例咯。

在這裏你能夠找到不少這種主題。挑一款本身喜歡的吧。

點進去一款主題，能夠點擊$Demo$預覽。選好以後$download$便可。 因爲站長已經咕了不少年。因此這個網站上不少主題已經不能預覽了。

修改主題

咱們將下載下來的主題解壓。能夠見到大概以下文件(不必定徹底相同)。

學校的xp系統是否是要暴露啦233

若是你對這些css代碼和html有必定了解，那麼你能夠展開思惟任意魔改了。

若是你是個新手，那麼就跟隨我來進行簡單的修改，將博客變爲本身的吧。

打開$config.yml$，將裏面的信息修改成本身的。

而後進入_posts文件夾，將裏面自帶的文章刪除(刪以前注意查看這些文章的起名格式和裏面的書寫格式，之後寫文章會用到)。固然你想留着也能夠。

對於不一樣的主題，這裏要改的內容不盡相同。之後慢慢修改就好了。

上傳主題

回到剛纔建立的倉庫。而後點擊Upload。(固然也可使用git，這裏爲了對大白們友好點。。)

直接將咱們的文件拖進去。(不要在外面套文件夾！！)傳完以後，點擊下方的$commit\ changes$

查看主題

而後就能夠訪問$username.github.io$(username是你在github上的用戶名)查看本身的博客啦。

展現一下個人lj博客(表示換了幾回以後更喜歡簡潔點的)。。

更新博客

終於到了重頭戲啦。。。下面將如何在瀏覽器上直接更新博客。並不須要去$github$上傳文件。

markdown編輯器

首先安利一個makrdown編輯器。

小書匠markdown編輯器

介紹一下他的功能。 1.編寫markdown並在線預覽(以及大多數編輯器能幹的) 2.將圖片和文章儲存在本身綁定的開源倉庫中。

綁定倉庫

該編輯器與其餘的不一樣點在於他能夠綁定倉庫。那麼咱們若是和剛纔本身的博客倉庫綁定起來，而後在小書匠上面編輯不就能夠在線更新了麼。。

首先咱們點擊左上角的小書匠按鈕

選擇綁定

數據儲存選擇$github$。

而後他告訴咱們須要一個takentoken

按照他給的連接去申請，須要的權限在剛纔小書匠的的申請頁面有寫，按要求勾選便可(寬心的我通常都是全選啦)。

而後咱們複製出來這個takentoken。(注意這個申請以後只能查看一次，建議找個地方保存好。)填寫到小書匠裏面對應的takentoken框裏。而後那個倉庫名稱就填你的倉庫名稱($username.github.io$)

而後一路肯定。

點擊中間回到編輯頁面。你會看到左下角多了一欄。

這就是你倉庫的文件目錄了。

而後咱們只要將文章保存到$_posts$文件夾中就達到了更新博客的目的了。

更新

而後點擊左上角新建。保存。

目錄必定要選擇$_posts$，名字按照原來自帶文章的格式填寫。

而後寫就完了。

快去看看你的博客有沒有更新吧

擴展

這個編輯器還資瓷綁定圖片的保存庫，你是否是也曾想過直接將圖片複製進編輯器。惋惜被貧窮限制了想象力。如今你能夠用本身的倉庫來存圖了。 建議使用國內代碼託管平臺儲存圖片，以加快訪問速度。綁定方法與綁定文章倉庫相似。本身去探究吧。。