如何十分鐘從零開(kāi)始，永久免費(fèi)創(chuàng)建你的個(gè)人導(dǎo)航網(wǎng)站或主頁(yè)【GitHub版本】

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

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

第一次自己用心想好好寫這么一篇文章，
想把自己這方面的經(jīng)驗(yàn)分享給大家，
雖然沒(méi)有什么技術(shù)含量，
但如果不好好捋一下還是有點(diǎn)麻煩，
如有不足之處請(qǐng)大家指出。

唯一需要大家略微掌握的就是HTML語(yǔ)言，
我希望不會(huì)因?yàn)樯厦孢@句話勸退一部分感興趣的人，
因?yàn)榛A(chǔ)HTML真的是簡(jiǎn)單的不能再簡(jiǎn)單了，
肯花時(shí)間B站了解10分鐘完全足夠初步制作出你的網(wǎng)站，
當(dāng)然，如果您覺(jué)得我的網(wǎng)站還不錯(cuò)，那您可以直接用我的源碼。

此方法為完全可自定義網(wǎng)站源碼，
不需要任何虛擬主機(jī)，不需要服務(wù)器，不需要域名等。

目前提供的是使用GitHub的方式，
網(wǎng)站打不開(kāi)的可以看完本帖，或嘗試下文3.2里面的GitHub加速工具，
或以同樣的方式使用Gitee建站，
我會(huì)在空余時(shí)間再開(kāi)個(gè)Gitee方式建站的文章。

那么，我們開(kāi)始啦。

---

1.擁有一個(gè)你自己的GitHub賬號(hào)。

https://github.com/join?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F&source=header-home
這是創(chuàng)建賬號(hào)鏈接，有賬號(hào)的略過(guò)。

2.【重點(diǎn)】創(chuàng)建一個(gè)你的GitHub倉(cāng)庫(kù)。
登陸你的GitHub賬號(hào)，如圖點(diǎn)擊New新建打開(kāi)倉(cāng)庫(kù)新建頁(yè)面。

倉(cāng)庫(kù)名必須按照?qǐng)D片指示創(chuàng)建，重要，重要，重要?！灸愕挠脩裘?http://github.io】

確認(rèn)創(chuàng)建你的倉(cāng)庫(kù)

3.上傳你的網(wǎng)站源碼。

網(wǎng)站只支持靜態(tài)HTML，所以通常都會(huì)建立自己的導(dǎo)航網(wǎng)站，或個(gè)人主頁(yè)，求職主頁(yè)。

如果你喜歡我的網(wǎng)站可以直接上傳使用我的網(wǎng)站的源碼，
我會(huì)在后面的說(shuō)明里附上我網(wǎng)站的GitHub源碼地址以及網(wǎng)站Demo，
你也可以百度自己喜歡的HTML源碼，修改后上傳。

下面我著重講一下究竟要怎么上傳你的源碼，
因?yàn)镚itHub官網(wǎng)不支持上傳文件夾功能，
所以我們通常會(huì)使用Git工具，
Git工具需要學(xué)習(xí)很多復(fù)雜命令，
對(duì)GitHub了解很深才可以熟練使用，
如果你只是想快速簡(jiǎn)單擁有一個(gè)你自己的網(wǎng)站，
那我不推薦你直接百度查找使用Git工具。
當(dāng)然Git工具已經(jīng)出了gui桌面版，但是沒(méi)有漢化，對(duì)新手也很不友好。
我會(huì)在后面附上gui桌面版鏈接，大家可以自己研究。
當(dāng)然GitHub老鳥(niǎo)略過(guò)。

3.1【可以直接看3.2】【GitHub網(wǎng)站的基礎(chǔ)操作】
下面我教大家怎么使用最簡(jiǎn)單，最直接的笨辦法，上傳你文件夾里的源碼。

1.我們先點(diǎn)擊【Add file】選擇【Upload files】，上傳你網(wǎng)站里根目錄下的文件（無(wú)法包含文件夾），上傳完畢后點(diǎn)擊【Commit changes】確認(rèn)



