前言

在将 Abricotine 适配到鸿蒙 PC 平台时，HTML 导出功能遇到了多个问题：路径处理错误、文件夹创建权限问题、图片复制失败、CSS 文件无法创建导致样式丢失、浏览器预览功能失败等。这些问题导致导出的 HTML 文件无法正常显示图片和样式，或者导出功能完全失败。

本文将深入分析 HTML 导出功能在鸿蒙 PC 上的完整适配问题，提供从基础路径处理、权限管理到 CSS 内联方案、浏览器预览的完整解决方案，确保导出功能在鸿蒙 PC 上完美运行。

关键词：鸿蒙PC、Electron适配、HTML导出、文件权限、图片复制、路径处理、CSS内联、浏览器预览、IPC通信

在这里插入图片描述

目录

  1. 问题现象与影响分析
  2. 根本原因深度分析
  3. HarmonyOS 文件系统权限与导出需求
  4. 基础适配方案（路径处理与权限管理）
  5. CSS内联方案设计
  6. CSS内联完整实现
  7. 浏览器预览功能实现
  8. 文件路径处理与IPC通信
  9. 最佳实践与注意事项
  10. 常见问题解答
  11. 总结与展望

欢迎加入开源鸿蒙PC社区：https://harmonypc.csdn.net/

问题现象与影响分析

1.1 问题现象

HTML 导出功能在鸿蒙 PC 上出现以下问题：

问题1：路径处理错误

[HarmonyOS Export] destPath: file://docs/storage/.../document.html
[HarmonyOS Export] Error: Cannot create directory

问题2：文件夹创建权限问题

[HarmonyOS Export] Created export folder: null
[HarmonyOS Export] Created images folder: null
[HarmonyOS Export] ⚠️ Failed to create directories (permission denied)

问题3：图片复制失败

[HarmonyOS Export] Error calling imageImport: EPERM: operation not permitted
[HarmonyOS Export] Images will not be copied

问题4：CSS 文件无法创建（样式丢失）

在鸿蒙 PC 上导出 HTML 文件时：

导出的 HTML 文件：
  ├─ document.html  ✅ 正常
  └─ document_files/
      └─ assets/
          └─ gitcode-markdown.css  ❌ 无法创建（权限不足）
          └─ gitcode-highlight.css  ❌ 无法创建（权限不足）

表现：

  • HTML 文件可以正常导出
  • CSS 文件无法创建（权限不足）
  • 浏览器打开 HTML 文件时，样式完全丢失
  • 文档显示为纯文本，没有格式

问题5：浏览器预览功能失败

在浏览器中预览文档时：

用户操作：点击"在浏览器中查看"
预期：在默认浏览器中打开预览
实际：❌ 浏览器无法打开文件或样式丢失

错误信息：

[HarmonyOS Renderer] Opening file in browser, filePath: /data/storage/.../temp/preview.html
[HarmonyOS Renderer] ❌ Browser cannot access temp file

1.2 问题影响

这些问题会导致：

  • ❌ 导出功能失败：无法创建导出文件夹
  • ❌ 图片无法显示：导出的 HTML 文件中图片路径错误
  • ❌ 样式完全丢失：CSS 文件无法创建，文档显示为纯文本
  • ❌ 浏览器预览失败：无法在浏览器中查看文档
  • ❌ 用户体验差：导出功能不可用或功能受限
  • ❌ 功能不完整：无法完整导出文档内容

根本原因深度分析

2.1 路径格式问题

问题1：相对路径 vs 绝对路径

原代码中，destPath 可能是相对路径：

// ❌ 问题：相对路径无法正确解析
var destPath = "document.html"  // 相对路径
var destDir = parsePath(destPath).dirname  // 可能解析错误

解决方案：统一使用绝对路径

// ✅ 解决：转换为绝对路径
var destPathAbs = parsePath(destPath).isAbsolute ? destPath : pathModule.resolve(destPath)

2.2 权限问题

问题2：文件夹创建权限

HarmonyOS 文件系统权限限制：

  • ❌ 不能在用户文档目录直接创建文件夹（需要权限）
  • ✅ 可以在应用沙箱目录创建文件夹
  • ⚠️ 用户数据目录需要特殊权限

解决方案：权限检查和降级处理

// ✅ 检查权限，如果失败则降级处理
var createdExportFolder = files.createDir(exportFolder)
if (!createdExportFolder) {
  // 降级：不复制图片，保持原始 URL
}

2.3 图片复制策略

