利用 GitHub 快速搭建一個(gè)免費(fèi)個(gè)人網(wǎng)站 | 2022（無(wú)需編程）

時(shí)間：2023-08-02 19:15:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-08-02 19:15:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

利用 GitHub 快速搭建一個(gè)免費(fèi)個(gè)人網(wǎng)站 | 2022（無(wú)需編程）：先給大家看一下成品：我的個(gè)人網(wǎng)站。

使用的是 GitHub Pages 服務(wù)，好處是：

• 免費(fèi)：目測(cè)會(huì)長(zhǎng)期甚至永久免費(fèi)；
• 簡(jiǎn)單：無(wú)需編程，無(wú)需設(shè)計(jì)樣式；
• 可靠：GitHub 替你維護(hù)；

唯一的局限是，只能構(gòu)建靜態(tài)網(wǎng)站——即只有信息呈現(xiàn)，沒(méi)有用戶交互。但對(duì)個(gè)人網(wǎng)站來(lái)說(shuō)，靜態(tài)網(wǎng)站完全夠用了。

學(xué)習(xí)成本：

• 程序員：約為 0；
• 非程序員：很低。只需學(xué)習(xí) GitHub 基礎(chǔ)用法，以及簡(jiǎn)單的 markdown 語(yǔ)法；

個(gè)人網(wǎng)站是打造個(gè)人品牌的重要手段。無(wú)論求職還是提升行業(yè)影響力，個(gè)人網(wǎng)站都是加分項(xiàng)。

如今搭建個(gè)人網(wǎng)站已經(jīng)非常方便，擁有個(gè)人網(wǎng)站的仍然是極少數(shù)——在簡(jiǎn)歷中加上它，就讓你顯得不一樣。

還等什么，趕快開(kāi)始吧！

---

1. 注冊(cè) GitHub 賬號(hào)（如有則跳過(guò)）

GitHub 是微軟旗下的全球最大開(kāi)源社區(qū)、代碼托管平臺(tái)，程序員的最常用網(wǎng)站之一。

訪問(wèn) github.com，點(diǎn)擊右上角的“Sign up”：

來(lái)到一個(gè)很酷的注冊(cè)界面（背景星空會(huì)動(dòng)）！

按照提示，輸入郵箱地址、設(shè)置密碼，然后設(shè)定一個(gè) ID（支持字母、數(shù)字和 “-“ 符號(hào)）。

這個(gè) ID 要謹(jǐn)慎選擇，因?yàn)闀?huì)出現(xiàn)在個(gè)人網(wǎng)站的域名中。作為演示，我這里用了”test-user-2022“，那么最終的個(gè)人網(wǎng)站地址就會(huì)是 http://test-user-2022.github.io：

然后會(huì)有個(gè)用戶校驗(yàn)（在一堆圖像里挑指定的），完成后會(huì)給你的郵箱發(fā)個(gè)驗(yàn)證碼。輸入驗(yàn)證碼，賬戶就創(chuàng)建完成啦 。

默認(rèn)進(jìn)入下面這個(gè)頁(yè)面，會(huì)問(wèn)你一些問(wèn)題。不想回答的話，直接點(diǎn)擊最下面的跳過(guò)就行

2.創(chuàng)建指定倉(cāng)庫(kù)

點(diǎn)擊右上角的用戶頭像，在下拉框中選擇“Your repositories”（倉(cāng)庫(kù)列表）。

如果是新注冊(cè)的賬戶，列表為空。點(diǎn)擊“New”按鈕：

在接下來(lái)的頁(yè)面里，在 “Repository name”一欄下輸入“[你的ID].github.io”作為倉(cāng)庫(kù)名稱。

比如，我這里的 ID 是 test-user-2022，所以就輸入 http://test-user-2022.github.io。

然后點(diǎn)擊最下方的 “Create repository”：

3. 選擇主題

