1. 程式人生 > >將自己的部落格推送到GitHub並繫結域名

將自己的部落格推送到GitHub並繫結域名

GitHub相關設定

註冊GitHub賬號,開啟GitHub,點選右上角sign up註冊個人賬號,SSH key配置步驟如下:

  1. 新建SSH Key

    • 在桌面右鍵選擇git bash here
    • 建立本地ssh key,輸入以下命令:

      1
      
      ssh-keygen -t rsa -C "郵箱"
      

      回車,然後記錄下SSH的預設儲存路徑

    • 後續一路回車,直到出現很多泡沫的圖案
    • 開啟SSH預設儲存路徑,找到id_rsa.pub檔案,複製檔案裡面的內容
  2. 新增SSH Key到GitHub
    • 點選頭像右側倒三角,選擇settings按鈕
    • 選擇左側SSH and GPK Keys
    • 點選右側 新增SSH key按鈕,title隨意,下方貼上建立好的SSH Key
    • 點選下方create ssh按鈕
  3. 驗證SSH Key

    • 命令列輸入

      1
      
      ssh -T [email protected]
      

      回車,如果是第一次會提示是否continue,輸入yes就會看到:You`ve successfully…就表示成功連線上github

    • 驗證github使用者名稱

      1
      
      git config --global user.name "使用者名稱"
      
    • 驗證郵箱

      1
      
      git config --global user.email "郵箱"
      
  4. 測試github本地連線

    • 在github主頁頭像左側點選加號按鈕,選擇new repository
    • 建立一個倉庫,取名隨意,如:abc
    • 建立成功後,進入倉庫介面,複製提示程式碼

      1
      2
      3
      4
      5
      6
      
      echo "# abc" >> README.md
      git init
      git add 檔名
      git commit -m "檔案描述"
      git remote add origin [email protected]:Crystal-Zx/abc.git
      git push -u origin master
      

      注:第二次及以後的上傳只需要輸入3、4、6步程式碼即可.

  5. 在桌面建立任意資料夾並開啟
  6. 右鍵git bash here
  7. 右鍵paste剛才複製的程式碼回車
  8. 彈出框內根據提示登入github賬號
  9. 個別情況下需要在命令列視窗驗證github使用者名稱
  10. 重新整理github的abc倉庫,如果檔案存在,則證明連線無誤,否則刪除資料夾內所有檔案,重複上述5~9步驟的操作

推送本地部落格到GitHub

配置hexo的_config.yml檔案

  1. 新建一個倉庫repository,名字格式為:使用者名稱.github.io
  2. 開啟vscode,找到部落格的配置檔案_config.yml填寫其最下面的deploy中的type和repository

    1
    2
    3
    
    deploy:
      type: git
      repository: https://github.com/Crystal-Zx/Crystal-Zx.github.io
    
    • 其中,type為git;repository為第1步中新建倉庫的地址(瀏覽器位址列裡複製)
    • 填好之後必須先儲存
  3. 安裝依賴包(只需操作一次):在部落格所在路徑開啟命令列並輸入npm install hexo-deployer-git –save
    • –save指安全模式,在安全模式下,不會載入外掛和指令碼。當您在安裝新外掛遭遇問題時,可以嘗試以安全模式重新執行。
  4. 編譯檔案hexo g
    • hexo generate生成靜態檔案
    • 一定要在編譯前先儲存,特別是修改了配置檔案之後先儲存再編譯
  5. 部署網站hexo d
    • hexo deploy檔案生成後立即部署網站
  6. 如遇問題,可以清除快取hexo clean,之後重新執行命令
    • 清除快取檔案 (db.json) 和已生成的靜態檔案 (public)。
    • 在某些情況(尤其是更換主題後),如果發現您對站點的更改無論如何也不生效,您可能需要執行該命令。

域名繫結部落格

  1. 開啟vscode,在最外層的source資料夾右鍵新建檔案,檔名為CNAME
  2. 在第5步中新建的CNAME檔案(不帶字尾名)中填寫購買的域名,格式形如:baidu.com即可

阿里雲域名解析

  1. 開啟阿里雲網站登入賬號,進入域名介面
  2. 選擇自己購買的域名,選擇右側的解析
  3. 如果解析設定頁面有記錄,刪除所有記錄
  4. 右側新增記錄,一共新增三個:
記錄型別 主機記錄 解析線路 記錄值
A @ 預設 192.30.252.153
A @ 預設 192.30.252.154
CNAME www 預設 crystal-zx.github.io