一、准备工作

1. 下载并安装 HBuilderX

  1. 访问 HBuilderX 官网。
  2. 下载适合你操作系统的版本（Windows/macOS）。
  3. 安装并启动 HBuilderX。

2. 生成个人签名证书

在使用 HBuilderX 打包应用时，需要生成个人签名证书。如果你不想下载 JDK 1.8 版本，可以使用 MockLib - Android证书 在线生成个人签名证书。在线生成证书的步骤如下：

  1. 访问 MockLib 网站：打开 MockLib - Android证书 页面。
  2. 填写证书信息：按照页面提示填写相关信息，如证书别名、密码、个人信息等。
  3. 生成证书：点击“生成证书”按钮，系统会生成签名证书。
  4. 下载证书：生成的证书文件在服务器上只保留 5 分钟，请尽快下载并保存到安全的位置。

注意：在线生成证书虽然方便，但需要注意安全性。建议在生成证书后，立即将证书文件保存到本地，并使用强密码保护。

二、创建项目

1. 创建「5+ App」项目

  1. 打开 HBuilderX，点击菜单 文件 → 新建 → 项目。
  2. 选择 5+ App，然后选择 空模板。
  3. 输入项目名称（如 MyHexoApp），选择项目保存路径，点击 创建。

2. 修改项目内容

  1. 在项目目录中找到 www 文件夹，这是项目的核心目录。

  2. 打开 www/index.html，将其内容替换为以下代码：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>我的 Hexo 应用</title>
        <script>
          // 自动跳转到你的 Hexo 网站
          window.location.href = "https://your-hexo-site.com";
        </script>
      </head>
      <body>
        <!-- 如果跳转失败，显示提示信息 -->
        <p>正在跳转，请稍候...</p>
      </body>
    </html>
    • 将 https://your-hexo-site.com 替换为你的 Hexo 网站地址。

三、配置应用基本信息

  1. 在项目根目录下找到并打开 manifest.json 文件。

  2. 修改应用的基本信息，例如：

    • 应用名称：name
    • 应用图标：icons
    • 启动页：splashscreen
    • 权限配置：permissions

  3. 示例配置：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    {
      "name": "我的 Hexo 应用",
      "appid": "__UNI__XXXXXX",
      "description": "基于 Hexo 的个人网站应用",
      "icons": [
        {
          "src": "static/logo.png",
          "sizes": "192x192"
        }
      ],
      "splashscreen": {
        "autoclose": true,
        "waiting": true
      },
      "permissions": {
        "Internet": {}
      }
    }

四、打包生成安装包

  1. 点击 HBuilderX 顶部菜单 发行 → 原生 App-云打包。
  2. 在弹出的窗口中选择打包平台：
    • Android：生成 .apk 文件。
    • iOS：生成 .ipa 文件（需要苹果开发者账号）。
  3. 配置打包选项：
    • 包名：如 com.example.myhexoapp。
    • 证书：如果是测试，可以选择「使用公共测试证书」；如果是正式发布，需要配置自己的签名证书。
  4. 点击 打包，等待打包完成。

五、下载并安装应用

  1. 打包完成后，HBuilderX 会生成一个下载链接。
  2. 点击链接下载安装包（.apk 或 .ipa）。
  3. 将安装包发送到手机并安装：
    • Android：直接安装 .apk 文件。
    • iOS：需要通过 TestFlight 或企业证书安装。