问题3：图片复制失败处理

当文件夹创建失败时，需要：

  • ✅ 保持图片的原始 URL（不更新为相对路径）
  • ✅ 确保 HTML 文件仍然可以正常显示（从原始 URL 加载）
  • ✅ 不阻止导出流程继续执行

2.4 CSS 文件创建权限问题

问题4：CSS 文件无法创建

根本原因：

  • HarmonyOS 文件系统权限限制
  • 无法在用户数据目录创建外部 CSS 文件
  • HTML 文件中的 <link> 标签指向不存在的 CSS 文件

解决方案：CSS 内联方案（详见后续章节）

2.5 临时文件访问问题

问题5：浏览器无法访问临时文件

根本原因：

  • 临时文件路径浏览器无法直接访问
  • file:// URI 格式在鸿蒙 PC 上处理不同
  • 需要特殊处理临时文件路径

HarmonyOS 文件系统权限与导出需求

3.1 导出功能需求

HTML 导出功能需要：

  1. 创建导出文件夹：在目标目录创建 document_files 文件夹
  2. 复制图片：将文档中的图片复制到 document_files/images 文件夹
  3. 更新 HTML：更新 HTML 中的图片路径为相对路径
  4. 复制模板资源：复制模板的 CSS、JS 等资源文件（或内联 CSS）

3.2 权限限制

HarmonyOS 文件系统权限限制：

操作 应用沙箱目录 用户数据目录 系统目录
读取 ✅ 允许 ⚠️ 需要权限 ❌ 禁止
写入 ✅ 允许 ⚠️ 需要权限 ❌ 禁止
创建文件夹 ✅ 允许 ⚠️ 需要权限 ❌ 禁止

3.3 导出目录选择

推荐导出目录：

  • ✅ 用户文档目录：/storage/emulated/0/Documents（用户选择）
  • ⚠️ 应用沙箱目录：/data/storage/.../files（备选）

基础适配方案（路径处理与权限管理）

4.1 路径处理优化

// export-html.js

function exportHtml(abrDoc, templateName, destPath, options = {}, callback) {
  console.log('[HarmonyOS Export] exportHtml function called')
  console.log('[HarmonyOS Export] destPath:', destPath)
  
  templateName = templateName || "default"
  
  // ⚠️ HarmonyOS: 转换路径格式（如果需要）
  if (destPath && destPath.startsWith('file://')) {
    destPath = convertFilePath(destPath)
  }
  
  // ⚠️ HarmonyOS: 确保 destPath 是绝对路径
  var destPathAbs = parsePath(destPath).isAbsolute ? destPath : pathModule.resolve(destPath)
  var destDir = parsePath(destPathAbs).dirname
  var destBasename = parsePath(destPathAbs).basename
  
  // 移除扩展名，创建文件夹名
  var folderBasename = destBasename.replace(/\.[^/.]+$/, "")
  var exportFolder = pathModule.join(destDir, folderBasename + "_files")
  var assetsPath = "./" + folderBasename + "_files"
  
  // 更新 destPath 为绝对路径
  destPath = destPathAbs
  
  console.log('[HarmonyOS Export] Path analysis:')
  console.log('[HarmonyOS Export]   destPath:', destPath)
  console.log('[HarmonyOS Export]   destDir:', destDir)
  console.log('[HarmonyOS Export]   exportFolder:', exportFolder)
}

4.2 权限检查与降级处理

// export-html.js

// Copy images
if (shouldCopyImages) {
  console.log('[HarmonyOS Export] ✅ Copying images enabled')
  
  // ⚠️ HarmonyOS: 尝试创建文件夹
  var imgDirAbs = pathModule.join(exportFolder, "images")
  
  var createdExportFolder = files.createDir(exportFolder)
  var createdImgDir = files.createDir(imgDirAbs)
  
  // ⚠️ HarmonyOS: 如果文件夹创建失败（权限问题），跳过图片复制
  if (!createdExportFolder || !createdImgDir) {
    console.warn('[HarmonyOS Export] ⚠️ Failed to create directories (permission denied)')
    console.warn('[HarmonyOS Export] Images will not be copied, keeping original image URLs in HTML')
  
    // ⚠️ 关键：保持图片的原始路径（URL），不更新为相对路径
    // 这样浏览器仍然可以从原始 URL 加载图片
  } else {
    // 文件夹创建成功，正常复制图片
    try {
      abrDoc.imageImport(imgDirAbs, {
        copyRemote: options.copyImagesRemote !== false,
        updateEditor: false,
        showDialog: false
      })
  
      // 更新 HTML 中的图片路径
      htmlContent = updateImagePaths(htmlContent, assetsPath, options)
    } catch (err) {
      console.error('[HarmonyOS Export] Error calling imageImport:', err)
      // 即使失败，也继续导出流程
    }
  }
} else {
  // 不复制图片，从 HTML 中移除图片标签
  htmlContent = removeImageTags(htmlContent)
}

