在前端开发中，我们经常需要将自己的代码部署到线上展示给用户，以进行测试或展示。这时候一个好用的工具就派上用场了。travis_pages 就是一个非常好的部署工具。它是一个 npm 包，可以将我们的代码部署到 GitHub pages 上，让我们可以很方便地展示我们的项目。
什么是 travis_pages
travis_pages 是一个 npm 包，提供了命令行工具，可以帮助我们将当前目录下的静态文件部署到 GitHub pages 上。通过 travis_pages，我们可以非常方便地将代码部署到指定的仓库中，并且可以通过自定义域名来访问这些文件。
travis_pages 的设计理念是简单高效，适合中小型的部署需求。它不需要前置条件，只需要你具备 GitHub 账号、git 客户端和 npm 环境即可使用。
如何使用 travis_pages
以下是使用 travis_pages 的详细步骤：
1. 安装 travis_pages
我们可以通过 npm 安装 travis_pages，执行以下指令即可：
--- ------- -- ------------
2. 在 GitHub 上创建新的仓库
我们需要在 GitHub 上创建一个新仓库，作为我们的部署目标。注意，在仓库的 Settings - Pages 中，需要将 Source 配置为 master branch，并且设置自己的访问域名。
3. 使用 travis_pages 设置环境变量
为了使用 travis_pages，我们需要设置一些环境变量。在 travis 环境中，我们需要设置如下变量：
GITHUB_REPO：目标仓库的 HTTPS 地址GITHUB_TOKEN：访问目标仓库的 access_token
我们可以通过以下指令获取到 access_token：
---- -- -------- ------------------------------------- -- --------------------------------------------------
其中，username 是您的 GitHub 用户名。执行以上指令后会得到一个 JSON 对象，其中 token 字段的值就是我们需要的 access_token。
4. 执行 travis_pages
在当前终端中，我们执行以下指令：
------------
此时 travis_pages 会自动检测我们的环境变量，并且登录我们的 GitHub 账号。然后我们需要输入我们的 GitHub 密码，以授权给 travis_pages 进行操作。
完成后，travis_pages 就会自动把当前目录下的所有静态文件上传到目标仓库，并将其部署到 GitHub pages 上。
示例代码
以下是一个简单的示例，演示了如何使用 travis_pages 将某目录下的所有静态文件上传到 GitHub pages 上：
-- ------------
-
------- --------
---------- --------
---------- -
--------- --------------
--
--------------- -
--------------- --------
-
-上述代码中包括一个 travis_pages 的依赖和一个 deploy 命令。接着在终端中通过以下命令来执行部署：
--- --- ------
这样，当前目录下的所有静态文件都会被上传到 GitHub pages 上，即可访问。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005590781e8991b448d6608