iMaeGoo | 虹墨的 RSS 预览

基于 7z 的 NAS 到网盘备份解决方案，支持增量、分卷、加密、压缩

2026-02-26 21:44:00

<h2 id="故事背景"><a href="#故事背景" class="headerlink" title="故事背景"></a>故事背景</h2>曾经，我组建了一个极空间的 NAS。往里面塞了两块 12T 的硬盘，将 20 年来的照片，音乐，电影，游戏、代码、文档都导了进去。虽然两块硬盘互为备份的机制一定程度解决了硬盘可能出现的寿命问题，但心里总是没底，毕竟两块硬盘在物理层面是放在一起的，万一出个什么断电或者天灾什么的，两块硬盘一起坏了怎么办？将数据备份到网盘是一个不错的选择。但问题马上出现，NAS 上的文件至少有几十万到上百万，有些文件的目录层级还藏的很深，还有一些超过 10G 的巨型文件。绝大多数网盘都无法处理这种海量文件和巨型文件的情况，另外，照片库是一个非常隐私的东西，我也不想直接把照片传到网盘上，被大数据精准营销，有些文件，比如游戏和电影资源，还可能会直接被网盘封杀，另外，每隔一段时间，我都需要向网盘上传新增的文件，很难整理出哪些文件是新的，将以上问题总结起来就是——<ol><li>要支持海量小文件的备份</li><li>要支持单个过大的文件的备份</li><li>要支持先加密再上传到网盘</li><li>要支持增量备份（你也不想每次备份完都上传几个 T 的文件吧）</li></ol>首先想到的方案是直接通过 7-Zip 分卷加密压缩，但是这样意味着当我想从网盘中取出某一个文件时，必须要把整整 2~3T 的文件全部下下来。后来我了解到了 Duplicati，这也是很多极空间用户的选择。他可以直接通过 Docker 的方式部署在极空间，实现文件的加密备份，你可以手动设置每个备份文件的最大大小，更方便的是需要某个文件时，只需要从网盘下载相关的分卷即可。但使用以后，我又发现以下两个问题——<img src="/gallery/2025/nas-backup/1772113623209.webp"><ol><li>Duplicati 生成的备份文件，必须由 Duplicati 读取，即使它产生的 AES 文件可以通过 AES Crypt 命令行解密，解密后的文件结构也难以恢复，我就是不想绑定这个工具！</li><li>备份文件名是完全随机的 hash 值，难以快速找到某个文件在哪个分卷中。有时出门在外，家里没网，想从网盘找个文件，完全没辙！</li></ol>对此，我想出了以下备份方案——总体思想：保持目录结构的同时，大文件分卷，小文件合并，使用 7-Zip 进行加密压缩<ol><li>递归 NAS 目录，如果目录小于指定的分卷大小，直接整目录压缩为一个文件</li><li>如果目录大于指定的分卷大小，没有子目录，就将整目录分卷压缩</li><li>如果目录大于指定的分卷大小，有子目录，对子目录执行以上判断，对子文件执行分卷压缩</li><li>支持增量备份，每次备份生成文件列表，文件列表中记录有文件的大小和修改时间，根据这两个属性判断文件是否有改动，后续备份只需要将新的备份目录上传到网盘即可，无需重新上传完整的备份</li></ol>这样当我在异地需要从网盘取回某个指定文件时，只需要到对应的目录，下载对应的压缩文件，用 7-Zip 解压，输入密码即可，只需要一个解压软件，其他任何工具都不需要装，是不是非常方便！最近出了一个以 Spec Coding（规约编程）为卖点的 AI IDE 名叫 Kiro，正好拿这个项目试试水！你可以查看 <a href="https://github.com/imaegoo/zbak/blob/main/.kiro/specs/nas-backup-tool/requirements.md">requirements.md</a>、<a href="https://github.com/imaegoo/zbak/blob/main/.kiro/specs/nas-backup-tool/design.md">design.md</a>、<a href="https://github.com/imaegoo/zbak/blob/main/.kiro/specs/nas-backup-tool/tasks.md">tasks.md</a> 来看看 Kiro 是如何从 0 完成整个项目的，真的很强！项目已开源：<a href="https://github.com/imaegoo/zbak">https://github.com/imaegoo/zbak</a>如果你认为这个备份方法适合你，欢迎下载使用！工具现支持命令行调用，也支持 Docker 调用。我是直接在极空间上的 Docker 跑的。<img src="/gallery/2025/nas-backup/1772113365140.webp"><h2 id="工作原理"><a href="#工作原理" class="headerlink" title="工作原理"></a>工作原理</h2><h3 id="备份流程"><a href="#备份流程" class="headerlink" title="备份流程"></a>备份流程</h3><ol><li>增量检测 - 扫描源目录，比对文件索引，识别新增、修改和删除的文件</li><li>智能压缩 - 根据目录大小和结构选择压缩策略：<ul><li>小目录（< 分卷大小）：单文件压缩</li><li>大目录无子目录：分卷压缩</li><li>大目录有子目录：递归处理</li></ul></li><li>并发执行 - 使用工作池并发处理多个压缩任务</li><li>索引更新 - 更新文件索引，记录备份信息</li><li>时间戳管理 - 将备份文件存储在时间戳目录中</li></ol><h3 id="恢复流程"><a href="#恢复流程" class="headerlink" title="恢复流程"></a>恢复流程</h3><ol><li>发现备份 - 扫描时间戳目录，识别所有压缩文件</li><li>按序恢复 - 按时间顺序依次解压备份文件</li><li>覆盖更新 - 新版本文件覆盖旧版本</li><li>删除处理 - 删除索引中标记为已删除的文件</li></ol><h3 id="目录结构"><a href="#目录结构" class="headerlink" title="目录结构"></a>目录结构</h3>备份出来的目录就长这样，保持源目录结构的同时，拆分了大文件，合并了小文件，全部实现加密压缩，每次备份都生成一个时间戳命名的目录。<figure class="highlight plaintext"><table><tr><td class="gutter"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 </pre></td><td class="code"><pre>target_dir/ ├── index.yaml # 文件索引 ├── backup-2024-01-15-10-30-00.log # 备份日志 ├── 2024-01-15-10-30-00/ # 时间戳目录 │ ├── dir1.7z.001 # 小目录压缩 │ ├── dir2/ │ │ ├── files.7z.001 # 目录中的文件 │ │ ├── files.7z.002 │ │ └── subdir1.7z.001 # 子目录压缩 │ └── dir3/ │ ├── subdir1.7z.001 │ └── subdir2.7z.001 └── 2024-01-16-14-20-00/ # 另一个时间戳目录 └── ... </pre></td></tr></table></figure><h2 id="配置说明"><a href="#配置说明" class="headerlink" title="配置说明"></a>配置说明</h2>写个 <code>config.yaml</code> 跟程序放一起就行。<table><thead><tr><th>配置项</th><th>类型</th><th>必需</th><th>说明</th></tr></thead><tbody><tr><td><code>source_dir</code></td><td>string</td><td>是</td><td>需要备份的源目录路径</td></tr><tr><td><code>target_dir</code></td><td>string</td><td>是</td><td>存储备份文件的目标目录路径</td></tr><tr><td><code>volume_size</code></td><td>int64</td><td>是</td><td>分卷大小（字节），建议4GB（4294967296）</td></tr><tr><td><code>password</code></td><td>string</td><td>是</td><td>加密密码，用于7zip AES-256加密</td></tr><tr><td><code>concurrency</code></td><td>int</td><td>是</td><td>并发压缩任务数，建议设置为CPU核心数</td></tr><tr><td><code>compression_level</code></td><td>int</td><td>否</td><td>压缩级别 (0-9)，默认为1（极速）。0=存储，1=极速，5=正常，9=最大压缩</td></tr></tbody></table><h2 id="性能特点"><a href="#性能特点" class="headerlink" title="性能特点"></a>性能特点</h2><ul><li>内存稳定 - 处理大量小文件时保持稳定的内存使用</li><li>高效索引 - 使用哈希表实现O(1)查找性能</li><li>并发优化 - 合理利用CPU资源，支持多任务并发处理</li><li>缓冲写入 - 日志记录使用缓冲写入，提高I/O性能</li></ul>

