在GitHub上搭建自己的個人主頁

準備工作:

webpack + vue-cli = demo;

開始:

1.打包自己的項目,npm run build

生成dist文件夾及文件:如

2.打開index.html做一些小修改:

在所有static路徑前加上 .

3.進入GitHub官網

選擇Repositories 點擊New

在輸入框內輸入 <username>.http://github.io

<username>是你的用戶名,

點擊下方創建

創建後生成一個地址:

https://github.com/<username>/<username>.github.io.git

4.在任意地方新建一個文件夾:如

我在D盤下新建

點擊進入文件夾後,

右鍵選擇Git Bash Here (首先得有Git終端)

打開後輸入:

git clone https://github.com/<username>/<username>.github.io.git

然後生成一個文件夾為: <username>.http://github.io

進入此文件夾.

5.將你的項目文件放到此文件夾下:

比如我放了上文的 static文件夾 和 index.html文件

在此文件夾下右鍵選擇 Git Bash Here

依此輸入:

git add .

git commit -m "注釋"

git push

等待幾秒

提示Username for https://github.com :

請輸入你的用戶名

等待幾秒

輸入你的密碼

如果git push 後沒有提示,等待就好了,不會有提示了!

完成!

地址欄輸入:

https://<username>.http://github.io

訪問你的主頁!

看不懂的話,拿出找bug的毅力看!!!堅持就是勝利!!!