不需懂代碼，10分鐘在Github搭建免費(fèi)且已成型的個(gè)人博客網(wǎng)站

時(shí)間：2022-08-28 06:21:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-28 06:21:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

想擁有一個(gè)自己的博客網(wǎng)站嗎？現(xiàn)在搭建個(gè)人網(wǎng)站/個(gè)人博客的平臺(tái)和軟件很多，比如最流行的是這三個(gè)：

1. http://Wordpress.com，很好很簡(jiǎn)單很強(qiáng)大，但是，你在上面搭的網(wǎng)站國(guó)內(nèi)不能訪(fǎng)問(wèn)。
2. http://Wordpress.org，自己下載Wordpress軟件托管。有些云平臺(tái)如AWS有打包服務(wù)，不用自己下載了。這個(gè)要求一定的專(zhuān)業(yè)能力，而且不可能完全免費(fèi)——托管費(fèi)總要付點(diǎn)兒吧。
3. http://Wix.com，非常簡(jiǎn)單的拖拽式網(wǎng)站制作，會(huì)做漂亮的PPT就能做漂亮的網(wǎng)站。但是，一方面國(guó)內(nèi)雖能訪(fǎng)問(wèn)但很慢，另外一方面，如果一點(diǎn)兒小錢(qián)也不想施舍的話(huà)，網(wǎng)站頭上會(huì)一直頂著個(gè)長(zhǎng)條廣告，非常礙眼。

今天介紹一種對(duì)技術(shù)要求最低、最為快捷簡(jiǎn)單的博客網(wǎng)站建站方式 —— Github的Fork復(fù)制方式。你沒(méi)看錯(cuò)，是Github！不懂編程也能去程序猿們的大本營(yíng)搞事情。

用Github搭建網(wǎng)站的優(yōu)勢(shì)：

1. 完全免費(fèi)，且無(wú)廣告；
2. 國(guó)內(nèi)訪(fǎng)問(wèn)無(wú)憂(yōu)（至少目前是這樣），速度也不賴(lài)；
3. 完全不受平臺(tái)功能限制，所以如果將來(lái)懂得編程了，想改成怎樣就改成怎樣。

補(bǔ)充說(shuō)明：Github在國(guó)內(nèi)訪(fǎng)問(wèn)還是有些不穩(wěn)定，推薦用碼云（http://Gitee.com）代替，其方法與下面說(shuō)的完全一樣，只是需要把所有的github.com改成gitee.com，所有的github.io 改成 gitee.io；但要Fork復(fù)制的網(wǎng)站，需改成gitee.com/klovien/klovien (與github的形式略有不同)。

好了，究竟怎樣簡(jiǎn)單粗暴地花10分鐘就能做成一個(gè)成型的博客網(wǎng)站呢？（這里強(qiáng)調(diào)成型的，因?yàn)榫W(wǎng)上有很多10分鐘教程做出來(lái)的是一個(gè)很簡(jiǎn)陋、不成型的博客；至于具體怎么個(gè)成型，你按下面做好就知道了，大致來(lái)講就是界面已經(jīng)很好看了，而且立刻就可以寫(xiě)博客了。）

只要簡(jiǎn)單三步：

第一步：注冊(cè)Github賬號(hào)。請(qǐng)點(diǎn)擊這里github.com注冊(cè)。注意，賬號(hào)的取名很重要，因?yàn)槟愕膗sername將成為你免費(fèi)網(wǎng)站域名的核心部分，它將長(zhǎng)成這樣：yourusername.github.io，比如我選的用戶(hù)名是klovien，所以將要成為我博客網(wǎng)站的地址就是：klovien.github.io。（當(dāng)然，如果你打算注冊(cè)使用付費(fèi)域名，賬號(hào)取名就不重要了。）

第二步：復(fù)制我的網(wǎng)站。注冊(cè)登錄Github后，請(qǐng)點(diǎn)擊這里github.com/klovien/klovien.github.io 進(jìn)入到我的倉(cāng)庫(kù)?？吹饺缦陆缑妫?qǐng)點(diǎn)擊最右上角的“Fork”按鈕。