卸载百度网盘智能看图

2025-09-02 08:00:00

复制代码，粘贴到记事本，保存为 bat 文件，右键以管理员身份运行。<figure class="highlight bat"><table><tr><td class="gutter"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 </pre></td><td class="code"><pre>@echo off echo 百度网盘智能看图卸载工具 echo 请以管理员身份运行此脚本！ echo. echo 正在删除注册表项... :: 删除HKEY_CLASSES_ROOT\BaiduNetdiskImageViewerAssociations taskkill /f /im BaiduNetdisk.exe >nul 2>nul reg delete "HKEY_CLASSES_ROOT\BaiduNetdiskImageViewerAssociations" /f >nul 2>nul :: 删除HKEY_CURRENT_USER\Software\Baidu\BaiduNetdiskImageViewer reg delete "HKEY_CURRENT_USER\Software\Baidu\BaiduNetdiskImageViewer" /f >nul 2>nul :: 删除HKEY_CURRENT_USER\Software\RegisteredApplications\BaiduNetdiskImageViewer reg delete "HKEY_CURRENT_USER\Software\RegisteredApplications" /v "BaiduNetdiskImageViewer" /f >nul 2>nul echo. echo 正在删除文件夹... :: 安装位置不确定，但开始菜单中一定有快捷方式，通过快捷方式读取百度网盘的安装位置 for /f "usebackq delims=" %%I in (` powershell -NoLogo -NoProfile -Command ^ "(New-Object -COM WScript.Shell).CreateShortcut('%APPDATA%\Microsoft\Windows\Start Menu\Programs\百度网盘\百度网盘.lnk').TargetPath" `) do ( set "installDir=%%~dpI" ) set "installDir=%installDir:~0,-1%" echo 百度网盘安装位置：%installDir% :: 查找并删除百度网盘根目录中的ImageViewer文件夹 for /d %%i in ("%installDir%", "C:\Program Files\Baidu\BaiduNetdisk") do ( if exist "%%i\module\ImageViewer" ( rd /s /q "%%i\module\ImageViewer" ) ) echo. echo 百度网盘智能看图卸载完成！ pause </pre></td></tr></table></figure>