上一步的倉(cāng)庫(kù)創(chuàng)建成功后，會(huì)自動(dòng)跳轉(zhuǎn)到新創(chuàng)建的倉(cāng)庫(kù)。

可以看到一堆操作指引，不用管它。點(diǎn)擊“Settings”：

在倉(cāng)庫(kù)設(shè)置頁(yè)，點(diǎn)擊左側(cè)導(dǎo)航欄的“Pages”：

點(diǎn)擊“Choose a theme”，為你的個(gè)人網(wǎng)站選擇一個(gè)主題：

GitHub Pages 提供了 12 個(gè)可選主題。選好后點(diǎn)擊“Select theme”即可：

（如果你在開(kāi)頭點(diǎn)進(jìn)去看了我的個(gè)人網(wǎng)站，會(huì)發(fā)現(xiàn)我用的就是默認(rèn)的 Cayman 主題。）

4. 發(fā)布并查看網(wǎng)站

主題選好之后，會(huì)來(lái)到下面這個(gè)頁(yè)面。

GitHub 會(huì)默認(rèn)生成一些文本，點(diǎn)擊“Preview”可以查看效果：

這里使用的是一種叫做“Markdown”的語(yǔ)法，學(xué)習(xí)門檻不高，程序員一般都非常熟悉。

你可以先不用管它，點(diǎn)擊頁(yè)面最下方的“Commit changes”按鈕，先把網(wǎng)站發(fā)布出去再說(shuō)！反正回頭隨時(shí)可以來(lái)改：

確認(rèn)發(fā)布之后，會(huì)跳轉(zhuǎn)到倉(cāng)庫(kù)中剛剛生成的“index.md”文件：

現(xiàn)在可以訪問(wèn)你的個(gè)人網(wǎng)站了！還是在倉(cāng)庫(kù)的 “Settings” - “Pages” 頁(yè)面，可以看到網(wǎng)站已經(jīng)發(fā)布（發(fā)布網(wǎng)站大概需要一兩分鐘）：

網(wǎng)址的格式就是“[你的ID].github.io”，和倉(cāng)庫(kù)名相同。

訪問(wèn)效果：

5. 編輯網(wǎng)站內(nèi)容

當(dāng)然，這時(shí)展示的還是 GitHub 默認(rèn)生成的文本，需要替換成你自己的內(nèi)容。

如何編輯呢？用 GitHub 提供的網(wǎng)頁(yè)編輯器就行。

在剛才的“index.md”文件頁(yè)面，點(diǎn)擊修改圖標(biāo)：

然后在編輯器里用 markdown 語(yǔ)法修改內(nèi)容就可以了。

markdown 語(yǔ)法不難。舉幾個(gè)最常用的語(yǔ)法：

• “#” 代表一級(jí)標(biāo)題，“##” 是二級(jí)標(biāo)題，以此類推；
• “-” 是列表項(xiàng)；
• 超鏈接的格式是“[文字](鏈接)”；

此外，如果需要用到圖片，直接把圖片往編輯器里拖拽即可。

修改后，還是先點(diǎn)擊“Preview”預(yù)覽。

如果沒(méi)問(wèn)題，點(diǎn)擊頁(yè)面最下方的“Commit changes”，一兩分鐘后就能看到更新后的個(gè)人網(wǎng)站啦~

---

上面的“test-user-2022”是我為了演示臨時(shí)創(chuàng)建的用戶。我個(gè)人網(wǎng)站的實(shí)際倉(cāng)庫(kù)是 https://github.com/chen-ni/chen-ni.github.io，供大家參考。

我只做了一個(gè)非常簡(jiǎn)單的單頁(yè)面?zhèn)€人網(wǎng)站，因?yàn)橐呀?jīng)夠用了。如果需要，你也可以把它做得很復(fù)雜，而不是用現(xiàn)成的主題——但這個(gè)就不在本文討論范圍之內(nèi)啦。