等幾秒鐘，復(fù)制完成后，你會(huì)看到界面幾乎還是上圖這樣一個(gè)界面，但左上角的倉(cāng)庫(kù)名自動(dòng)改成了yourusername/klovien.github.io。她是你的了！

這個(gè)時(shí)候在標(biāo)簽行的最后面，增加了一個(gè)“Settings”標(biāo)簽（就在剛剛那個(gè)Fork按鈕下面靠左一點(diǎn)點(diǎn)的地方）。注意你目前位于你倉(cāng)庫(kù)的“Code"標(biāo)簽頁(yè)，所以請(qǐng)點(diǎn)擊換到“Settings”標(biāo)簽頁(yè)，進(jìn)去后看到下圖的界面。現(xiàn)在你只要把下圖中倉(cāng)庫(kù)名中的“klovien"這個(gè)單詞改成你賬號(hào)的username，注意保留.github.io不要變?。ㄈ裟阌玫氖莋itee則沒(méi)這個(gè)），點(diǎn)擊Rename。哈哈，搞定了。

現(xiàn)在新開(kāi)個(gè)瀏覽器窗口輸入yourusername.github.io看看效果吧，這就是你的博客主頁(yè)面了。是不是很簡(jiǎn)單很爽的一件事？（若沒(méi)出現(xiàn)下圖，而是顯示404錯(cuò)誤，那就是上圖中的改名沒(méi)改對(duì)，請(qǐng)仔細(xì)檢查一下輸入的是不是你的username，有沒(méi)有拼錯(cuò)）

等等！這招牌是什么東東？？？—— 嗯嗯，不要急，招牌當(dāng)然要改成你自己的咯，請(qǐng)繼續(xù)往下走。

注意：如果你用的是碼云Gitee，而且是免費(fèi)賬號(hào)的話(huà)，需要要手工部署Pages服務(wù)，才能出現(xiàn)上述網(wǎng)頁(yè)，方法是點(diǎn)“服務(wù)-GiteePages-啟動(dòng)”。以后任何改動(dòng)都需要使用類(lèi)似操作重新部署一次，才能生效。

第三步，改成你的招牌?，F(xiàn)在，回到你倉(cāng)庫(kù)的Code標(biāo)簽界面，往下慢慢瞧，找到這個(gè)文件：_config.yml，點(diǎn)擊進(jìn)去看到下面的界面。點(diǎn)擊右上角的那只筆進(jìn)入編輯模式，把紅箭頭指到的地方，一一改成你想要的東西吧。最后一個(gè)箭頭，是頭像文件，假定你暫時(shí)還不知道怎么上傳文件，所以改成這個(gè)好了：/img/about-someone.jpg，嗯，我放了個(gè)空白頭像在那里 。

拉到頁(yè)面下面點(diǎn)提交，大功告成！再到你的博客主頁(yè)面yourusername.github.io看看，是不是這些信息都改成你的了？（可能要稍微等一下，多刷新幾遍。用碼云的記得要重新部署。）

以上我們就通過(guò)簡(jiǎn)單幾步，建立了一個(gè)相當(dāng)完整的，而不是一個(gè)空白的靜態(tài)博客網(wǎng)站。

現(xiàn)在，你就可以在倉(cāng)庫(kù)的“Code"標(biāo)簽頁(yè)的_posts目錄下面，添加你自己的博客文章了：點(diǎn)擊進(jìn)入_posts目錄，點(diǎn)擊右上角的“Create new file"按鈕，文件名設(shè)為“yyyy-mm-dd-文章標(biāo)題.md”（注意后綴名），復(fù)制下面的模板內(nèi)容到編輯框里面，寫(xiě)好你想寫(xiě)的內(nèi)容，然后在最下面點(diǎn)”Commit new file" 按鈕保存即可?，F(xiàn)在回到你的博客主頁(yè)面，多刷新幾次，你的第一篇博客就能出現(xiàn)了！（我原有的文章，你盡可以刪掉。再說(shuō)一遍用Gitee的需要重新部署。）