CDN 方式引入 Monaco Editor

2025-09-01 17:30:00

在前端工程中可以用 <code>@monaco-editor/loader</code> 来引入 Monaco，但有时候我们的前端项目不依赖 Webpack、Vite 等打包工具，如何在普通网页中用纯 CDN 的方式引入 Monaco Editor？<h3 id="代码"><a href="#代码" class="headerlink" title="代码"></a>代码</h3><figure class="highlight html"><table><tr><td class="gutter"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 </pre></td><td class="code"><pre><!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>Monaco Editor</title> <style> body { margin: 0; padding: 0; } #editor { width: 100vw; height: 100vh; } </style> </head> <body> <div id="editor"></div> <script src="https://registry.npmmirror.com/monaco-editor/0.52.2/files/min/vs/loader.js"></script> <script> require.config({ paths: { vs: "https://registry.npmmirror.com/monaco-editor/0.52.2/files/min/vs", }, }); window.MonacoEnvironment = { getWorkerUrl: function (workerId, label) { return `data:text/javascript;charset=utf-8,${encodeURIComponent( 'self.MonacoEnvironment={baseUrl:"https://registry.npmmirror.com/monaco-editor/0.52.2/files/min/"};' + 'importScripts("https://registry.npmmirror.com/monaco-editor/0.52.2/files/min/vs/base/worker/workerMain.js");' )}`; }, }; require(["vs/editor/editor.main"], function () { const editorElement = document.getElementById("editor"); const editor = monaco.editor.create(editorElement, { value: "function main() {\n console.log('Hello, iMaeGoo!');\n}\n\nmain();\n", language: "javascript", }); window.addEventListener("resize", () => editor.layout({ width: editorElement.offsetWidth, height: editorElement.offsetHeight, }) ); }); </script> </body> </html> </pre></td></tr></table></figure><h3 id="效果"><a href="#效果" class="headerlink" title="效果"></a>效果</h3><iframe style="width:100%;height:300px" src="data:text/html,%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22zh-CN%22%3E%0A%20%20%3Chead%3E%0A%20%20%20%20%3Cmeta%20charset%3D%22utf-8%22%20%2F%3E%0A%20%20%20%20%3Ctitle%3EMonaco%20Editor%3C%2Ftitle%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20body%20%7B%0A%20%20%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20%20%20padding%3A%200%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%23editor%20%7B%0A%20%20%20%20%20%20%20%20width%3A%20100vw%3B%0A%20%20%20%20%20%20%20%20height%3A%20100vh%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fhead%3E%0A%20%20%3Cbody%3E%0A%20%20%20%20%3Cdiv%20id%3D%22editor%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%3Cscript%20src%3D%22https%3A%2F%2Fregistry.npmmirror.com%2Fmonaco-editor%2F0.52.2%2Ffiles%2Fmin%2Fvs%2Floader.js%22%3E%3C%2Fscript%3E%0A%20%20%20%20%3Cscript%3E%0A%20%20%20%20%20%20require.config(%7B%0A%20%20%20%20%20%20%20%20paths%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20vs%3A%20%22https%3A%2F%2Fregistry.npmmirror.com%2Fmonaco-editor%2F0.52.2%2Ffiles%2Fmin%2Fvs%22%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20window.MonacoEnvironment%20%3D%20%7B%0A%20%20%20%20%20%20%20%20getWorkerUrl%3A%20function%20(workerId%2C%20label)%20%7B%0A%20%20%20%20%20%20%20%20%20%20return%20%60data%3Atext%2Fjavascript%3Bcharset%3Dutf-8%2C%24%7BencodeURIComponent(%0A%20%20%20%20%20%20%20%20%20%20%20%20'self.MonacoEnvironment%3D%7BbaseUrl%3A%22https%3A%2F%2Fregistry.npmmirror.com%2Fmonaco-editor%2F0.52.2%2Ffiles%2Fmin%2F%22%7D%3B'%20%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20'importScripts(%22https%3A%2F%2Fregistry.npmmirror.com%2Fmonaco-editor%2F0.52.2%2Ffiles%2Fmin%2Fvs%2Fbase%2Fworker%2FworkerMain.js%22)%3B'%0A%20%20%20%20%20%20%20%20%20%20)%7D%60%3B%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20require(%5B%22vs%2Feditor%2Feditor.main%22%5D%2C%20function%20()%20%7B%0A%20%20%20%20%20%20%20%20const%20editorElement%20%3D%20document.getElementById(%22editor%22)%3B%0A%20%20%20%20%20%20%20%20const%20editor%20%3D%20monaco.editor.create(editorElement%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20value%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%22function%20main()%20%7B%5Cn%20%20console.log('Hello%2C%20iMaeGoo!')%3B%5Cn%7D%5Cn%5Cnmain()%3B%5Cn%22%2C%0A%20%20%20%20%20%20%20%20%20%20language%3A%20%22javascript%22%2C%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20window.addEventListener(%22resize%22%2C%20()%20%3D%3E%0A%20%20%20%20%20%20%20%20%20%20editor.layout(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20editorElement.offsetWidth%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20editorElement.offsetHeight%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20)%3B%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%3C%2Fscript%3E%0A%20%20%3C%2Fbody%3E%0A%3C%2Fhtml%3E"></iframe>

