gitpages是一種基于Github的個(gè)人網(wǎng)站托管服務(wù)，在上面搭建Vue應(yīng)用可以使得個(gè)人網(wǎng)站訪問更加高效美觀。本文將介紹如何在Gitpages上發(fā)布Vue的build文件。

首先我們需要安裝Vue腳手架，打開命令行界面，輸入以下命令：

npm install -g vue-cli

安裝成功后，使用Vue-cli工具創(chuàng)建一個(gè)Vue項(xiàng)目，打開命令行，輸入以下命令：

vue create your-project-name

然后跟著提示進(jìn)行選擇，選擇完畢后，切換到項(xiàng)目目錄下，在終端中輸入以下命令：

npm run build

build命令會(huì)在項(xiàng)目根目錄下生成一個(gè)/dist文件夾，包含了編譯好的Html、CSS和JavaScript代碼。我們需要把該文件夾上傳到Github倉庫的master分支下。 在github上創(chuàng)建一個(gè)倉庫，把/src文件夾下的文件從本地上傳到該倉庫的master分支下。

然后我們需要在倉庫的Settings頁面中找到GitHub Pages，選擇none ->master branch ->Save，Github將自動(dòng)為我們生成一個(gè)網(wǎng)址，即我們的個(gè)人網(wǎng)站鏈接，等待幾分鐘之后，我們的個(gè)人網(wǎng)站就部署完成了。

如果每次改完代碼要重新執(zhí)行npm run build并且上傳dist文件夾比較繁瑣，我們可以通過travis-ci來實(shí)現(xiàn)自動(dòng)化部署。具體操作步驟可以參考:Travis CI