---layout: posttitle: (文章標(biāo)題)subtitle: (副標(biāo)題)date: 2018-12-01author: (作者名)header-img: img/the-first.pngcatalog: truetags: - 往事如煙---# 一級(jí)標(biāo)題## 二級(jí)標(biāo)題（正文內(nèi)容）至此，建站工作已基本完成，還發(fā)表了你的第一篇博客。整個(gè)過(guò)程沒(méi)有用到一行代碼，只做了復(fù)制和改幾個(gè)字的事情，足夠簡(jiǎn)單吧！

為了方便你自己，請(qǐng)把你的倉(cāng)庫(kù)的描述（Description/Website）改一下。也就是對(duì)應(yīng)于第一張圖的 “Wellcome to ...” 那個(gè)地方，改一下，尤其要把Website改成你自己的域名，這樣，你就可以點(diǎn)擊它直接進(jìn)入到你的博客了。

進(jìn)一步的完善修改，請(qǐng)看我下一篇文章《在Github上搭建免費(fèi)個(gè)人網(wǎng)站和博客（進(jìn)階篇）》。我建議你不要急，慢慢來(lái)，可以先寫(xiě)幾篇文章玩玩，慢慢再來(lái)改網(wǎng)站。

在進(jìn)階前，如果你看到復(fù)制來(lái)的About和Resources的內(nèi)容很煩，暫時(shí)又不知道怎么改的話(huà)，請(qǐng)把倉(cāng)庫(kù)Code標(biāo)簽下的兩個(gè)文件：1-resources.html、2-about.html，刪掉（點(diǎn)擊該文件，再點(diǎn)擊類(lèi)似圖4中那支筆旁邊的垃圾桶）。放心，如果需要的話(huà)，等你學(xué)會(huì)修改了，還可以從我這里copy回去改的。

搭建博客的第一篇到這里就結(jié)束了。如果你Fork后覺(jué)得有用，還請(qǐng)別忘了在Github/Gitee上給我的項(xiàng)目點(diǎn)個(gè)星（Star）哦，按鈕就在緊靠Fork的地方。謝謝！

特別致謝

特別致謝BY，我的博客是從他那里Fork來(lái)的，而且他也寫(xiě)了很詳細(xì)的教程《快速搭建個(gè)人博客》。如果我的下一篇進(jìn)階的文章還沒(méi)寫(xiě)出來(lái)，而你急著要完善自己的網(wǎng)站，不妨繼續(xù)參考BY的教程。

我之所以重新編寫(xiě)教程，是基于兩個(gè)原因：

1. BY的教程雖然已經(jīng)淺顯易懂了，但對(duì)真正的小白來(lái)說(shuō)，內(nèi)容還是有些復(fù)雜有點(diǎn)兒長(zhǎng)。我第一次嘗試的時(shí)候，就覺(jué)得還是太麻煩了，所以放棄了。然而到Wix轉(zhuǎn)了幾個(gè)月回來(lái)后，才發(fā)現(xiàn)BY這個(gè)方法真的是超簡(jiǎn)單又好用。所以我現(xiàn)在把BY的教程按我的理解做了重新的編排，確保從零開(kāi)始到發(fā)表第一篇博客的過(guò)程中，涉及到的知識(shí)量最少。
2. BY貌似已經(jīng)停止更新這個(gè)博客，也不再回答問(wèn)題，所以我希望能通過(guò)我這個(gè)工作，把這件事情繼續(xù)下去，發(fā)揚(yáng)光大。

希望BY如果看到這篇文章，是欣慰而不是介意。

---

注：我們實(shí)際上使用的是Github Pages在搭建網(wǎng)站，但這名字是什么并不重要。