在线工具 - 富文本转 Markdown

2025-09-01 12:30:00

只需在以下文本框中粘贴网页或 Word 文档的内容，即可转换为 Markdown 格式！与网上现有工具相比，这个能支持表格转换！<h3 id="粘贴网页内容-Word-文档内容"><a href="#粘贴网页内容-Word-文档内容" class="headerlink" title="粘贴网页内容 / Word 文档内容"></a>粘贴网页内容 / Word 文档内容</h3><style> #editor—wrapper { border: 1px solid #ccc; z-index: 999; } #toolbar-container { border-bottom: 1px solid #ccc; } #editor-container { height: 300px; } #html-content, #md-content { height: 300px; }</style><div id="editor—wrapper"> <div id="toolbar-container"></div> <div id="editor-container"></div></div><h3 id="转换后的-Markdown-内容"><a href="#转换后的-Markdown-内容" class="headerlink" title="转换后的 Markdown 内容"></a>转换后的 Markdown 内容</h3><textarea class="textarea" id="md-content" placeholder="转换后的 Markdown 内容"></textarea><script src="https://registry.npmmirror.com/@wangeditor/editor/5.1.23/files/dist/index.js"></script><script src="https://registry.npmmirror.com/turndown/7.2.1/files/dist/turndown.js"></script><script src="/js/imaegoo/turndown-plugin-gfm.js"></script><script> document.head.appendChild( Object.assign(document.createElement("link"), { rel: "stylesheet", href: "https://registry.npmmirror.com/@wangeditor/editor/5.1.23/files/dist/css/style.css", }) ); const { createEditor, createToolbar } = window.wangEditor; const turndownService = new TurndownService({ headingStyle: "atx", hr: "----", bulletListMarker: "-", codeBlockStyle: "fenced", }); turndownService.use(TurndownPluginGfmService.gfm); const editorConfig = { placeholder: "粘贴 HTML 内容", onChange(editor) { const html = editor.getHtml(); const markdown = turndownService.turndown(html); document.getElementById("md-content").value = markdown; }, }; const editor = createEditor({ selector: "#editor-container", html: " ", config: editorConfig, mode: "simple", }); const toolbar = createToolbar({ editor, selector: "#toolbar-container", config: {}, mode: "simple", });</script>