4.3 权限处理与降级策略

当权限不足时，采用降级策略：

// export-html.js

if (shouldCopyImages) {
  // 检查权限
  const hasPermission = canCreateDirectory(destDir)
  
  if (!hasPermission) {
    console.warn('[HarmonyOS Export] ⚠️ No permission to create directory, using fallback strategy')
  
    // 降级策略1：保持图片原始 URL
    // HTML 中的图片路径保持原样，浏览器从原始 URL 加载
  
    // 降级策略2：提示用户
    if (window.electronAPI && window.electronAPI.dialog) {
      window.electronAPI.dialog.showMessageBox({
        type: 'info',
        title: '导出提示',
        message: '由于权限限制，图片将保持原始链接。导出的 HTML 文件需要网络连接才能显示图片。'
      })
    }
  } else {
    // 有权限，正常处理
    // ...
  }
}

CSS内联方案设计

2.1 方案对比

方案 优点 缺点 适用性
外部 CSS 文件 文件小，可缓存 ❌ 需要权限创建文件 ❌ 不适用
CSS 内联 ✅ 无需外部文件 ⚠️ HTML 文件稍大 ✅ 完美适配
CDN 链接 文件小 ❌ 需要网络连接 ⚠️ 部分适用

最终选择：CSS 内联方案

理由：

  • ✅ 完全解决权限问题
  • ✅ HTML 文件独立，无需外部依赖
  • ✅ 可以在任何浏览器中正常显示
  • ✅ 文件大小增加可接受（CSS 文件通常不大）

2.2 方案架构

导出 HTML 流程：
    ↓
读取模板 HTML
    ↓
读取 CSS 文件内容
    ↓
将 CSS 内容内联到 HTML
    ↓
移除外部 CSS link 标签
    ↓
保存 HTML 文件（包含内联 CSS）
    ↓
✅ 独立的 HTML 文件，无需外部 CSS

CSS内联完整实现

3.1 核心实现代码

实现位置：export-html.js 第197-232行

// export-html.js

// ⚠️ HarmonyOS: 由于权限限制，无法创建 _files 文件夹，将 CSS 内联到 HTML 中
console.log('[HarmonyOS Export] Inlining CSS files into HTML (due to file system permissions)...');

// 1. 定义需要内联的 CSS 文件列表
var cssFiles = ['gitcode-markdown.css', 'gitcode-highlight.css', 'gitcode-highlight-override.css'];
var inlineStyles = '';

// 2. 读取每个 CSS 文件并合并
cssFiles.forEach(function(cssFile) {
    var cssPath = pathModule.join(templateAssetsPath, cssFile);
    if (fs.existsSync(cssPath)) {
        try {
            var cssContent = fs.readFileSync(cssPath, 'utf8');
            inlineStyles += '/* ' + cssFile + ' */\n' + cssContent + '\n\n';
            console.log('[HarmonyOS Export] ✅ Inlined CSS file:', cssFile);
        } catch (readErr) {
            console.error('[HarmonyOS Export] ❌ Failed to read CSS file:', cssFile, readErr);
        }
    } else {
        console.error('[HarmonyOS Export] ❌ CSS file not found:', cssPath);
    }
});

// 3. 替换模板中的占位符
var page = template.replace(/\$DOCUMENT_TITLE/g, function () { return docTitle; })
                   .replace(/\$DOCUMENT_CONTENT/g, function () { return htmlContent; });

// 4. 移除所有 CSS link 标签
page = page.replace(/<link[^>]*rel=["']stylesheet["'][^>]*href=["'][^"']*gitcode[^"']*\.css["'][^>]*>/gi, '');

// 5. 在 </head> 之前插入内联样式
if (inlineStyles) {
    var inlineStyleTag = '<style>\n' + inlineStyles + '</style>';
    page = page.replace('</head>', inlineStyleTag + '\n    </head>');
    console.log('[HarmonyOS Export] ✅ CSS styles inlined into HTML');
} else {
    console.warn('[HarmonyOS Export] ⚠️ No CSS content to inline!');
}

