如何在github上搭建自己個(gè)人博客并實(shí)時(shí)在線更新

[重要通告]如您遇疑難雜癥,本站支持知識(shí)付費(fèi)業(yè)務(wù),掃右邊二維碼加博主微信,可節(jié)省您寶貴時(shí)間哦!

其實(shí)這事兒是一個(gè)朋友問的,當(dāng)然我感覺可行就轉(zhuǎn)載了一下,同時(shí)也防止被刪除也掛載到自己博客;

FAQ#

Q:hexohexo需要本地編譯。jekylljekyll雖然可以直接上傳mdmd。。但是如果在github上直接編輯也太難受了叭,畢竟不能在線預(yù)覽。。。

A:對(duì)于hexohexo,博主目前也沒有什么很好的辦法233。(有個(gè)叫TravisCITravisCI似乎可以做到)。所以這篇文章僅適用于jekylljekyll主題的博客哦。jekylljekyll其實(shí)也有些蠻好的主題的。

Q:那我知道了,找個(gè)markdownmarkdown在線編輯器編輯好,然后直接去githubgithub上傳不就行了么??

A:你真的能忍受國(guó)內(nèi)githubgithub的訪問速度??這里講的方法可以在線更新哦。。。

Q:那我需要用到什么呢??

A:一個(gè)githubgithub賬號(hào)(申請(qǐng)只需要郵箱)。一個(gè)瀏覽器。(最好有個(gè)國(guó)內(nèi)代碼托管平臺(tái)(如碼云)的賬號(hào))。

搭建博客

首先來講如何在githubgithub上搭建一個(gè)博客。網(wǎng)上這種文章簡(jiǎn)直不要太多,但是還是來寫一下吧(精致)。大佬請(qǐng)直接跳過

申請(qǐng)賬號(hào)

真的是從零開始的呢。首先去github申請(qǐng)githubgithub賬號(hào)。
按要求填寫就行了。。

直接continue

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

然后去郵箱里驗(yàn)證一下就可以啦。。

登上我們的githubgithub賬號(hào)。

哇,我是有githubgithub賬號(hào)的人啦2333

創(chuàng)建倉(cāng)庫(kù)

點(diǎn)擊右上角的加號(hào),選擇newrepositorynewrepository。

然后對(duì)倉(cāng)庫(kù)信息進(jìn)行設(shè)置。注意箭頭標(biāo)識(shí)的幾個(gè)地方。倉(cāng)庫(kù)名必須是username.github.iousername.github.io的形式。必須勾選publicpublic。下面那個(gè)用readme填充最好也選上,避免麻煩。

然后就有了一個(gè)用來搭建博客的倉(cāng)庫(kù)了。

挑選主題

下面我們就可以去挑選自己中意的主題了。前面講過,此方法只適用于jekylljekyll主題的博客。所以下面就以jekylljekyll主題博客為例咯。

這里你可以找到很多這種主題。挑一款自己喜歡的吧。

點(diǎn)進(jìn)去一款主題,可以點(diǎn)擊DemoDemo預(yù)覽。選好之后downloaddownload即可。
由于站長(zhǎng)已經(jīng)咕了很多年。所以這個(gè)網(wǎng)站上很多主題已經(jīng)不能預(yù)覽了。

修改主題

我們將下載下來的主題解壓。可以見到大概如下文件(不一定完全相同)。

學(xué)校的xp系統(tǒng)是不是要暴露啦233

如果你對(duì)這些css代碼和html有一定了解,那么你可以展開思維任意魔改了。

如果你是個(gè)新手,那么就跟隨我來進(jìn)行簡(jiǎn)單的修改,將博客變?yōu)樽约旱陌伞?/p>

打開config.ymlconfig.yml,將里面的信息修改為自己的。

然后進(jìn)入_posts文件夾,將里面自帶的文章刪除(刪之前注意查看這些文章的起名格式和里面的書寫格式,以后寫文章會(huì)用到)。當(dāng)然你想留著也可以。

對(duì)于不同的主題,這里要改的內(nèi)容不盡相同。以后慢慢修改就行了。

上傳主題

回到剛才創(chuàng)建的倉(cāng)庫(kù)。然后點(diǎn)擊Upload。(當(dāng)然也可以使用git,這里為了對(duì)大白們友好點(diǎn)。。)

直接將我們的文件拖進(jìn)去。(不要在外面套文件夾??!)傳完之后,點(diǎn)擊下方的commit?changescommit?changes

查看主題

然后就可以訪問username.github.iousername.github.io(username是你在github上的用戶名)查看自己的博客啦。

展示一下我的lj博客(表示換了幾次之后更喜歡簡(jiǎn)潔點(diǎn)的)。。

