将任意应用部署到 GitHub Pages
内容提要
GitHub Pages是一个用于托管网站和项目的平台,本文介绍了如何在主分支中管理应用程序,并轻松地将代码部署到gh-pages分支。可以选择React、Vue、Gatsby、Next、Nuxt、Gridsome等前端框架,在主分支中构建应用程序,并使用npm run build命令构建代码,然后直接在gh-pages分支上托管。最快的方法是使用gh-pages包。通过npm i gh-pages -D或npm i gh-pages -g安装包,并将简单的脚本添加到package.json中。运行npm run deploy命令将构建文件夹的内容推送到存储库的gh-pages分支。如果要创建用户页面,请创建一个名为username.github.io的存储库,并在该分支中构建应用程序。在部署应用程序时,使用gh-pages命令将构建文件夹的内容推送到gh-pages分支。如果源代码位于私有存储库中,可以创建一个名为about的公共存储库,源代码将驻留在私有存储库中,构建生成的静态内容将放入公共存储库。可以使用不同的选项来自定义gh-pages包的行为,如包含dotfiles、更改提交消息等。
关键要点
-
GitHub Pages是一个用于托管网站和项目的平台。
-
可以选择React、Vue、Gatsby、Next、Nuxt、Gridsome等前端框架在主分支中构建应用程序。
-
使用npm run build命令构建代码,并直接在gh-pages分支上托管。
-
最快的方法是使用gh-pages包,通过npm i gh-pages -D或npm i gh-pages -g安装。
-
在package.json中添加简单的脚本,运行npm run deploy命令将构建文件夹的内容推送到gh-pages分支。
-
创建用户页面时,需创建名为username.github.io的存储库,并在该分支中构建应用程序。
-
如果源代码位于私有存储库中,可以创建一个名为about的公共存储库,静态内容将放入公共存储库。
-
可以使用不同的选项来自定义gh-pages包的行为,如包含dotfiles和更改提交消息。