2025 年了，安卓平板上什么第三方九键输入法最好用？

2025-08-25 12:00:00

题外话，我换过好多平板，我理想中的平板是 11 寸，这个大小不至于太重，又不至于屏幕太小，要搭载顶级处理器，玩游戏不卡顿，最好支持解锁 BL。第一台平板是 iPad Pro 2018 11 寸，这个平板陪伴了我整整 6 年，依然流畅如新，奈何现如今带不动绝区零等大型游戏了，卖掉了。第二台平板是小米平板 7，太卡！本来澎湃就吃硬件，还用了个 7+ Gen 3，掉帧死机家常便饭，还无法通过小米的解锁考试，卖掉了。第三台是一加平板 2 Pro，顶级配置，一个 fastboot 命令就能轻松解锁，然而第一次用 13 寸，好重啊，躺着更是没法玩，使用频率都降低了，卖掉了。第四台也就是现在用的，联想拯救者 Y700，虽然 8 寸是小了点，但毕竟很轻，很容易就接受了。联想平板系统就像毛坯房，预装的输入法功能实在太少，决定装一个第三方的输入法，于是考虑如下选择：<ul><li>Gboard（谷歌）</li><li>百度输入法</li><li>搜狗输入法</li><li>讯飞输入法</li><li>微信输入法</li></ul>首先我是一位九键用户，九键在横屏模式下好不好用是我选择一个输入法的重要标准，我认为理想的九键布局，是我正在使用的 VIVO 输入法的布局，这种布局能够在横屏（或者展开形态的折叠屏）状态时，轻松单手打字。<img src="/gallery/2025/android-pad-input-method/1756091985501.webp">其次是支持剪切板、个性短语，方便快速输入地址、手机号等信息，这基本上已经是各家标配功能了。<h3 id="Gboard"><a href="#Gboard" class="headerlink" title="Gboard"></a>Gboard</h3><img src="/gallery/2025/android-pad-input-method/1756093349018.webp"><img src="/gallery/2025/android-pad-input-method/1756093360818.webp">谷歌出品的输入法在风格上完全遵守自家的设计规范，英文键盘更加贴近实体键盘的键位，很容易上手，然而九键在横屏下不支持分屏，横屏打字就比较难受了。<h3 id="百度输入法"><a href="#百度输入法" class="headerlink" title="百度输入法"></a>百度输入法</h3><img src="/gallery/2025/android-pad-input-method/1756093512148.webp"><img src="/gallery/2025/android-pad-input-method/1756093515225.webp"><img src="/gallery/2025/android-pad-input-method/1756093517471.webp">百度输入法的九键布局是我最喜欢的，自定义程度也很高，能合能分，但在联想平板上有一个 bug，清理后台会导致百度输入法失去默认输入法地位，每次清后台都要去重新设置回百度输入法，折腾几次就不想用了。<h3 id="百度输入法小米版"><a href="#百度输入法小米版" class="headerlink" title="百度输入法小米版"></a>百度输入法小米版</h3><img src="/gallery/2025/android-pad-input-method/1756093523827.webp"><img src="/gallery/2025/android-pad-input-method/1756093526380.webp">小米版中文和原版相同，英文是和 Gboard 一样的实体键盘布局，但在联想平板上有一个 bug，每次弹出键盘都要弹出用户须知：<img src="/gallery/2025/android-pad-input-method/1756093529571.webp">不管是同意还是拒绝，下次还会弹出，权限管理中授予了所有权限也不行，酷安里也看到有相同的反馈，但没有找到解决方案，遂放弃研究。<h3 id="搜狗输入法"><a href="#搜狗输入法" class="headerlink" title="搜狗输入法"></a>搜狗输入法</h3><img src="/gallery/2025/android-pad-input-method/1756093447517.webp"><img src="/gallery/2025/android-pad-input-method/1756093444958.webp">搜狗输入法的九键布局有两个奇怪的地方：<ol><li>数字键 1 会显示为「分词」，去设置中关闭分词功能可以变回来，但没有分词就不能方便地打出「西安」、「酷安」这类词了；</li><li>符号中有一个歪歪扭扭的 <code>.COM</code>，还不能改，强迫症实在看不下去了。</li></ol><h3 id="讯飞输入法"><a href="#讯飞输入法" class="headerlink" title="讯飞输入法"></a>讯飞输入法</h3><img src="/gallery/2025/android-pad-input-method/1756093455731.webp"><img src="/gallery/2025/android-pad-input-method/1756093458336.webp">讯飞九键中间可以手写，这个设计让人眼前一亮，但它占了很大的空间，无法调整，我用手写的频率是很少的，没必要为了这个牺牲九键的空间。<h3 id="微信输入法"><a href="#微信输入法" class="headerlink" title="微信输入法"></a>微信输入法</h3><img src="/gallery/2025/android-pad-input-method/1756093429699.webp"><img src="/gallery/2025/android-pad-input-method/1756093438238.webp">微信输入法相比百度和搜狗，界面更加简洁干净无广告，和其他输入法数字键+九键的布局不同，微信一边是选词区，一边是九键，这种布局一开始不太适应，但用两分钟就会发现，选词的使用频率是高于数字键盘的，更大的选词区确实方便不少。微信输入法还直接支持外接键盘打字，外接键盘不用来回切换输入法了：<img src="/gallery/2025/android-pad-input-method/1756098085786.webp">一个星期体验下来也没有什么明显的 bug。要说缺点，就是导入词库有点难搞，我 PC 上的主力输入法是 Rime 小狼毫，要是微信能直接导入 txt 词库就方便了。经过以上对比，最后我选择了微信输入法。

