简介
ghpages 是一个 NPM 包，可以将 Github 上的项目自动发布到 Github Pages 上，方便项目的展示与分享。其中，Github Pages 是 Github 提供的一项免费的个人或组织的静态网站托管服务，可以轻松地将项目展示出来，访问简单方便。
安装
首先，需要先安装 ghpages，可以使用以下命令进行安装：
npm install ghpages --save-dev
使用
接下来，我们就可以使用 ghpages 将项目自动发布到 Github Pages 上。使用 ghpages 需要涉及两个步骤：一是将项目打包成静态网站，二是将打包好的静态网站发布到 Github Pages 上。
打包项目
针对不同的项目，在打包前，需要进行不同的打包方式生成对应的静态文件，例如 Webpack 打包 React 项目。
npm run build如果当前项目已经包含了静态文件，则不需要再执行打包操作。
发布到 Github Pages 上
执行以下命令可以将静态文件发布到 Github Pages 上：
npx gh-pages -d build
其中，-d 表示需要发布的静态文件夹，根据实际情况进行更改即可。 如果需要使用脚本发布，则可以在 package.json 中的 scripts 中添加下面的脚本：
"deploy": "gh-pages -d build"
执行以下命令即可发布到 Github Pages 上：
npm run deploy示例代码
React 项目发布
代码片段（package.json）：
-- -------------------- ---- ------- - ------- ----------- ---------- - -------- -------------- ------- -------- -------------- ------- --------- --------- -- ------- ------- -------------- ------ -------- -------------- ------ -- --------------- - -------- ----------- ------------ ----------- ---------------- ------- -- ------------------ - ----------- -------- - -展开代码
在完成项目配置后，执行以下命令即可将打包好的项目发布到 Github Pages 上：
npm run deploy结语
以上是 npm 包 ghpages 的使用教程，可以方便地将项目发布到 Github Pages 上。在具体使用中，需要结合项目实际情况进行修改，以达到更好的效果。同时，这也有助于学习和理解前端中的打包和发布等相关技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/55229
