如何在github上搭建自己個人博客并實時在線更新
[重要通告]如您遇疑難雜癥,本站支持知識付費業(yè)務,掃右邊二維碼加博主微信,可節(jié)省您寶貴時間哦!
其實這事兒是一個朋友問的,當然我感覺可行就轉載了一下,同時也防止被刪除也掛載到自己博客;
FAQ#
Q:hexohexo需要本地編譯。jekylljekyll雖然可以直接上傳mdmd。。但是如果在github上直接編輯也太難受了叭,畢竟不能在線預覽。。。
A:對于hexohexo,博主目前也沒有什么很好的辦法233。(有個叫TravisCITravisCI似乎可以做到)。所以這篇文章僅適用于jekylljekyll主題的博客哦。jekylljekyll其實也有些蠻好的主題的。
Q:那我知道了,找個markdownmarkdown在線編輯器編輯好,然后直接去githubgithub上傳不就行了么??
A:你真的能忍受國內(nèi)githubgithub的訪問速度??這里講的方法可以在線更新哦。。。
Q:那我需要用到什么呢??
A:一個githubgithub賬號(申請只需要郵箱)。一個瀏覽器。(最好有個國內(nèi)代碼托管平臺(如碼云)的賬號)。
搭建博客
首先來講如何在githubgithub上搭建一個博客。網(wǎng)上這種文章簡直不要太多,但是還是來寫一下吧(精致)。大佬請直接跳過
申請賬號
真的是從零開始的呢。首先去github申請githubgithub賬號。
按要求填寫就行了。。
直接continue
翻譯一下,看心情添。。。
然后去郵箱里驗證一下就可以啦。。
登上我們的githubgithub賬號。
哇,我是有githubgithub賬號的人啦2333
創(chuàng)建倉庫
點擊右上角的加號,選擇newrepositorynewrepository。
然后對倉庫信息進行設置。注意箭頭標識的幾個地方。倉庫名必須是username.github.iousername.github.io的形式。必須勾選publicpublic。下面那個用readme填充最好也選上,避免麻煩。
然后就有了一個用來搭建博客的倉庫了。
挑選主題
下面我們就可以去挑選自己中意的主題了。前面講過,此方法只適用于jekylljekyll主題的博客。所以下面就以jekylljekyll主題博客為例咯。
在這里你可以找到很多這種主題。挑一款自己喜歡的吧。
點進去一款主題,可以點擊DemoDemo預覽。選好之后downloaddownload即可。
由于站長已經(jīng)咕了很多年。所以這個網(wǎng)站上很多主題已經(jīng)不能預覽了。
修改主題
我們將下載下來的主題解壓??梢砸姷酱蟾湃缦挛募?不一定完全相同)。
學校的xp系統(tǒng)是不是要暴露啦233
如果你對這些css代碼和html有一定了解,那么你可以展開思維任意魔改了。
如果你是個新手,那么就跟隨我來進行簡單的修改,將博客變?yōu)樽约旱陌伞?/p>
打開config.ymlconfig.yml,將里面的信息修改為自己的。
然后進入_posts文件夾,將里面自帶的文章刪除(刪之前注意查看這些文章的起名格式和里面的書寫格式,以后寫文章會用到)。當然你想留著也可以。
對于不同的主題,這里要改的內(nèi)容不盡相同。以后慢慢修改就行了。
上傳主題
回到剛才創(chuàng)建的倉庫。然后點擊Upload。(當然也可以使用git,這里為了對大白們友好點。。)
直接將我們的文件拖進去。(不要在外面套文件夾!!)傳完之后,點擊下方的commit?changescommit?changes
查看主題
然后就可以訪問username.github.iousername.github.io(username是你在github上的用戶名)查看自己的博客啦。
展示一下我的lj博客(表示換了幾次之后更喜歡簡潔點的)。。
更新博客
終于到了重頭戲啦。。。下面將如何在瀏覽器上直接更新博客。并不需要去githubgithub上傳文件。
markdown編輯器
首先安利一個makrdown編輯器。
介紹一下他的功能。
1.編寫markdown并在線預覽(以及大多數(shù)編輯器能干的)
2.將圖片和文章儲存在自己綁定的開源倉庫中。
綁定倉庫
該編輯器與其他的不同點在于他可以綁定倉庫。那么我們?nèi)绻蛣偛抛约旱牟┛蛡}庫綁定起來,然后在小書匠上面編輯不就可以在線更新了么。。
首先我們點擊左上角的小書匠按鈕
選擇綁定
數(shù)據(jù)儲存選擇githubgithub。
然后他告訴我們需要一個takentoken
按照他給的鏈接去申請,需要的權限在剛才小書匠的的申請頁面有寫,按要求勾選即可(寬心的我一般都是全選啦)。
然后我們復制出來這個takentoken。(注意這個申請之后只能查看一次,建議找個地方保存好。)填寫到小書匠里面對應的takentoken框里。然后那個倉庫名稱就填你的倉庫名稱(username.github.iousername.github.io)
然后一路確定。
點擊中間回到編輯頁面。你會看到左下角多了一欄。
這就是你倉庫的文件目錄了。
然后我們只要將文章保存到_posts_posts文件夾中就達到了更新博客的目的了。
更新
然后點擊左上角新建。保存。
目錄一定要選擇_posts_posts,名字按照原來自帶文章的格式填寫。
然后寫就完了。
快去看看你的博客有沒有更新吧
擴展
這個編輯器還支持綁定圖片的保存庫,你是不是也曾想過直接將圖片復制進編輯器??上П回毟F限制了想象力?,F(xiàn)在你可以用自己的倉庫來存圖了。
建議使用國內(nèi)代碼托管平臺儲存圖片,以加快訪問速度。綁定方法與綁定文章倉庫類似。
來源:https://www.cnblogs.com/wxyww/p/xiaoshujiang.html
問題未解決?付費解決問題加Q或微信 2589053300 (即Q號又微信號)右上方掃一掃可加博主微信
所寫所說,是心之所感,思之所悟,行之所得;文當無敷衍,落筆求簡潔。 以所舍,求所獲;有所依,方所成!