gitpages是一種基于Github的個人網站托管服務,在上面搭建Vue應用可以使得個人網站訪問更加高效美觀。本文將介紹如何在Gitpages上發布Vue的build文件。
首先我們需要安裝Vue腳手架,打開命令行界面,輸入以下命令:
npm install -g vue-cli
安裝成功后,使用Vue-cli工具創建一個Vue項目,打開命令行,輸入以下命令:
vue create your-project-name
然后跟著提示進行選擇,選擇完畢后,切換到項目目錄下,在終端中輸入以下命令:
npm run build
build命令會在項目根目錄下生成一個/dist文件夾,包含了編譯好的Html、CSS和JavaScript代碼。我們需要把該文件夾上傳到Github倉庫的master分支下。 在github上創建一個倉庫,把/src文件夾下的文件從本地上傳到該倉庫的master分支下。
然后我們需要在倉庫的Settings頁面中找到GitHub Pages,選擇none ->master branch ->Save,Github將自動為我們生成一個網址,即我們的個人網站鏈接,等待幾分鐘之后,我們的個人網站就部署完成了。
如果每次改完代碼要重新執行npm run build并且上傳dist文件夾比較繁瑣,我們可以通過travis-ci來實現自動化部署。具體操作步驟可以參考:Travis CI
上一篇css 超出 省略
下一篇css 調整字體格式化