3.2 实现步骤详解

步骤1：定义 CSS 文件列表

var cssFiles = [
    'gitcode-markdown.css',           // Markdown 样式
    'gitcode-highlight.css',          // 代码高亮样式
    'gitcode-highlight-override.css'  // 代码高亮覆盖样式
];

步骤2：读取并合并 CSS 内容

cssFiles.forEach(function(cssFile) {
    var cssPath = pathModule.join(templateAssetsPath, cssFile);
    if (fs.existsSync(cssPath)) {
        var cssContent = fs.readFileSync(cssPath, 'utf8');
        inlineStyles += '/* ' + cssFile + ' */\n' + cssContent + '\n\n';
    }
});

关键点：

  • ✅ 使用 fs.readFileSync() 同步读取 CSS 文件
  • ✅ 添加注释标识每个 CSS 文件的来源
  • ✅ 合并所有 CSS 内容到一个字符串

步骤3：移除外部 CSS 链接

// 移除所有匹配的 link 标签
page = page.replace(/<link[^>]*rel=["']stylesheet["'][^>]*href=["'][^"']*gitcode[^"']*\.css["'][^>]*>/gi, '');

正则表达式说明：

  • <link[^>]*>：匹配 link 标签
  • rel=["']stylesheet["']：匹配 stylesheet 关系
  • href=["'][^"']*gitcode[^"']*\.css["']：匹配包含 gitcode 的 CSS 文件路径
  • gi：全局匹配，忽略大小写

步骤4：插入内联样式

if (inlineStyles) {
    var inlineStyleTag = '<style>\n' + inlineStyles + '</style>';
    page = page.replace('</head>', inlineStyleTag + '\n    </head>');
}

关键点：

  • ✅ 在 </head> 标签之前插入 <style> 标签
  • ✅ 保持 HTML 格式美观（添加换行和缩进）
  • ✅ 检查 CSS 内容是否存在

3.3 转换前后对比

转换前（使用外部 CSS）：

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <link rel="stylesheet" href="./document_files/assets/gitcode-markdown.css">
    <link rel="stylesheet" href="./document_files/assets/gitcode-highlight.css">
</head>
<body>
    <!-- 内容 -->
</body>
</html>

转换后（CSS 内联）：

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <style>
    /* gitcode-markdown.css */
    body { font-family: ... }
    /* gitcode-highlight.css */
    .hljs { ... }
    </style>
</head>
<body>
    <!-- 内容 -->
</body>
</html>

浏览器预览功能实现

4.1 viewInBrowser 函数

实现位置：abr-document.js 第1361-1410行

// abr-document.js

viewInBrowser: function (forceNewPath) {
    // 1. 确定临时文件路径
    if (forceNewPath === true || !this.tmpPreviewPath) {
        this.tmpPreviewPath = pathModule.join(constants.path.tmp, "/" + Date.now(), "/preview.html");
    }
  
    var that = this,
        filePath = this.tmpPreviewPath,
        doExport = function (template) {
            // ⚠️ HarmonyOS: 如果没有配置模板或使用 default，则使用 gitcode 模板
            if (!template || template === 'default') {
                template = 'gitcode';
                console.log('[HarmonyOS Renderer] Using gitcode template for preview');
            }
        
            // 2. 导出 HTML（包含内联 CSS）
            exportHtml(that, template, filePath, { 
                copyImages: true, 
                copyImagesRemote: false 
            }, function (err, path) {
                if (err) {
                    if (forceNewPath === true) {
                        console.error(err);
                        return;
                    }
                    return that.viewInBrowser(forceNewPath);
                }
            
                // 3. 在浏览器中打开文件
                var isHarmonyOS = (typeof process !== 'undefined' && process.env && process.env.HARMONYOS === 'true') ||
                                  (typeof window !== 'undefined' && window.__HARMONYOS__ === true);
            
                if (isHarmonyOS) {
                    console.log('[HarmonyOS Renderer] Opening file in browser, filePath:', filePath);
                
                    // ⚠️ HarmonyOS: 使用 IPC 方式打开文件
                    try {
                        var ipcRenderer = require('electron').ipcRenderer;
                        if (ipcRenderer) {
                            ipcRenderer.send('harmonyos-shell-openExternal', filePath);
                            console.log('[HarmonyOS Renderer] ✅ IPC message sent successfully');
                        } else {
                            console.error('[HarmonyOS Renderer] ❌ ipcRenderer not available');
                        }
                    } catch (err) {
                        console.error('[HarmonyOS Renderer] ❌ Error sending IPC message:', err);
                    }
                } else {
                    // 非 HarmonyOS 平台，使用标准的 shell.openExternal
                    shell.openExternal("file://" + filePath);
                }
            });
        };
  
    // 4. 创建临时目录
    files.createDir(filePath);
  
    // 5. 获取预览模板配置并执行导出
    that.getConfig("preview-template", doExport);
}

4.2 工作流程

用户点击"在浏览器中查看"
    ↓
viewInBrowser() 被调用
    ↓
确定临时文件路径
    ↓
获取预览模板配置
    ↓
调用 exportHtml() 导出 HTML（包含内联 CSS）
    ↓
导出成功
    ↓
检测 HarmonyOS 平台
    ↓
发送 IPC 消息到主进程
    ↓
主进程处理文件路径
    ↓
在浏览器中打开文件

文件路径处理与IPC通信

5.1 IPC 监听器注册

实现位置：main.js 第704-748行

// main.js

// ⚠️ HarmonyOS: 处理 shell.openExternal 请求（在浏览器中查看文档）
ipcMain.on('harmonyos-shell-openExternal', (event, urlOrPath) => {
    console.log('[HarmonyOS Main] harmonyos-shell-openExternal IPC message received, urlOrPath:', urlOrPath);
  
    try {
        var filePath = urlOrPath;
    
        // 1. 检测是否为临时文件路径
        var isTempPath = filePath && (
            filePath.indexOf('/data/storage/el2/base/temp/') === 0 || 
            filePath.indexOf(constants.path.tmp) === 0
        );
    
        console.log('[HarmonyOS Main] isTempPath:', isTempPath);
        console.log('[HarmonyOS Main] filePath:', filePath);
    
        // 2. 处理文件路径
        var url = filePath;
        if (isTempPath) {
            // 临时文件需要特殊处理
            // ... 文件复制逻辑 ...
        } else {
            // 普通文件路径，转换为 file:// URI
            if (!url.startsWith('file://')) {
                url = 'file://' + url;
            }
        }
    
        // 3. 使用 shell.openExternal 打开文件
        if (shell && typeof shell.openExternal === 'function') {
            console.log('[HarmonyOS Main] Opening file:', url);
            shell.openExternal(url).catch((err) => {
                console.error('[HarmonyOS Main] shell.openExternal failed:', err);
            });
        } else {
            console.error('[HarmonyOS Main] shell.openExternal not available');
        }
    } catch (error) {
        console.error('[HarmonyOS Main] Error handling harmonyos-shell-openExternal:', error);
    }
});

5.2 临时文件处理

临时文件路径问题：

  • 临时文件路径：/data/storage/el2/base/temp/...
  • 浏览器可能无法直接访问临时目录
  • 需要复制到可访问的目录或转换为可访问的 URI

处理策略：

if (isTempPath) {
    // 方案1：复制文件到文档目录
    // 方案2：转换为可访问的 file:// URI
    // 方案3：使用鸿蒙系统的文件访问 API
}

5.3 命令函数调用

实现位置：commands.js 第524-526行

// commands.js

viewInBrowser: function(win, abrDoc, cm) {
    abrDoc.viewInBrowser();
}

功能说明：

  • ✅ 简单的命令包装函数
  • ✅ 调用 abrDoc.viewInBrowser() 执行预览
  • ✅ 支持菜单和快捷键调用

最佳实践与注意事项

6.1 CSS 内联最佳实践

推荐做法：

// ✅ 好：读取 CSS 文件并内联
var cssContent = fs.readFileSync(cssPath, 'utf8');
inlineStyles += '/* ' + cssFile + ' */\n' + cssContent + '\n\n';

// ✅ 好：移除外部链接后再插入内联样式
page = page.replace(/<link[^>]*rel=["']stylesheet["'][^>]*>/gi, '');
page = page.replace('</head>', '<style>' + inlineStyles + '</style>\n</head>');

// ❌ 不好：不检查文件是否存在
var cssContent = fs.readFileSync(cssPath, 'utf8');  // 可能抛出异常

注意事项：

  • ✅ 检查 CSS 文件是否存在
  • ✅ 处理文件读取错误
  • ✅ 添加注释标识 CSS 文件来源
  • ✅ 移除所有外部 CSS 链接

6.2 浏览器预览最佳实践

推荐做法：

// ✅ 好：使用 IPC 通信
ipcRenderer.send('harmonyos-shell-openExternal', filePath);

// ✅ 好：检查平台并选择合适的方法
if (isHarmonyOS) {
    // 使用 IPC
} else {
    // 使用标准方法
}

// ❌ 不好：直接使用 shell.openExternal（在渲染进程中不可用）
shell.openExternal(filePath);  // 在渲染进程中可能失败

注意事项：

  • ✅ 使用 IPC 通信，不直接在渲染进程调用系统 API
  • ✅ 检查平台，使用合适的打开方式
  • ✅ 处理临时文件路径问题
  • ✅ 完善的错误处理和日志

6.3 文件路径处理最佳实践

推荐做法：

// ✅ 好：检测临时文件路径
var isTempPath = filePath.indexOf('/data/storage/el2/base/temp/') === 0;

// ✅ 好：转换为 file:// URI
if (!url.startsWith('file://')) {
    url = 'file://' + url;
}

// ❌ 不好：直接使用路径
shell.openExternal(filePath);  // 可能无法识别路径格式

注意事项：

  • ✅ 检测文件路径类型（临时文件 vs 普通文件）
  • ✅ 转换为浏览器可识别的 URI 格式
  • ✅ 处理路径中的特殊字符

常见问题解答

Q1: 为什么需要 CSS 内联？

A: 由于 HarmonyOS 文件系统权限限制，无法在用户数据目录创建外部 CSS 文件。CSS 内联方案可以完全解决这个问题，确保导出的 HTML 文件可以独立使用。

Q2: CSS 内联会影响性能吗？

A: 影响很小。CSS 文件通常不大（几 KB 到几十 KB），内联到 HTML 中只会稍微增加文件大小，但可以避免外部文件依赖，提高可移植性。

Q3: 浏览器预览失败怎么办？

A: 检查以下几点：

  1. 文件路径是否正确
  2. IPC 通信是否正常
  3. 主进程是否正确处理路径
  4. 浏览器是否可以访问文件路径

Q4: 临时文件会被清理吗？

A: 临时文件通常会在应用退出时清理，或者在系统清理临时文件时删除。预览功能每次都会生成新的临时文件路径。

总结与展望

8.1 核心要点总结

通过本文的深入分析，我们了解到：

  1. CSS 内联方案：解决文件系统权限问题，确保 HTML 文件独立可用
  2. 浏览器预览功能：通过 IPC 通信和路径处理，实现在浏览器中预览文档
  3. 文件路径处理：正确处理临时文件和普通文件路径，转换为浏览器可识别的格式

8.2 技术价值

这个解决方案不仅解决了 HTML 导出和预览问题，还带来了以下好处：

  • ✅ 完全解决权限问题：CSS 内联无需创建外部文件
  • ✅ 提高可移植性：HTML 文件独立，可以在任何地方使用
  • ✅ 更好的用户体验：浏览器预览功能正常工作
  • ✅ 跨平台兼容：代码在标准平台和鸿蒙 PC 上都能正常工作

8.3 适用场景

这套方案适用于：

  • ✅ 所有需要 HTML 导出功能的 Electron 应用
  • ✅ 需要浏览器预览功能的编辑器应用
  • ✅ 在鸿蒙 PC 上运行的 Electron 应用
  • ✅ 需要独立 HTML 文件的应用

相关资源

Electron 官方文档：

HarmonyOS 官方文档：

MDN 文档：

# electron # harmonyos # pytorch
Logo
Harmony PC 开发者社区

赋能鸿蒙PC开发者，共建全场景原生生态，共享一次开发多端部署创新价值。

更多推荐

cover

蓝香蕉代码 |【鸿蒙电脑使用openclaw小龙虾】

avatar Harmony PC 开发者社区

Linux包管理器生态漫谈

本文系统梳理了 Linux 软件包管理的演进脉络，从早期的源码编译痛点出发，深入解析了传统包管理器（如 APT、Pacman）的依赖管理逻辑，并对比探讨了以 Nix 和 Flatpak 为代表的新一代包管理器在沙箱隔离、原子更新及跨发行版分发上的设计创新。

avatar Harmony PC 开发者社区

Ports软件组织模式与跨平台包管理神器pkgsrc

本文探讨了软件仓库的一种架构——Ports 组织模式。这是一种以构建脚本为本体、实时定义软件生产逻辑的架构。文章详细拆解了其从源码构建到二进制“缓存”的进化过程，并重点解析了具备极致可移植性的跨平台神器 pkgsrc。

avatar Harmony PC 开发者社区