vuePress自動部署到Github Page腳本踩坑

背景

照着官網的教程來就好了,踩了個小坑,記錄一下,但願對你有幫助
這是部署後的效果html

小坑1

如圖所示,官網推薦部署命令

然而windows 沒有bash 指令, 直接運行報錯

兩個解決方法:vue

  • 項目根文件夾右鍵 gitBash here , 而後輸入bash deploy.sh
  • 直接雙擊deploy.sh文件

小坑2(部分人會踩)

deploy.sh文件照官方配置沒問題,可是如圖所示

最後push的時候有個坑,若是你的項目是用ssh 克隆下來的就沒問題,

若是你是用https 克隆下來的會要求你輸入用戶名和密碼

不少新手圖簡單都習慣用https 克隆項目, 包括我😂

因此,做爲一個專業的coder,咱們最好配一下ssh ,配置完之後從新用ssh克隆下項目,雙擊deploy.sh就能夠自動部署了git

番外(配置ssh)

  1. 檢查是否有SSH key
cd ~/.ssh
ls
  1. ls是列出全部文件,看有沒有id_rsa 和 id_rsa_pub
  2. 若是有跳過生成密鑰這一步
  3. 生成密鑰
ssh-keygen -t rsa -C "你的郵箱地址"

一路回車github

  • 添加密鑰到ssh-agent
    先確保ssh-agent是有用的
eval "$(ssh-agent -s)"

添加生成的 SSH key 到 ssh-agentwindows

ssh-add ~/.ssh/id_rsa

+登陸github , 點擊右上角你的頭像下拉的settings,點擊settings裏左側菜單SSH and GPG keys
點擊new SSH key按鈕,把id_rsa_pub裏的內容複製進去bash

+測試ssh

ssh -T git@github.com

若是看到Hi後面是你的用戶名,就說明成功了。ide

+本身寫了一個vuepress的博皮,還很簡陋,歡迎試用及提出你的寶貴建議, 項目地址測試

相關文章
相關標籤/搜索