更新博客

終于到了重頭戲啦。。。下面將如何在瀏覽器上直接更新博客。并不需要去githubgithub上傳文件。

markdown編輯器

首先安利一個(gè)makrdown編輯器。

小書匠markdown編輯器

介紹一下他的功能。
1.編寫markdown并在線預(yù)覽(以及大多數(shù)編輯器能干的)
2.將圖片和文章儲(chǔ)存在自己綁定的開源倉(cāng)庫(kù)中。

綁定倉(cāng)庫(kù)

該編輯器與其他的不同點(diǎn)在于他可以綁定倉(cāng)庫(kù)。那么我們?nèi)绻蛣偛抛约旱牟┛蛡}(cāng)庫(kù)綁定起來,然后在小書匠上面編輯不就可以在線更新了么。。

首先我們點(diǎn)擊左上角的小書匠按鈕

選擇綁定

數(shù)據(jù)儲(chǔ)存選擇githubgithub。

然后他告訴我們需要一個(gè)takentoken

按照他給的鏈接去申請(qǐng),需要的權(quán)限在剛才小書匠的的申請(qǐng)頁(yè)面有寫,按要求勾選即可(寬心的我一般都是全選啦)。

然后我們復(fù)制出來這個(gè)takentoken。(注意這個(gè)申請(qǐng)之后只能查看一次,建議找個(gè)地方保存好。)填寫到小書匠里面對(duì)應(yīng)的takentoken框里。然后那個(gè)倉(cāng)庫(kù)名稱就填你的倉(cāng)庫(kù)名稱(username.github.iousername.github.io)

然后一路確定。

點(diǎn)擊中間回到編輯頁(yè)面。你會(huì)看到左下角多了一欄。

這就是你倉(cāng)庫(kù)的文件目錄了。

然后我們只要將文章保存到_posts_posts文件夾中就達(dá)到了更新博客的目的了。

更新

然后點(diǎn)擊左上角新建。保存。

目錄一定要選擇_posts_posts,名字按照原來自帶文章的格式填寫。

然后寫就完了。

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

擴(kuò)展

這個(gè)編輯器還支持綁定圖片的保存庫(kù),你是不是也曾想過直接將圖片復(fù)制進(jìn)編輯器??上П回毟F限制了想象力。現(xiàn)在你可以用自己的倉(cāng)庫(kù)來存圖了。
建議使用國(guó)內(nèi)代碼托管平臺(tái)儲(chǔ)存圖片,以加快訪問速度。綁定方法與綁定文章倉(cāng)庫(kù)類似。

來源:https://www.cnblogs.com/wxyww/p/xiaoshujiang.html

問題未解決?付費(fèi)解決問題加Q或微信 2589053300 (即Q號(hào)又微信號(hào))右上方掃一掃可加博主微信

所寫所說,是心之所感,思之所悟,行之所得;文當(dāng)無(wú)敷衍,落筆求簡(jiǎn)潔。 以所舍,求所獲;有所依,方所成!

支付寶贊助
微信贊助

免責(zé)聲明,若由于商用引起版權(quán)糾紛,一切責(zé)任均由使用者承擔(dān)。

您必須遵守我們的協(xié)議,如您下載該資源,行為將被視為對(duì)《免責(zé)聲明》全部?jī)?nèi)容的認(rèn)可->聯(lián)系老梁投訴資源
LaoLiang.Net部分資源來自互聯(lián)網(wǎng)收集,僅供用于學(xué)習(xí)和交流,請(qǐng)勿用于商業(yè)用途。如有侵權(quán)、不妥之處,請(qǐng)聯(lián)系站長(zhǎng)并出示版權(quán)證明以便刪除。 敬請(qǐng)諒解! 侵權(quán)刪帖/違法舉報(bào)/投稿等事物聯(lián)系郵箱:service@laoliang.net
意在交流學(xué)習(xí),歡迎贊賞評(píng)論,如有謬誤,請(qǐng)聯(lián)系指正;轉(zhuǎn)載請(qǐng)注明出處: » 如何在github上搭建自己個(gè)人博客并實(shí)時(shí)在線更新

發(fā)表回復(fù)

本站承接,網(wǎng)站推廣(SEM,SEO);軟件安裝與調(diào)試;服務(wù)器或網(wǎng)絡(luò)推薦及配置;APP開發(fā)與維護(hù);網(wǎng)站開發(fā)修改及維護(hù); 各財(cái)務(wù)軟件安裝調(diào)試及注冊(cè)服務(wù)(金蝶,用友,管家婆,速達(dá),星宇等);同時(shí)也有客戶管理系統(tǒng),人力資源,超市POS,醫(yī)藥管理等;

立即查看 了解詳情