Hugo博客公告弹窗

使用Pake一键打包网页为桌面应用/客户端

项目

项目:https://github.com/tw93/Pake/

免费ICO图片:https://icon-icons.com/zh/

实例:https://www.123865.com/s/cjqrVv-OjTQd

设置环境

以下教程仅针对windows系统适用

请确保您的 Node.js 版本为 18 或更高版本

文档:https://v1.tauri.app/zh-cn/v1/guides/getting-started/prerequisites/

  1. Microsoft Visual Studio C++ 生成工具

  2. WebView2

  3. Rust(难点)

前面两点容易,难的是安装Rust,原因在于网络互通,因为github,npm默认都是国外的地址,我的方法有两种:

设置代理方法1

1.我使用的是v2rayN 并将监听端口设置为7890,所以,打开cmd,输入以下代码

setx http_proxy "http://127.0.0.1:7891"
setx https_proxy "http://127.0.0.1:7891"

2.https://www.rust-lang.org/tools/install 下载Rust,双击打开,输入序号1安装依赖

Image

Image

方法2:使用winget安装rust

首先安装winget,如果你的系统没有安装winget ,步骤如下:

下载winget

https://github.com/microsoft/winget-cli/releases/download/v1.9.2507/Microsoft.DesktopAppInstaller_8wekyb3d8bbwe.msixbundle

然后打开powershell,导航到下载目录,使用以下命令安装msixbundle文件:

Add-AppxPackage Microsoft.DesktopAppInstaller_8wekyb3d8bbwe.msixbundle

换源

winget source remove msstore
winget source add winget https://cdn.winget.microsoft.com/cache

打开powershell,设置代理:

$env:http_proxy="http://127.0.0.1:7891"
$env:https_proxy="http://127.0.0.1:7891"

最后安装rust

winget install --id Rustlang.Rustup

命令行打包

首先安装pake-cli,步骤:

1.换源(可选)

npm config set registry https://mirrors.huaweicloud.com/repository/npm/

2.安装(必须)

npm install pake-cli -g

3.一键打包,参考如下:

pake https://woniu336.github.io --name blog --icon blog.ico --installer-language zh-CN --show-system-tray --system-tray-icon blog.ico
  • https://woniu336.github.io 打包的网址,前面带http/https
  • blog为程序名称,最好是单个英文,不能有下划线和中文
  • ico文件放在当前目录
  • zh-CN 设置安装程序为中文

更多参数:https://github.com/tw93/Pake/blob/master/bin/README_CN.md

最后,打包成功的文件在命令所在目录,以.msi为后缀

其他命令

清除代理命令,安装成功后可选

setx http_proxy ""
setx https_proxy ""

更新你的 Rust 版本

rustup update

卸载 Rust

rustup self uninstall
CC BY-NC-SA 4.0 转载请注明
最后更新于 2024-11-20 16:13
clarity统计