2.【容易弄錯(cuò)的地方】如何笨辦法在倉(cāng)庫(kù)新建文件夾，再在倉(cāng)庫(kù)新建文件夾內(nèi)上傳你文件夾里的源碼文件。
我們先點(diǎn)擊【Add file】選擇【Create new file】，然后在輸入框里輸入文件夾名字加“/”。


比方說(shuō)你源碼根目錄下有個(gè)文件夾1，文件夾1里面有個(gè)文件夾2，文件夾2里面有個(gè)文件1，這樣你的輸入就是（文件夾1/文件夾2/文件1），然后點(diǎn)擊最下面綠色按鈕確認(rèn)。
我個(gè)人建議最后這個(gè)文件1你可以在GitHub里隨便起名創(chuàng)建一個(gè)空文件，然后再文件夾里上傳你的文件，然后再把文件1刪掉。
如果你不創(chuàng)建一個(gè)空文件點(diǎn)確認(rèn)，是無(wú)法創(chuàng)建文件夾的。
然后可以通過(guò)這種笨辦法一步一步把你需要的文件全部上傳進(jìn)去。

3.2【如何完整上傳你的代碼，操作簡(jiǎn)單，全英文軟件】下面我教大家怎么使用聰明，最快速的辦法，上傳你文件夾里的源碼。

使用Git gui桌面工具一下完全上傳你的源碼，工具地址：https://desktop.github.com/
無(wú)腦下一步安裝完畢后，打開(kāi)軟件，登陸你的GitHub賬號(hào)，選擇你的倉(cāng)庫(kù)。

上面這步操作完畢后，你要把源碼文件放入上圖的本地文件夾內(nèi)，注意上圖的文件夾是倉(cāng)庫(kù)根目錄，不要把你源碼打包成一個(gè)文件夾又放進(jìn)去。

上傳報(bào)錯(cuò)可以使用這個(gè)工具，GitHub邊車輔助DevSidecar，加速訪問(wèn)GitHub，
工具鏈接：https://github.com/docmirror/dev-sidecar/releases

4.最后一步，開(kāi)通你的網(wǎng)站

在GitHub網(wǎng)站你的倉(cāng)庫(kù)頁(yè)面下點(diǎn)擊【Settings】

然后直接下拉找到【GitHub Pages】后如圖設(shè)置即可

5.打開(kāi)你的網(wǎng)址分享給好友訪問(wèn)吧！

【https://你的用戶名.github.io/】

---

最后的說(shuō)明
網(wǎng)站只能是使用靜態(tài)的HTML網(wǎng)站，這個(gè)大家要注意，
如果大家只是看了我的標(biāo)題想做一個(gè)導(dǎo)航網(wǎng)站，那大家可以使用我的源碼。
一言、和風(fēng)天氣的api建議大家自己注冊(cè)換成自己的，每個(gè)注冊(cè)的人有每日免費(fèi)使用次數(shù)，
我的大家一起用可能最后都顯示不出來(lái)了。
源碼
導(dǎo)航網(wǎng)站源碼：https://github.com/liutongxu/liutongxu.github.io
藍(lán)奏云源碼下載鏈接：https://tongxu.lanzous.com/iK5R2nq0ove
DEMO
所長(zhǎng)導(dǎo)航：https://liutongxu.github.io/

我的導(dǎo)航網(wǎng)站做了手機(jī)電腦自適應(yīng)，大家喜歡可以直接使用我的源碼。
網(wǎng)站建立好了以后，自己把想改的地方怎么改都行，實(shí)在不會(huì)的去B站看10分鐘HTML課程也就知道怎么改了。
也可以在網(wǎng)絡(luò)上找各種自己喜歡的html源碼加進(jìn)去都行。


還有我看好多人提出使用Gitee平臺(tái)上傳網(wǎng)站，

這當(dāng)然可以，在中華因?yàn)槟承┰騁itee比GitHub速度快的不是一點(diǎn)半點(diǎn)，而且我們也有責(zé)任支持Gitee的發(fā)展。

但現(xiàn)在GitHub擁有的巨大且日趨完備的開(kāi)發(fā)生態(tài)，這是目前Gitee所無(wú)法比擬的，如果大家通過(guò)本貼學(xué)會(huì)GitHub的操作，那Gitee也自然全懂了。