GitHub倉庫實現CICD快樂的總結嚶嚶嚶

引言

今天超級開心，和肥宅學長一起約了一波學習，教了我很多東西啦，由於高年級研討需要演示一下五子棋的項目，所以我需要找個可以在線演示的地方，於是我放到了github.io上面，但是由於某路徑問題，實在是很難受決定將打包好的東西放好另外一個倉庫中單獨演示，這時候就會發現一個很嚴重的問題，我每次更新都需要再同步更新一下另一個倉庫中只放打包好的代碼，嚶嚶嚶太難受了吧，於是我準備開始使用CICD

首先我們需要準備

這是我們需要部署的網站，傳送門，這個對於GitHub上面的項目十分友好，我們可以直接使用GitHub賬號登陸，然後同步更新你GitHub上面的倉庫，方便後面進行部署。

繼續部署啦

• 我們需要在剛剛的傳送門上面登錄我們自己的GitHub賬號，此時我們可以發現，他幫我們同步更新了我們的GitHub倉庫（很是開心）
• 我們需要在我們的項目裏面創建我們的.travis.yml文件，在裏面寫上我們的配置，（每個項目的都不一樣，具體寫法可以參考一下阮一峯的文章，創建並且書寫完之後便可以push到GitHub倉庫裏面去了。
  
  注意：如果我們的.travis.yml文件裏面有需要token的地方，我們需要在GitHub上面生成一個，具體是Settings → Developer settings → Personal access tokens → Generate new token 即可~~
  
• 在我們傳送門的Repositories下面將我們需要使用CICD的開關打開。
  
• 這個時候我們再有所改動並且push上了GitHub倉庫的話，就可以自動幫我們修改另一個倉庫打包好的文件，也就實現了我們的自動部署了。

最後說說

最後說一下，因爲自己也是一隻小菜雞，而且整個配置流程都是根據自己的需求，通過學長的指導一路有點磕磕碰碰來的，所以可能寫的不是很詳細，有什麼問題大家可以評論指出，我一定會竭盡所能給大家回答，愛你萌~~~

補充

補充一下怎麼將倉庫代碼弄到線上去，其實GitHub真的是個好東西，它的每個倉庫都有設置，也就是Settings → GitHub Pages 我們選擇一個分支，然後打開他的開關就好了，然後我們打開他給出的url就可以線上訪問我們的倉庫了，我們一般需要訪問的都是打包過後的文件,所以一般都會在後面加一個/dist（每個人打包出來文件名可能有所不同），然後就可以線上訪問運行的項目啦（★,°:.☆(￣▽￣)/$:.°★ 。）

有個問題：其實現在大家的前端都已經工程化了，所以都是各種各樣的框架打包出來的代碼，有時候打包出來的代碼可能在線上會因爲各種各樣的路徑問題而無法正常訪問我們的項目（比如我的很多文件就是/a.js，這樣就直接從項目根目錄找了，然後就導致找不到我的資源，小聲BB因爲也不知道對不對，到時候得空再去好好研究研究），這也就是我把打包好的目錄放到一個單獨的倉庫的原因，嚶嚶嚶，這時候CICD就顯得尤爲重要了，不然整個人在開發過程中都感覺切換來切換去十分地愚笨。

總之CICD很不錯啦，值得大家去學習學習，今天就到這裏了，該睡覺了，嚶嚶嚶，大家晚安，注意休息~~