從零開始用github page搭建個人網(wǎng)站

1.進(jìn)入github官網(wǎng),創(chuàng)建github帳號

github官網(wǎng)地址https://github.com/,點擊左上角的注冊按鈕,進(jìn)入注冊頁面,填寫郵箱號和密碼進(jìn)行注冊。

注冊.png

2. fork我的項目,然后再重命名為username.github.io,這個username為你的github帳號名。

項目地址:https://github.com/tang119/tang119.github.io

image.png

image.png

項目列表.png

重命名.png

重命名后,網(wǎng)址輸入https://nunuofficial.github.io/job/就可以看到你的網(wǎng)站了,當(dāng)然你想要換個模板,換個地址都是可以的,下面我會介紹。
image.png

3.不選擇fork也可以自己新建名為username.github.io的項目。

username為github的帳號名稱。建好這個項目后,只需要往里放一個index.html,打開https://username.github.io/就可以看到頁面啦。具體怎么去上傳代碼有幾種方法,下面再介紹。

新建1.png

新建2.png

注意:如果https://username.github.io/顯示404,可能是還沒更新,等10分鐘再試試

4. 管理代碼

安裝github桌面版,方便上傳最新的代碼
下載地址:https://desktop.github.com/

image.png

下面演示的圖片用到的是我自己的帳號。
具體看下怎么管理代碼就可以啦。
登錄github帳號
登錄.png

本地關(guān)聯(lián)github倉庫

  • 進(jìn)入放代碼的目錄
    f:
    cd f:\github\tang110/github.io
  • 初始化git版本
    git init
  • 'https://github.com/tang119/tang119.github.io'要修改為你自己的地址。
    git remote add origin https://github.com/tang119/tang119.github.io
    如果出現(xiàn)錯誤:fatal: remote origin already exists,則執(zhí)行以下語句:
    $ git remote rm origin
  • 拉取遠(yuǎn)程版本
    git pull origin master
    image.png

本地把代碼拉下來后,用github桌面版進(jìn)行管理,路徑就選為剛剛新建的目錄。


image.png

給代碼做下修改


image.png

github桌面版識別到修改的內(nèi)容,選擇修改的內(nèi)容,commit

image.png

commit后還需要publish branch才會提交到遠(yuǎn)程庫
image.png

顯示為Fetch origin就是提交成功啦
image.png

就可以到https://github.com/tang119/tang119.github.io刷新看代碼是否已提交
image.png

最后輸入網(wǎng)址'https://tang119.github.io/test/’看是否可以顯示剛剛提交的內(nèi)容。看到提交的內(nèi)容已經(jīng)生效了,現(xiàn)在是不是學(xué)會管理github上的代碼了呢,那么你可以隨意更改tang119.github.io項目中的內(nèi)容,自定義模板,都可以在https://tang119.github.io中生效,最簡單是進(jìn)入http://www.cssmoban.com/模板之家,選擇自己喜歡的模板,修改一下文字,就有了自己的網(wǎng)站了。也可以直接在我的模板上修改~

image.png

下面介紹一下不下載github桌面版怎么管理倉庫

進(jìn)入項目目錄

  • 添加所以改動的文件
    git add .
  • 提交修改
    `git commit -m "test1"
  • 上傳修改
    git push origin master
  • 輸入用戶名和密碼就提交成功了


    image.png

更加詳細(xì)的管理倉庫的指令和遇到的問題可以看我這篇博客:https://github.com/tang119/blog/issues/10,包含了關(guān)聯(lián)ssh,新建ssh的方法

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容