鸿蒙 PC 编译运行 Electron 应用

2025-08-25 08:00:00

华为推出的 MateBook Pro 首次搭载了鸿蒙 PC 操作系统，使其能够直接运行鸿蒙手机应用和鸿蒙平板应用，但仅仅这样只能称得上是『大号平板』。Electron 框架是优秀的跨平台客户端框架，通过改造，鸿蒙 PC 上也能运行 Electron 应用，具体如何操作呢？<h2 id="编译-Electron"><a href="#编译-Electron" class="headerlink" title="编译 Electron"></a>编译 Electron</h2>可以自己编译，也可以用华为预编译好的版本。<h3 id="自己编译"><a href="#自己编译" class="headerlink" title="自己编译"></a>自己编译</h3>参考文档：<a href="https://gitcode.com/openharmony-sig/electron">https://gitcode.com/openharmony-sig/electron</a>编译环境必须使用 Ubuntu 22.04，可以用虚拟机。编译耗时很长，我用 8 核虚拟机 跑了大概 8 个小时左右，如无特殊需求建议用华为预编译好的版本。<figure class="highlight sh"><table><tr><td class="gutter"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 </pre></td><td class="code"><pre># 安装工具git-lfs, ccache。注：该步骤仅在首次拉取代码时需要执行 sudo apt install -y git-lfs ccache curl python3 python-is-python3 python3-pip python --version pip --version # 下载码云repo工具(可以参考码云帮助中心：https://gitee.com/help/articles/4316) mkdir -p ~/bin curl https://gitee.com/oschina/repo/raw/fork_flow/repo-py3 > ~/bin/repo chmod a+x ~/bin/repo echo 'export PATH=~/bin/:$PATH' >> ~/.bashrc source ~/.bashrc pip install -i https://pypi.tuna.tsinghua.edu.cn/simple requests # 通过NodeSource仓库安装node和npm curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash - sudo apt install -y nodejs node -v npm -v # 使用https拉取chromium-electron代码 git clone -b master https://gitcode.com/openharmony-sig/electron.git # 执行命令`git lfs pull`，确保仓库中的大文件已经下载完成 cd electron git lfs pull # 拉取chromium-electron对应的ohos chromium代码 git config --global user.name "iMaeGoo" git config --global user.email "[email protected]" repo init -u https://gitcode.com/openharmony-tpc/manifest.git -b pc_chromium_132 -m pc_chromium_132_20251106.xml --no-repo-verify repo sync -c # 可以执行多次，以确保代码全部拉取成功 repo forall -c 'git lfs pull' # 可执行多次，以确保大文件全部拉取成功 # 应用chromium-electron的patch到ohos chromium pushd src find -name "*.git*" -exec rm -rf "{}" \; popd chmod +x override_files.sh ./override_files.sh # 运行 Electron实际目录/src/build/install-build-deps.sh脚本，安装编译所需的软件包。注：该步骤仅在首次拉取代码时需要执行 sudo ./src/build/install-build-deps.sh --no-chromeos-fonts # 运行脚本electron_build.sh ./electron_build.sh # 可以通过如下脚本拷贝所需资源(注：请参考修改为自己的source_path) source_path=./Electron实际目录/src/out/musl_64 destination_path=./electron if [ -d ${destination_path} ];then rm -rf ${destination_path} fi mkdir ${destination_path} cp ${source_path}/libelectron.so ${destination_path} cp ${source_path}/libffmpeg.so ${destination_path} cp ${source_path}/libadapter.so ${destination_path} cp ${source_path}/electron ${destination_path} cp ${source_path}/icudtl.dat ${destination_path} cp ${source_path}/v8_context_snapshot.bin ${destination_path} cp ${source_path}/chrome_100_percent.pak ${destination_path} cp ${source_path}/chrome_200_percent.pak ${destination_path} cp ${source_path}/resources.pak ${destination_path} mkdir ${destination_path}/locales cp ${source_path}/locales/zh-CN.pak ${destination_path}/locales cp ${source_path}/locales/en-US.pak ${destination_path}/locales </pre></td></tr></table></figure><h3 id="使用预编译版本"><a href="#使用预编译版本" class="headerlink" title="使用预编译版本"></a>使用预编译版本</h3>没有调用 addon 和 ArkTS 的需求时可以直接使用以下二进制 release 包进行开发。<ol><li>获取最新日期的二进制 release 包，华为账号登录<a href="https://devcloud.cn-north-4.huaweicloud.com/codehub/project/b19f5ea8ffd4492ea8c06ca2ebf3f858/codehub/2821214/home?ref=electron34-release">仓库</a>，下载默认 Electron 34 的 release 包。</li><li>解压</li></ol><h2 id="搭建环境"><a href="#搭建环境" class="headerlink" title="搭建环境"></a>搭建环境</h2>安装 DevEco Studio，目前是 5.1.0，最新版即可<a href="https://developer.huawei.com/consumer/cn/download/">https://developer.huawei.com/consumer/cn/download/</a>配置环境变量，这样以后能方便地使用 hdc 等命令假设安装路径是 <code>D:\dev\DevEcoStudio</code>，就在 PATH 中增加 <code>D:\dev\DevEcoStudio\sdk\default\openharmony\toolchains</code><h2 id="运行项目"><a href="#运行项目" class="headerlink" title="运行项目"></a>运行项目</h2>打开 DevEco，打开前面编译/下载好的项目 ohos_hap首次运行需要证书，按提示登录华为账号即可生成证书跑起来的效果，按 Ctrl + Alt + I 可以打开调试<img src="/gallery/2025/harmony-pc-electron/1756091289483.webp">Electron 的入口点在 <code>src/main/resources/resfile/resources/app/main.js</code>，修改后重新运行即可看到效果<figure class="highlight js"><table><tr><td class="gutter"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 </pre></td><td class="code"><pre>const { app, BrowserWindow, Tray, nativeImage } = require('electron'); const path = require('path'); let mainWindow, tray; function createWindow() { tray = new Tray(nativeImage.createFromPath(path.join(__dirname, 'electron_white.png'))); mainWindow = new BrowserWindow({ width: 800, height: 600, }); mainWindow.setWindowButtonVisibility(true); mainWindow.loadURL('https://caiyunapp.com/map/'); } app.whenReady().then(createWindow); </pre></td></tr></table></figure>

iMaeGoo | 虹墨修改

iMaeGoo | 虹墨的 RSS 预览