oceanpress 1.0.3 → 1.0.9

package/dist-cli/cli.js

@@ -4,101 +4,175 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 
 // src/cli/deploy.ts
 import { readFile } from "fs/promises";
-import { createRPC as createRPC2 } from "oceanpress-rpc";
-import { stringify as stringify2 } from "superjson";
-
-// src/core/dependency.ts
-var nullDep = () => {
-  throw new Error("\u4E0D\u53EF\u8C03\u7528\u672A\u586B\u5145\u7684\u4F9D\u8D56");
-};
-var storeDep = {
-  // 读写配置文件所依赖的副作用
-  setItem: nullDep,
-  getItem: nullDep,
-  // render功能依赖的副作用
-  getNodeByID: nullDep,
-  getDocPathBySY: nullDep,
-  getDocByChildID: nullDep,
-  getHPathByID_Node: nullDep
-};
 
-// src/util/deep_assign.ts
-function deepAssign(target, source, config = { add: true, update: true }) {
-  for (let key in source) {
-    if (source.hasOwnProperty(key)) {
-      if (source[key] instanceof Object && !Array.isArray(source[key])) {
-        if (!target.hasOwnProperty(key)) {
-          target[key] = {};
-        }
-        deepAssign(target[key], source[key], config);
+// ../rpc/dist/index.js
+async function createRPC(...[type, options]) {
+  const apiModule = type === "apiProvider" ? await options.genApiModule() : void 0;
+  const remoteCall = type === "apiConsumer" ? options.remoteCall : void 0;
+  async function RC(method, data) {
+    async function executeMiddleware(index) {
+      if (options.middleware && index < options.middleware.length) {
+        return options.middleware[index](method, data, () => executeMiddleware(index + 1));
       } else {
-        if (!target.hasOwnProperty(key) && config.add) {
-          target[key] = source[key];
-        } else if (config.update) {
-          target[key] = source[key];
+        return executeCall();
+      }
+    }
+    async function executeCall() {
+      try {
+        if (type === "apiProvider") {
+          const methodParts = method.split(".");
+          let currentObj = apiModule;
+          for (const part of methodParts) {
+            if (currentObj && typeof currentObj === "object" && part in currentObj) {
+              currentObj = currentObj[part];
+            } else {
+              throw new Error(`Method ${method} not found`);
+            }
+          }
+          if (typeof currentObj === "function") {
+            return await currentObj(...data);
+          } else {
+            throw new Error(`${method} is not a function`);
+          }
+        } else {
+          return await remoteCall(method, data);
         }
+      } catch (error) {
+        console.error("API call failed:", error);
+        throw error;
       }
     }
+    return await executeMiddleware(0);
   }
-  return target;
+  function createNestedProxy(path = []) {
+    return {
+      get(target, prop) {
+        if (prop === "then") {
+          return void 0;
+        }
+        const newPath = [...path, prop];
+        return new Proxy(function(...args) {
+          const method = newPath.join(".");
+          return RC(method, args);
+        }, createNestedProxy(newPath));
+      },
+      apply(target, thisArg, args) {
+        const method = path.join(".");
+        return RC(method, args);
+      }
+    };
+  }
+  const API2 = new Proxy(function() {
+  }, createNestedProxy());
+  return { API: API2, RC };
 }
 
+// src/cli/deploy.ts
+import { stringify as stringify2 } from "superjson";
+
 // src/core/config.ts
+import { Effect } from "effect";
 import { computed, reactive, watch } from "vue";
 
 // package.json
 var package_default = {
   name: "oceanpress",
-  private: true,
-  version: "1.0.2",
+  version: "1.0.9",
   type: "module",
   scripts: {
     dev: "vite",
     cli: "tsx ./src/cli.ts",
-    cli_watch: "tsx watch ./src/cli.ts",
+    "cli-w": "tsx watch ./src/cli.ts",
     build: "vite build && npm run build_lib",
     build_lib: "vite build --config vite.sw.config.ts",
-    build_npmlib: "vite build --mode library",
+    build_app: "vite build --mode library",
+    build_cli: "tsup",
     build_plugin_ui: "vite build --config vite.plugin.config.ts",
     dev_plugin_ui: "vite build --watch --config vite.plugin.config.ts",
-    generate_dependency_graph: "depcruise src --include-only '^src' --output-type dot > ./assets/dep.dot",
     preview: "vite preview"
   },
-  bin: "./dist/cli.js",
+  bin: {
+    oceanpress: "./dist-cli/cli.js"
+  },
+  files: [
+    "dist/assets",
+    "dist/dev",
+    "dist/index.html",
+    "dist/ocean_press-log.png",
+    "dist-app/assets",
+    "dist-app/dev",
+    "dist-app/app.*",
+    "dist-cli",
+    "*.md"
+  ],
   dependencies: {
-    "@aws-sdk/client-s3": "^3.758.0",
-    "@hono/node-server": "^1.13.8",
-    cheerio: "1.0.0",
-    commander: "^13.1.0",
+    "@aws-sdk/client-s3": "^3.864.0",
+    "@hono/node-server": "^1.18.1",
+    cheerio: "1.1.2",
+    commander: "^14.0.0",
+    effect: "^3.17.7",
     fzstd: "^0.1.1",
-    hono: "^4.7.4",
+    hono: "^4.9.0",
     jszip: "^3.10.1",
-    meilisearch: "^0.49.0",
-    "naive-ui": "^2.41.0",
-    "oceanpress-rpc": "workspace:*",
-    "oceanpress-server": "workspace:*",
-    octokit: "^4.1.2",
+    meilisearch: "^0.51.0",
+    "naive-ui": "^2.42.0",
+    octokit: "^5.0.3",
     superjson: "^2.2.2",
-    tsx: "^4.19.3",
-    vditor: "^3.10.9",
-    vue: "^3.5.13",
-    "vue-router": "^4.5.0",
+    tsx: "^4.20.3",
+    vditor: "^3.11.1",
+    vue: "^3.5.18",
+    "vue-router": "^4.5.1",
     "zstd-codec": "^0.1.5"
   },
   devDependencies: {
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
-    "dependency-cruiser": "^16.10.0",
-    tsup: "^8.4.0",
-    typescript: "^5.8.2",
-    vite: "^6.2.2",
-    "vite-plugin-vue-devtools": "^7.7.2",
-    "vue-tsc": "^2.2.8"
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "dependency-cruiser": "^17.0.1",
+    "oceanpress-rpc": "workspace:*",
+    "oceanpress-server": "workspace:*",
+    tsup: "^8.5.0",
+    typescript: "^5.9.2",
+    vite: "^7.1.2",
+    "vite-plugin-vue-devtools": "^8.0.0",
+    "vue-tsc": "^3.0.5"
+  }
+};
+
+// src/util/deep_assign.ts
+function deepAssign(target, source, config = { add: true, update: true }) {
+  for (let key in source) {
+    if (source.hasOwnProperty(key)) {
+      if (source[key] instanceof Object && !Array.isArray(source[key])) {
+        if (!target.hasOwnProperty(key)) {
+          target[key] = {};
+        }
+        deepAssign(target[key], source[key], config);
+      } else {
+        if (!target.hasOwnProperty(key) && config.add) {
+          target[key] = source[key];
+        } else if (config.update) {
+          target[key] = source[key];
+        }
+      }
+    }
   }
+  return target;
+}
+
+// src/core/EffectDep.ts
+import { Context } from "effect";
+var EffectRender = class extends Context.Tag("EffectDep")() {
+};
+var EffectLocalStorageDep = class extends Context.Tag("EffectLocalStorageDep")() {
+};
+var EffectLogDep = class extends Context.Tag("EffectLogDep")() {
+};
+var EffectConfigDep = class extends Context.Tag("EffectConfigDep")() {
 };
 
 // src/core/config.ts
 var version = package_default.version;
+console.log("[version]", version);
 var defaultConfig = {
   name: "default",
   /** 需要编译的笔记本 */
@@ -150,7 +224,7 @@ var defaultConfig = {
   //   publicZip:
   //     'https://fastly.jsdelivr.net/gh/siyuan-note/oceanpress@v0.0.7/apps/frontend/public/public.zip',
   // },
-  /** s3 上传配置
+  /** 部署到 s3 上传配置
    * https://help.aliyun.com/zh/oss/developer-reference/use-amazon-s3-sdks-to-access-oss#section-2ri-suq-pb3
    */
   s3: {
@@ -187,6 +261,15 @@ var defaultConfig = {
 </p>
 </footer>`
   },
+  /** 侧边栏配置 */
+  sidebarCode: {
+    /** 启用文档树，则 leftCode 将插入在文档树上方 */
+    enableDocTree: true,
+    /** 将插入主文档的左侧div中的html代码 */
+    leftCode: "",
+    /** 将插入主文档的右侧div中的html代码  */
+    rightCode: ""
+  },
   OceanPress: {
     /** 此配置文件编译时的版本 */
     version
@@ -200,47 +283,49 @@ var configs = reactive({
   default: deepAssign({}, defaultConfig)
 });
 var loadConfigFile = (c) => {
-  if (c) {
-    deepAssign(configs, c);
-  } else {
-    const localConfig = storeDep.getItem("configs");
-    if (localConfig) {
-      deepAssign(configs, JSON.parse(localConfig));
+  return Effect.gen(function* () {
+    const effectDep = yield* EffectLocalStorageDep;
+    if (c) {
+      deepAssign(configs, c);
+    } else {
+      const localConfig = effectDep.getItem("configs");
+      if (localConfig) {
+        deepAssign(configs, JSON.parse(localConfig));
+      }
     }
-  }
-  Object.entries(configs).filter(([key]) => key.startsWith("__") === false).forEach(([_key, obj]) => {
-    deepAssign(obj, defaultConfig, { update: false, add: true });
+    Object.entries(configs).filter(([key]) => key.startsWith("__") === false).forEach(([_key, obj]) => {
+      deepAssign(obj, defaultConfig, { update: false, add: true });
+    });
+    const saveConfig = () => {
+      if (configs.__init__ === false)
+        effectDep.setItem("configs", JSON.stringify(configs, null, 2));
+    };
+    let timer = null;
+    const debounceSaveConfig = () => {
+      if (timer) {
+        clearTimeout(timer);
+      }
+      timer = setTimeout(() => {
+        saveConfig();
+        timer = null;
+      }, 700);
+    };
+    watch(configs, debounceSaveConfig, { deep: true });
+    return configs;
   });
 };
 var currentConfig = computed(() => configs[configs.__current__]);
 var tempConfig = {
   cdn: {
     /** 思源 js、css等文件的前缀 */
-    siyuanPrefix: "https://fastly.jsdelivr.net/gh/siyuan-note/oceanpress@latest/apps/frontend/public/notebook/",
+    siyuanPrefix: `https://fastly.jsdelivr.net/gh/siyuan-note/oceanpress@${version}/apps/frontend/public/notebook/`,
+    // 'https://fastly.jsdelivr.net/gh/siyuan-note/oceanpress@latest/apps/frontend/public/notebook/',
     /** 思源 js、css等文件zip包地址  */
     publicZip: "https://fastly.jsdelivr.net/gh/siyuan-note/oceanpress@v0.0.7/apps/frontend/public/public.zip"
   },
   withoutPublicZip: true
 };
-var saveConfig = () => {
-  if (configs.__init__ === false)
-    storeDep.setItem("configs", JSON.stringify(configs, null, 2));
-};
-var timer = null;
-var debounceSaveConfig = () => {
-  if (timer) {
-    clearTimeout(timer);
-  }
-  timer = setTimeout(() => {
-    saveConfig();
-    timer = null;
-  }, 700);
-};
-watch(configs, debounceSaveConfig, { deep: true });
 configs.__init__ = false;
-if (globalThis.document) {
-  loadConfigFile();
-}
 
 // src/core/genZip.ts
 import JSZip from "jszip";
@@ -306,7 +391,7 @@ var MeilisearchPlugin = class {
         if (path.endsWith("index.html")) break;
       }
       this.updateDocument();
-      return next(tree);
+      return next(...c);
     });
     this.host = option.host;
     this.apiKey = option.apiKey;
@@ -339,91 +424,72 @@ var MeilisearchPlugin = class {
   }
 };
 
-// src/core/plugin.ts
-var PluginCenter = class {
-  constructor(_funMap) {
-    this._funMap = _funMap;
-    __publicField(this, "plugins", []);
-    /** 辅助类型，不可调用！ */
-    __publicField(this, "pluginType", 0);
-    /** 对需要调用的函数进行代理,完成插件hook介入。 */
-    __publicField(this, "fun");
-    const that = this;
-    this.fun = new Proxy({}, {
-      get(_target, propertyKey, receiver) {
-        const method = Reflect.get(that._funMap, propertyKey, receiver);
-        if (typeof method === "function") {
-          return (...args) => {
-            return that.callFn(
-              propertyKey,
-              //@ts-ignore  懒得推类型了。属于内部实现，就直接忽略掉吧
-              method
-            )(...args);
-          };
-        }
-        return method;
-      }
-    });
-  }
-  registerPlugin(plugin) {
-    this.plugins.push(plugin);
-  }
-  removePlugin(plugin) {
-    this.plugins = this.plugins.filter((p) => p !== plugin);
-  }
-  /** 洋葱hook调用机制的实现 */
-  callFn(name, fn) {
-    return (...arg) => {
-      const m = new middlewareRunner(fn);
-      for (const plugin of this.plugins) {
-        const middleware = plugin[name];
-        if (middleware) {
-          m.use(middleware);
+// src/plugins/publish/OceanPressServer.ts
+import { stringify } from "superjson";
+function deployOceanPressServer_plugin(config) {
+  const plugin = {
+    async build_onFileTree([tree, effectApi], next) {
+      next(tree, effectApi);
+      const client = await createRPC("apiConsumer", {
+        async remoteCall(method, data) {
+          let body;
+          let content_type;
+          if (data[0] instanceof ReadableStream) {
+            body = await new Response(data[0]).blob();
+            content_type = "application/octet-stream";
+          } else {
+            body = stringify(data);
+            console.log("[body]", body);
+            content_type = "application/json";
+          }
+          return fetch(`${config.oceanPressServer.apiBase}/api/${method}`, {
+            method: "POST",
+            body,
+            headers: {
+              "x-api-key": config.oceanPressServer.apiKey,
+              "Content-Type": content_type
+            },
+            // @ts-expect-error 在 node 运行的时候需要声明双工模式才能正确发送 ReadableStream，TODO 需要验证浏览器端可以这样运行吗
+            duplex: "half"
+            // 关键：显式声明半双工模式
+          }).then((res2) => res2.json()).then((r) => {
+            if (r.error) {
+              console.log("[r]", r);
+              throw new Error();
+            }
+            return r.result;
+          });
         }
-      }
-      return m.runMiddlewareHandel(...arg);
-    };
-  }
-};
-var middlewareRunner = class {
-  constructor(handel) {
-    this.handel = handel;
-    __publicField(this, "middlewares", []);
-  }
-  use(middleware) {
-    this.middlewares.push(middleware);
-  }
-  runMiddlewareHandel(...ctx) {
-    let index = 0;
-    const next = (...ctx2) => {
-      const middleware = this.middlewares[index];
-      index++;
-      if (middleware === void 0) {
-        return this.handel.call(this, ...ctx2);
-      }
-      return middleware(ctx2, next);
-    };
-    return next.call(this, ...ctx);
-  }
-};
+      });
+      const zip = await genZIP(tree, { withoutZip: true });
+      const sizeInMB = zip.size / (1024 * 1024);
+      console.log("[zip.size in MB]", sizeInMB.toFixed(2));
+      const readableStream = zip.stream();
+      const { chunkCount, fileId } = await client.API.upload(readableStream);
+      console.log("[res]", { chunkCount, fileId });
+      const res = await client.API.deploy({ zipFileId: fileId });
+      console.log("[deploy res]", res);
+    }
+  };
+  return plugin;
+}
 
 // src/plugins/publish/s3.ts
 import { S3 } from "@aws-sdk/client-s3";
 var s3Upload_plugin = {
-  build: async function([config, effect, other], next) {
-    const res = await next(config, effect, {
-      ...other,
-      onFileTree: async (tree) => {
-        if (other?.onFileTree) {
-          await other.onFileTree(tree);
+  build: function([config, otherConfig], next) {
+    return next(config, {
+      ...otherConfig,
+      onFileTree: async (tree, effectApi) => {
+        if (otherConfig?.onFileTree) {
+          await otherConfig.onFileTree(tree, effectApi);
         }
         for await (const [fileName, ETag] of s3_uploads(tree, config)) {
-          effect.log(`\u4E0A\u4F20\uFF1A ${fileName} ${ETag}`);
+          effectApi.log(`\u4E0A\u4F20\uFF1A ${fileName} ${ETag}`);
         }
+        effectApi.log(`s3 \u4E0A\u4F20\u5B8C\u6BD5`);
       }
     });
-    effect.log(`s3 \u4E0A\u4F20\u5B8C\u6BD5`);
-    return res;
   }
 };
 var s3_uploads = async function* (tree, config) {
@@ -452,115 +518,22 @@ var s3_uploads = async function* (tree, config) {
   }
 };
 
-// src/core/htmlTemplate.ts
-async function htmlTemplate(p, config) {
-  let prePath = "";
-  if (config?.siyuanPrefix) {
-    prePath = config.siyuanPrefix;
-  } else {
-    for (let i = 0; i < p.level; i++) {
-      prePath += "../";
-    }
+// src/core/build.ts
+import { Effect as Effect4 } from "effect";
+
+// src/components/data_promise/index.ts
+import { customRef, nextTick, watch as watch2, watchEffect } from "vue";
+var PromiseObj = class {
+  constructor() {
+    __publicField(this, "pending", false);
+    __publicField(this, "fulfilled", false);
+    __publicField(this, "rejected", false);
+    __publicField(this, "data", {});
+    __publicField(this, "error", {});
+    __publicField(this, "_p", Promise.resolve());
   }
-  const version2 = "2.10.5";
-  return `<!DOCTYPE html>
-<html lang="zh_CN" data-theme-mode="light" data-light-theme="daylight" data-dark-theme="midnight">
-<head>
-  ${config?.embedCode?.head ?? ""}
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <link rel="stylesheet" type="text/css" id="baseStyle" href="${prePath}stage/build/export/base.css?${version2}"/>
-  <script>
-  function isNightTime() {
-    const currentHour = new Date().getHours();
-    return currentHour >= 18 || currentHour < 6;
-  }
-  document.write('<link rel="stylesheet" type="text/css" id="themeDefaultStyle" href="${prePath}appearance/themes/'+(isNightTime()?'midnight':'daylight')+'/theme.css?${version2}"/>');
-  </script>
-  <link rel="stylesheet" type="text/css" href="${prePath}appearance/oceanpress.css"/>
-  <title>${p.title}</title>
-</head>
-<body>
-  ${config?.embedCode?.beforeBody ?? ""}
-  <div class="protyle-wysiwyg protyle-wysiwyg--attr" id="preview">
-  ${p.htmlContent}
-  </div>
-  <script src="${prePath}appearance/icons/material/icon.js?${version2}"></script>
-  <script src="${prePath}stage/build/export/protyle-method.js?${version2}"></script>
-  <script src="${prePath}stage/protyle/js/lute/lute.min.js?${version2}"></script>
-  <script>
-    window.siyuan = {
-      config: {
-        appearance: {
-          mode: isNightTime()?1:0,//\u4E3B\u9898 \u660E\u4EAE=0 \u6697\u9ED1=1
-          codeBlockThemeDark: "base16/dracula",
-          codeBlockThemeLight: "github",
-        },
-        editor: {
-          codeLineWrap: true,
-          codeLigatures: false,
-          plantUMLServePath: "https://www.plantuml.com/plantuml/svg/~1",
-          codeSyntaxHighlightLineNum: true,
-          katexMacros: JSON.stringify({}),
-        },
-      },
-      languages: { copy: "\u590D\u5236" },
-    };
-    const cdn = "${prePath}stage/protyle";
-    const previewElement = document.getElementById("preview");
-
-    Protyle.highlightRender(previewElement, cdn);
-    Protyle.mathRender(previewElement, cdn, false);
-    Protyle.mermaidRender(previewElement, cdn);
-    Protyle.flowchartRender(previewElement, cdn);
-    Protyle.graphvizRender(previewElement, cdn);
-    Protyle.chartRender(previewElement, cdn);
-    Protyle.mindmapRender(previewElement, cdn);
-    Protyle.abcRender(previewElement, cdn);
-    Protyle.htmlRender(previewElement);
-    Protyle.plantumlRender(previewElement, cdn);
-    document.querySelectorAll(".protyle-action__copy").forEach((item) => {
-      item.addEventListener("click", (event) => {
-        navigator.clipboard.writeText(
-          item.parentElement.nextElementSibling.textContent.trimEnd(),
-        );
-        event.preventDefault();
-        event.stopPropagation();
-      });
-    });
-  </script>
-  ${config?.embedCode?.afterBody ?? ""}
-</body>
-</html>`;
-}
-
-// src/util/escaping.ts
-function escaping(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos");
-}
-function unescaping(s) {
-  return s.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&#(\d+);/g, (_sub, code) => {
-    return String.fromCharCode(Number(code));
-  });
-}
-
-// src/components/data_promise/index.ts
-import { customRef, nextTick, watch as watch2, watchEffect } from "vue";
-var PromiseObj = class {
-  constructor() {
-    __publicField(this, "pending", false);
-    __publicField(this, "fulfilled", false);
-    __publicField(this, "rejected", false);
-    __publicField(this, "data", {});
-    __publicField(this, "error", {});
-    __publicField(this, "_p", Promise.resolve());
-  }
-  setP(p) {
-    this._p = p;
+  setP(p) {
+    this._p = p;
   }
   equalP(p) {
     return this._p === p;
@@ -727,606 +700,100 @@ var vApi = new Proxy(
   }
 );
 
-// src/core/render.ts
-async function renderHTML(sy, renderInstance = getRender()) {
-  if (sy === void 0) return "";
-  const renderObj = {
-    ...renderInstance,
-    nodeStack: [
-      /** 避免让所有的 renderInstance.nodeStack 是同一个对象 ，所以这里复制一个新的  */
-      ...renderInstance.nodeStack
-    ]
-  };
-  if (renderInstance.nodeStack.find(
-    (node) => node.ID && sy.ID && node.ID === sy.ID
-  )) {
-    return warnDiv(
-      "\u5FAA\u73AF\u5F15\u7528",
-      [...renderInstance.nodeStack, sy].map((el) => el.ID)
-    );
+// src/core/siyuan_type.ts
+function DB_block_path(p) {
+  return `data/${p.box}${p.path}`;
+}
+
+// src/core/cache.ts
+var cache = true;
+function setCache(b) {
+  cache = b;
+}
+var sqlCacheMap = /* @__PURE__ */ new Map();
+var hpathCacheMap = /* @__PURE__ */ new Map();
+var idCacheMap = /* @__PURE__ */ new Map();
+var blockCacheMap = /* @__PURE__ */ new Map();
+async function query_sql(stmt) {
+  if (cache && sqlCacheMap.has(stmt)) {
+    return sqlCacheMap.get(stmt);
   }
-  if (renderObj[sy.Type] === void 0) {
-    return warnDiv(
-      `\u6CA1\u6709\u627E\u5230\u5BF9\u5E94\u7684\u6E32\u67D3\u65B9\u6CD5 ${sy.Type}  ${renderObj.nodeStack[0].Properties?.title}`
-    );
-  } else {
-    renderObj.nodeStack.push(sy);
-    if (sy.ID && renderInstance.nodeStack[0]?.ID) {
-      const targetDoc = await storeDep.getDocByChildID(sy.ID);
-      const currentDoc = renderInstance.nodeStack[0];
-      if (targetDoc?.ID !== void 0 && targetDoc.ID !== currentDoc.ID && currentDoc.ID) {
-        renderObj.refs.add(targetDoc.ID);
-      }
-    }
-    const r = await renderObj[sy.Type](sy);
-    renderObj.nodeStack.pop();
-    return r;
+  const res = await API.query_sql({
+    stmt
+  });
+  if (cache) {
+    sqlCacheMap.set(stmt, res);
   }
+  return res;
 }
-function warnDiv(msg, ...args) {
-  warn(msg, ...args);
-  return `<div class="ft__smaller ft__secondary b3-form__space--small">${msg}</div>`;
+async function get_doc_by_hpath(hpath) {
+  if (cache) {
+    const c = hpathCacheMap.get(hpath);
+    if (c) return c;
+  }
+  const docBlock = (await query_sql(
+    `SELECT * FROM blocks WHERE hpath = '${hpath}'`
+  ))[0];
+  if (docBlock === void 0) throw new Error(`not doc by:${hpath}`);
+  const res = await get_doc_by_SyPath(DB_block_path(docBlock));
+  if (cache) {
+    hpathCacheMap.set(hpath, res);
+  }
+  return res;
 }
-function isRenderCode(sy) {
-  const mark = atob(
-    sy.CodeBlockInfo ?? sy.Children?.find((el) => el.Type === "NodeCodeBlockFenceInfoMarker")?.CodeBlockInfo ?? ""
+async function get_doc_by_SyPath(path) {
+  const res = parentRef(
+    await API.file_getFile({
+      path
+    })
   );
-  return [
-    [
-      "mindmap",
-      "mermaid",
-      "echarts",
-      "abc",
-      "graphviz",
-      "flowchart",
-      "plantuml"
-    ].includes(mark),
-    mark
-  ];
-}
-var html = String.raw;
-async function childRender(sy, renderInstance) {
-  let h = "";
-  for await (const el of sy?.Children ?? []) {
-    h += await renderHTML(el, renderInstance);
+  if (cache) {
+    idCache(res);
   }
-  return h;
+  return res;
 }
-function strAttr(sy, config = {}) {
-  if (config?.subtype_class === void 0) {
-    config.subtype_class = (() => {
-      const typ_subtype = sy.ListData?.Typ === 1 ? (
-        /** 有序列表 */
-        "o"
-      ) : sy.ListData?.Typ === 3 ? (
-        /** 任务列表 */
-        "t"
-      ) : (
-        /** 无序列表 */
-        "u"
-      );
-      if (sy.Type === "NodeDocument") return "h1";
-      else if (sy.Type === "NodeHeading") return `h${sy.HeadingLevel}`;
-      else if (sy.Type === "NodeList") return [typ_subtype, "list"];
-      else if (sy.Type === "NodeListItem") return [typ_subtype, "li"];
-      else if (sy.Type === "NodeParagraph") return ["", "p"];
-      else if (sy.Type === "NodeImage") return ["", "img"];
-      else if (sy.Type === "NodeBlockquote") return ["", "bq"];
-      else if (sy.Type === "NodeSuperBlock") return ["", "sb"];
-      else if (sy.Type === "NodeCodeBlock") {
-        const [yes, mark] = isRenderCode(sy);
-        if (yes) {
-          return [mark, "render-node"];
-        } else {
-          return ["", "code-block"];
-        }
-      } else if (sy.Type === "NodeTable") return ["", "table"];
-      else if (sy.Type === "NodeThematicBreak") return ["", "hr"];
-      else if (sy.Type === "NodeMathBlock") return ["math", "render-node"];
-      else if (sy.Type === "NodeIFrame") return ["", "iframe"];
-      else if (sy.Type === "NodeVideo") return ["", "iframe"];
-      else return "";
-    })();
-  }
-  const attrObj = {};
-  function addAttr(key, value) {
-    attrObj[key] = value;
+async function get_block_by_id(id) {
+  if (cache) {
+    const block = blockCacheMap.get(id);
+    if (block) return block;
   }
-  if (sy.ID) {
-    addAttr("id", sy.ID);
-    addAttr("data-node-id", sy.ID);
+  const blocks = await query_sql(`
+          SELECT * from blocks
+          WHERE id = '${id}'
+        `);
+  if (blocks.length === 0) {
+    return;
   }
-  if (sy?.TextMarkType === "tag") {
-    addAttr(`data-type`, sy.TextMarkType ?? "");
-  } else {
-    addAttr(`data-type`, config?.data_type ?? sy.Type);
+  if (cache) blockCacheMap.set(id, blocks[0]);
+  return blocks[0];
+}
+async function get_node_by_id(id) {
+  if (id === void 0) return;
+  if (cache) {
+    const node = idCacheMap.get(id);
+    if (node) return node;
   }
-  if (sy.Properties?.updated) addAttr("updated", sy.Properties.updated);
-  if (config?.subtype_class) {
-    if (typeof config.subtype_class === "string") {
-      addAttr("data-subtype", config.subtype_class);
-      addAttr("class", config.subtype_class);
-    } else {
-      if (config.subtype_class[0] !== "")
-        addAttr("data-subtype", config.subtype_class[0]);
-      if (config.subtype_class[1] !== "")
-        addAttr("class", config.subtype_class[1]);
+  const doc = await get_doc_by_child_id(id);
+  if (doc === void 0) return;
+  return findNode(doc);
+  function findNode(node) {
+    if (node.ID === id) return node;
+    if (node.Children) {
+      return node.Children.find((child) => findNode(child));
     }
   }
-  if (sy.Properties) {
-    Object.entries(sy.Properties).forEach(([k, v]) => addAttr(k, v));
-  }
-  if (sy.ListData?.Marker) addAttr("data-marker", atob(sy.ListData.Marker));
-  if (
-    /** 任务列表 */
-    sy.ListData?.Typ === 3 && /** 该项被选中 */
-    sy.Children?.find(
-      (el) => el.Type === "NodeTaskListItemMarker"
-    )?.TaskListItemChecked
-  ) {
-    attrObj["class"] = (attrObj["class"] ?? "") + " protyle-task--done ";
+}
+async function allDocBlock_by_bookId(id) {
+  const res = await query_sql(`
+    SELECT * from blocks
+    WHERE box = '${id}'
+        AND type = 'd'
+    limit 150000 OFFSET 0
+  `);
+  if (cache) {
+    res.forEach((block) => blockCacheMap.set(block.id, block));
   }
-  delete attrObj["fold"];
-  if (sy.Type === "NodeDocument") delete attrObj["title"];
-  return Object.entries(attrObj).map(([k, v]) => `${k}="${v}"`).join(" ");
-}
-var _emptyString = async (_sy) => "";
-var _dataString = async (sy) => sy.Data ?? "";
-var getRender = () => {
-  return {
-    ...render,
-    nodeStack: [],
-    refs: /* @__PURE__ */ new Set()
-  };
-};
-var render = {
-  nodeStack: [],
-  refs: /* @__PURE__ */ new Set(),
-  async getTopPathPrefix() {
-    const sy = this.nodeStack[0];
-    let prefix = ".";
-    if (sy.Type === "NodeDocument" && sy.ID) {
-      const path = await storeDep.getDocPathBySY(sy);
-      if (path) {
-        const level = path.split("/").length - 3;
-        for (let i = 0; i < level; i++) {
-          prefix += "/..";
-        }
-      }
-      return prefix;
-    } else {
-      console.log("\u672A\u5B9A\u4E49\u9876\u5C42\u5143\u7D20\u975E NodeDocument \u65F6\u7684\u5904\u7406\u65B9\u5F0F", sy);
-      return "";
-    }
-  },
-  async NodeDocument(sy) {
-    let html2 = "";
-    if (
-      /** 只有顶层的文档块才渲染题图 */
-      this.nodeStack.length === 1
-    ) {
-      html2 += `<div style="min-height: 150px;" ${strAttr(sy)}>`;
-      if (sy.Properties?.["title-img"]) {
-        html2 += `<div class="protyle-background__img" style="margin-bottom: 30px;position: relative;height: 16vh;${sy.Properties?.["title-img"].replace(
-          /assets/,
-          //  修改为相对路径
-          await this.getTopPathPrefix() + "/assets"
-        )}"/>${sy.Properties?.["icon"] ? `<div style="position: absolute;bottom:-10px;left:15px;height: 80px;width: 80px;transition: var(--b3-transition);cursor: pointer;font-size: 68px;line-height: 80px;text-align: center;font-family: var(--b3-font-family-emoji);margin-right: 16px;"> &#x${sy.Properties?.["icon"]} </div>` : ""}</div>`;
-      }
-      html2 += "</div>";
-      html2 += `<h1 ${strAttr(sy)} data-type="NodeHeading" class="h1">${sy.Properties?.title}</h1>`;
-    }
-    html2 += await childRender(sy, this);
-    return html2;
-  },
-  async NodeHeading(sy) {
-    const tagName = `h${sy.HeadingLevel}`;
-    let html2 = `<${tagName} ${strAttr(sy)}>${await childRender(
-      sy,
-      this
-    )}</${tagName}>`;
-    const parentNode = this.nodeStack[
-      this.nodeStack.length - 2
-      /** 最后一个元素是 sy本身(NodeHeading)还得要往前一个，所以是2 */
-    ];
-    if (parentNode?.Type === "NodeBlockQueryEmbedScript") {
-      let afterFlag = false;
-      for (const node of sy.Parent.Children ?? []) {
-        if (node === sy) {
-          afterFlag = true;
-        } else if (node !== sy && node.Type === "NodeHeading") {
-          afterFlag = false;
-        } else if (afterFlag) {
-          html2 += "\n" + await renderHTML(node, this);
-        }
-      }
-    }
-    return html2;
-  },
-  NodeText: _dataString,
-  async NodeList(sy) {
-    return html`<div ${strAttr(sy)}>${await childRender(sy, this)}</div>`;
-  },
-  async NodeListItem(sy) {
-    return html`<div ${await strAttr(sy)}>
-      <div class="protyle-action">
-        ${sy.ListData?.Typ === 1 ? (
-      /** 有序列表 */
-      atob(sy.ListData?.Marker ?? "")
-    ) : sy.ListData?.Typ === 3 ? (
-      /** 任务列表 */
-      `<svg><use xlink:href="#${sy.Children?.find((el) => el.Type === "NodeTaskListItemMarker")?.TaskListItemChecked ? "iconCheck" : "iconUncheck"}"></use></svg>`
-    ) : (
-      /** 无序列表 */
-      `<svg><use xlink:href="#iconDot"></use></svg>`
-    )}
-      </div>
-      ${await childRender(sy, this)}
-    </div>`;
-  },
-  NodeTaskListItemMarker: _emptyString,
-  async NodeParagraph(sy) {
-    return `<div ${strAttr(sy)}><div spellcheck="false">${await childRender(
-      sy,
-      this
-    )}</div></div>`;
-  },
-  async NodeTextMark(sy) {
-    const that = this;
-    let r = "";
-    for (const type of (sy.TextMarkType?.split(" ") ?? []).reverse()) {
-      if (r === "") {
-        r = await TextMarkRender(sy, type, sy.TextMarkTextContent ?? "");
-      } else {
-        r = await TextMarkRender(sy, type, r);
-      }
-    }
-    return r;
-    async function TextMarkRender(sy2, type, content) {
-      if (type === "inline-math") {
-        return `<span data-type="inline-math" data-subtype="math" data-content="${sy2.TextMarkInlineMathContent}" class="render-node"></span>`;
-      } else if (type === "inline-memo") {
-        return `${content}<sup>\uFF08${sy2.TextMarkInlineMemoContent}\uFF09</sup>`;
-      } else if (type === "block-ref") {
-        let href = "";
-        if (sy2.TextMarkBlockRefID) {
-          const doc = await storeDep.getDocByChildID(sy2.TextMarkBlockRefID);
-          if (doc?.ID) {
-            href = `${await that.getTopPathPrefix()}${await storeDep.getHPathByID_Node(
-              doc
-            )}.html#${sy2.TextMarkBlockRefID}`;
-            that.refs.add(doc.ID);
-          } else {
-            warn(`\u672A\u67E5\u627E\u5230${sy2.ID}\u6240\u6307\u5411\u7684\u6587\u6863\u8282\u70B9 ${sy2.TextMarkBlockRefID}`);
-          }
-        } else {
-          warn(`${sy2.ID} \u5757\u5F15\u7528\u6CA1\u6709\u8BBE\u5B9A ref id`);
-        }
-        return `<span data-type="${sy2.TextMarkType}" data-subtype="${/** "s" */
-        sy2.TextMarkBlockRefSubtype}" data-id="${/** 被引用块的id */
-        sy2.TextMarkBlockRefID}"><a href="${href}">${content}</a></span>`;
-      } else if (type === "a") {
-        let href = sy2.TextMarkAHref;
-        if (href?.startsWith("assets/")) {
-          href = `${await that.getTopPathPrefix()}/${href}`;
-        }
-        return `<a href="${href}">${content}</a>`;
-      } else if (`strong em u s mark sup sub kbd tag code strong code text`.includes(
-        type ?? ""
-      )) {
-        return `<span ${strAttr(sy2, { data_type: type })}>${content}</span>`;
-      } else {
-        return warnDiv(
-          `\u6CA1\u6709\u627E\u5230\u5BF9\u5E94\u7684\u6E32\u67D3\u5668 ${sy2.TextMarkType}  ${that.nodeStack[0].Properties?.title}`
-        );
-      }
-    }
-  },
-  async NodeImage(sy) {
-    let link = "";
-    const LinkDest = sy.Children?.filter((c) => c.Type === "NodeLinkDest");
-    if (LinkDest?.length === 1) {
-      link = await renderHTML(LinkDest[0], this);
-    } else if (LinkDest?.length && LinkDest.length > 1) {
-      warn("NodeImage \u5B58\u5728\u591A\u4E2A LinkDest", sy);
-    }
-    let title = "";
-    const LinkTitle = sy.Children?.filter((c) => c.Type === "NodeLinkTitle");
-    if (LinkTitle?.length === 1) {
-      title = await renderHTML(LinkTitle[0], this);
-    } else if (LinkTitle?.length && LinkTitle.length > 1) {
-      warn("NodeImage \u5B58\u5728\u591A\u4E2A LinkTitle", sy);
-    }
-    return `<span ${await strAttr(sy)} style="${sy.Properties?.["parent-style"] ?? ""}">
-<img
-  src="${link}"
-  data-src="${link}"
-  title="${title}"
-  style="${sy.Properties?.style ?? ""}"
-  loading="lazy"
-/>
-<span class="protyle-action__title">${title}</span></span>`;
-  },
-  async NodeLinkDest(sy) {
-    if (/^(?:[a-z]+:)?\/\/|^(?:\/)/.test(sy.Data ?? "")) {
-      return sy.Data ?? "";
-    }
-    return `${await this.getTopPathPrefix()}/${sy.Data}`;
-  },
-  NodeLinkTitle: _dataString,
-  NodeKramdownSpanIAL: _emptyString,
-  async NodeSuperBlock(sy) {
-    return `<div ${strAttr(sy)} data-sb-layout="${childDateByType(
-      sy,
-      "NodeSuperBlockLayoutMarker"
-    )}">${await childRender(sy, this)}</div>`;
-  },
-  NodeSuperBlockOpenMarker: _emptyString,
-  NodeSuperBlockCloseMarker: _emptyString,
-  NodeSuperBlockLayoutMarker: _emptyString,
-  async NodeBlockQueryEmbed(sy) {
-    return `<div ${strAttr(sy)} data-type="NodeBlockquote" class="bq">${await childRender(sy, this)}</div>`;
-  },
-  NodeOpenBrace: _emptyString,
-  NodeCloseBrace: _emptyString,
-  async NodeBlockQueryEmbedScript(sy) {
-    const sql = sy.Data;
-    if (!sql) {
-      console.log("no sql", sy);
-      return html`<pre>${sql}</pre>`;
-    }
-    let htmlStr = "";
-    const blocks = await API.query_sql({
-      stmt: (
-        /** sql 被思源转义了，类似 ：SELECT * FROM blocks WHERE id = &#39;20201227174241-nxny1tq&#39;
-        所以这里将它转义回来
-        TODO 当用户确实使用了包含转义的字符串时，这个实现是错误的 */
-        unescaping(
-          sql
-        ).replace(
-          /** 我不理解lute为什么这样实现 https://github.com/88250/lute/blob/HEAD/editor/const.go#L38
-           * https://ld246.com/article/1696750832289
-           */
-          /_esc_newline_/g,
-          "\n"
-        )
-      )
-    }).catch((err) => {
-      throw new Error(
-        `sql error: ${err.message}
-rawSql:${sql}
-unescapingSql:${unescaping(
-          sql
-        )}`
-      );
-    });
-    for (const block of blocks) {
-      const node = await storeDep.getNodeByID(block.id);
-      if (node === void 0) {
-        return warnDiv("\u672A\u627E\u5230\u6B64\u5757\uFF0C\u53EF\u80FD\u4E3A\u8DE8\u7B14\u8BB0\u5F15\u7528", block.id, sql);
-      }
-      htmlStr += await renderHTML(node, this);
-    }
-    return htmlStr;
-  },
-  async NodeBlockquote(sy) {
-    return html`<div ${strAttr(sy)}>${await childRender(sy, this)}</div>`;
-  },
-  NodeBlockquoteMarker: _emptyString,
-  NodeCodeBlock: async (sy) => {
-    const [yes, _] = isRenderCode(sy);
-    if (yes) {
-      return `<div ${strAttr(sy)} data-content="${escaping(
-        sy.Children?.find((el) => el.Type === "NodeCodeBlockCode")?.Data ?? ""
-      )}">
-        <div spin="1"></div>
-        <div class="protyle-attr" contenteditable="false"></div>
-      </div>`;
-    }
-    return `<div ${strAttr(sy)}>
-        <div class="protyle-action">
-          <span class="protyle-action--first protyle-action__language">${await renderHTML(
-      sy.Children?.find(
-        (el) => el.Type === "NodeCodeBlockFenceInfoMarker"
-      ),
-      void 0
-    )}</span>
-          <span class="fn__flex-1"></span><span class="protyle-icon protyle-icon--only protyle-action__copy"><svg><use xlink:href="#iconCopy"></use></svg></span>
-        </div>
-        ${await renderHTML(
-      sy.Children?.find((el) => el.Type === "NodeCodeBlockCode"),
-      void 0
-    )}
-      </div>`;
-  },
-  NodeCodeBlockFenceInfoMarker: async (sy) => atob(sy.CodeBlockInfo ?? ""),
-  NodeCodeBlockCode: async (sy) => `<div class="hljs" spellcheck="false">${sy.Data}</div>`,
-  NodeCodeBlockFenceOpenMarker: _emptyString,
-  NodeCodeBlockFenceCloseMarker: _emptyString,
-  async NodeTable(sy) {
-    return `<div ${strAttr(sy)}>
-    <div>
-      <table spellcheck="false">
-        <colgroup>
-        ${sy.TableAligns?.map(() => "<col />").join("")}
-        </colgroup>
-        ${await renderHTML(
-      sy.Children?.find((el) => el.Type === "NodeTableHead"),
-      this
-    )}
-        <tbody>
-        ${(await Promise.all(
-      sy.Children?.filter((el) => el.Type === "NodeTableRow").map(
-        (el) => renderHTML(el, this)
-      ) ?? []
-    )).join("\n")}
-        </tbody>
-      </table>
-    </div>
-  </div>`;
-  },
-  async NodeTableHead(sy) {
-    return `<${sy.Data}>${await childRender(sy, this)}</${sy.Data}>`;
-  },
-  async NodeTableRow(sy) {
-    return `<tr>${await childRender(sy, this)}</tr>`;
-  },
-  async NodeTableCell(sy) {
-    return `<td>${await childRender(sy, this)}</td>`;
-  },
-  NodeHTMLBlock: async (sy) => `<div ${strAttr(sy)}>${sy.Data}</div>`,
-  NodeThematicBreak: async (sy) => `<div ${strAttr(sy)}><div></div></div>`,
-  NodeMathBlock: async (sy) => `<div ${strAttr(
-    sy
-  )} data-content="${childDateByType(sy, "NodeMathBlockContent")}">
-    <div spin="1"></div>
-  </div>`,
-  NodeMathBlockOpenMarker: _emptyString,
-  NodeMathBlockCloseMarker: _emptyString,
-  async NodeIFrame(sy) {
-    return ` <div ${strAttr(sy)}>
-    <div class="iframe-content">
-    ${/** 资源总是被复制到顶层目录，所以直接跳到顶层即可 */
-    /** TODO 应该有一个统一处理资源的方案 */
-    sy.Data?.replace(
-      /src="assets\//,
-      `src="${await this.getTopPathPrefix()}/assets/`
-    )}
-    </div>
-  </div>`;
-  },
-  async NodeVideo(sy) {
-    return await this.NodeIFrame(sy);
-  },
-  async NodeAudio(sy) {
-    return await this.NodeIFrame(sy);
-  },
-  /** 虚拟链接 */
-  NodeHeadingC8hMarker: _emptyString,
-  async NodeSoftBreak(_sy) {
-    return "\u200B";
-  },
-  async NodeBr(sy) {
-    return `<${sy.Data}>`;
-  },
-  async NodeWidget(sy) {
-    return `<div ${strAttr(
-      sy
-    )}><img src="${await this.getTopPathPrefix()}/assets/widget/${sy.ID}.jpg"/></div>`;
-  },
-  async NodeBackslash(sy) {
-    if (sy.Data === void 0 || sy.Data === "span") {
-      return `${await childRender(sy, this)}`;
-    } else {
-      return warnDiv(
-        `\u672A\u5B9A\u4E49\u7684 NodeBackslash \u5904\u7406 ${sy.Data}`,
-        this.nodeStack[0].Properties?.title
-      );
-    }
-  },
-  NodeBackslashContent: _dataString
-};
-function childDateByType(sy, type) {
-  return sy.Children?.find((el) => el.Type === type)?.Data;
-}
-function warn(...arg) {
-  console.warn("\n", ...arg);
-}
-
-// src/core/siyuan_type.ts
-function DB_block_path(p) {
-  return `data/${p.box}${p.path}`;
-}
-
-// src/core/cache.ts
-var cache = true;
-function setCache(b) {
-  cache = b;
-}
-var sqlCacheMap = /* @__PURE__ */ new Map();
-var hpathCacheMap = /* @__PURE__ */ new Map();
-var idCacheMap = /* @__PURE__ */ new Map();
-var blockCacheMap = /* @__PURE__ */ new Map();
-async function query_sql(stmt) {
-  if (cache && sqlCacheMap.has(stmt)) {
-    return sqlCacheMap.get(stmt);
-  }
-  const res = await API.query_sql({
-    stmt
-  });
-  if (cache) {
-    sqlCacheMap.set(stmt, res);
-  }
-  return res;
-}
-async function get_doc_by_hpath(hpath) {
-  if (cache) {
-    const c = hpathCacheMap.get(hpath);
-    if (c) return c;
-  }
-  const docBlock = (await query_sql(
-    `SELECT * FROM blocks WHERE hpath = '${hpath}'`
-  ))[0];
-  if (docBlock === void 0) throw new Error(`not doc by:${hpath}`);
-  const res = await get_doc_by_SyPath(DB_block_path(docBlock));
-  if (cache) {
-    hpathCacheMap.set(hpath, res);
-  }
-  return res;
-}
-async function get_doc_by_SyPath(path) {
-  const res = parentRef(
-    await API.file_getFile({
-      path
-    })
-  );
-  if (cache) {
-    idCache(res);
-  }
-  return res;
-}
-async function get_block_by_id(id) {
-  if (cache) {
-    const block = blockCacheMap.get(id);
-    if (block) return block;
-  }
-  const blocks = await query_sql(`
-          SELECT * from blocks
-          WHERE id = '${id}'
-        `);
-  if (blocks.length === 0) {
-    return;
-  }
-  if (cache) blockCacheMap.set(id, blocks[0]);
-  return blocks[0];
-}
-async function get_node_by_id(id) {
-  if (id === void 0) return;
-  if (cache) {
-    const node = idCacheMap.get(id);
-    if (node) return node;
-  }
-  const doc = await get_doc_by_child_id(id);
-  if (doc === void 0) return;
-  return findNode(doc);
-  function findNode(node) {
-    if (node.ID === id) return node;
-    if (node.Children) {
-      return node.Children.find((child) => findNode(child));
-    }
-  }
-}
-async function allDocBlock_by_bookId(id) {
-  const res = await query_sql(`
-    SELECT * from blocks
-    WHERE box = '${id}'
-        AND type = 'd'
-    limit 150000 OFFSET 0
-  `);
-  if (cache) {
-    res.forEach((block) => blockCacheMap.set(block.id, block));
-  }
-  return res;
+  return res;
 }
 async function get_doc_by_child_id(id) {
   if (cache) {
@@ -1364,7 +831,7 @@ function parentRef(sy) {
 }
 
 // src/core/genRssXml.ts
-async function generateRSSXML(path, renderInstance, config) {
+async function generateRSSXML(path, renderInstance, config, getHPathByID_Node) {
   const refNode = (await Promise.all([...renderInstance.refs.values()].map(get_node_by_id))).filter((el) => el);
   return `<?xml version="1.0" encoding="UTF-8"?>
   <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
@@ -1378,7 +845,7 @@ async function generateRSSXML(path, renderInstance, config) {
     refNode.map(
       async (node) => `<item>
     <title>${node?.Properties?.title}</title>
-    <link>${config.sitemap.sitePrefix}${node?.ID ? await storeDep.getHPathByID_Node(node?.ID) + ".html" : ""}</link>
+    <link>${config.sitemap.sitePrefix}${node?.ID ? await getHPathByID_Node(node?.ID) + ".html" : ""}</link>
     <description>${""}</description>
     <pubDate>${node?.Properties?.updated ? new Date(
         node.Properties.updated.replace(
@@ -1414,181 +881,1790 @@ function sitemap_xml(docArr, config) {
   </urlset>`;
 }
 
-// src/core/build.ts
-async function build(config, effect, otherConfig) {
-  const _renderHTML = otherConfig?.renderHtmlFn ?? renderHTML;
-  const book = config.notebook;
-  const docTree = {};
-  const skipBuilds = useSkipBuilds();
-  let oldPercentage = 0;
-  let total = 0;
-  function processPercentage(percentage) {
-    total += oldPercentage;
-    return (process3) => {
-      oldPercentage = process3 * percentage;
-      effect.percentage((total + oldPercentage) * 100);
-    };
+// src/core/seo.ts
+function extractDateFromId(id) {
+  if (!id || id.length < 14) return (/* @__PURE__ */ new Date()).toISOString();
+  try {
+    const datePart = id.slice(0, 14);
+    if (datePart.length === 14) {
+      const year = datePart.slice(0, 4);
+      const month = datePart.slice(4, 6);
+      const day = datePart.slice(6, 8);
+      const hour = datePart.slice(8, 10);
+      const minute = datePart.slice(10, 12);
+      const second = datePart.slice(12, 14);
+      return `${year}-${month}-${day}T${hour}:${minute}:${second}Z`;
+    }
+  } catch {
+  }
+  return (/* @__PURE__ */ new Date()).toISOString();
+}
+function formatDate(dateString) {
+  if (!dateString) return (/* @__PURE__ */ new Date()).toISOString();
+  try {
+    if (dateString.length === 14) {
+      const year = dateString.slice(0, 4);
+      const month = dateString.slice(4, 6);
+      const day = dateString.slice(6, 8);
+      const hour = dateString.slice(8, 10);
+      const minute = dateString.slice(10, 12);
+      const second = dateString.slice(12, 14);
+      return `${year}-${month}-${day}T${hour}:${minute}:${second}Z`;
+    }
+    const timestamp = parseInt(dateString);
+    if (!isNaN(timestamp)) {
+      return new Date(timestamp).toISOString();
+    }
+    return new Date(dateString).toISOString();
+  } catch {
+    return (/* @__PURE__ */ new Date()).toISOString();
+  }
+}
+var TFIDFKeywordExtractor = class {
+  constructor() {
+    __publicField(this, "stopWords", /* @__PURE__ */ new Set([
+      // 中文停用词
+      "\u7684",
+      "\u4E86",
+      "\u5728",
+      "\u662F",
+      "\u6211",
+      "\u6709",
+      "\u548C",
+      "\u5C31",
+      "\u4E0D",
+      "\u4EBA",
+      "\u90FD",
+      "\u4E00",
+      "\u4E2A",
+      "\u4E0A",
+      "\u4E5F",
+      "\u5F88",
+      "\u5230",
+      "\u8BF4",
+      "\u8981",
+      "\u53BB",
+      "\u4F60",
+      "\u4F1A",
+      "\u7740",
+      "\u6CA1\u6709",
+      "\u770B",
+      "\u597D",
+      "\u81EA\u5DF1",
+      "\u8FD9",
+      "\u90A3",
+      "\u73B0\u5728",
+      "\u53EF\u4EE5",
+      "\u4F46\u662F",
+      "\u8FD8\u662F",
+      "\u56E0\u4E3A",
+      "\u4EC0\u4E48",
+      "\u5982\u679C",
+      "\u6240\u4EE5",
+      "\u5BF9\u4E8E",
+      "\u5173\u4E8E",
+      "\u901A\u8FC7",
+      "\u8FDB\u884C",
+      "\u57FA\u4E8E",
+      "\u4EE5\u53CA",
+      "\u6216\u8005",
+      "\u800C\u4E14",
+      "\u7136\u540E",
+      "\u53EA\u662F",
+      "\u5DF2\u7ECF",
+      "\u6B63\u5728",
+      "\u5E94\u8BE5",
+      "\u80FD\u591F",
+      "\u9700\u8981",
+      "\u53EF\u80FD",
+      "\u4E00\u5B9A",
+      "\u8FD9\u6837",
+      "\u90A3\u6837",
+      "\u600E\u4E48",
+      "\u4E3A\u4EC0\u4E48",
+      "\u54EA\u91CC",
+      "\u54EA\u4E2A",
+      "\u591A\u5C11",
+      "\u51E0\u4E2A",
+      "\u4EC0\u4E48",
+      "\u600E\u4E48",
+      "\u5982\u4F55",
+      "\u4E3A\u4EC0\u4E48",
+      // 英文停用词
+      "the",
+      "a",
+      "an",
+      "and",
+      "or",
+      "but",
+      "in",
+      "on",
+      "at",
+      "to",
+      "for",
+      "of",
+      "with",
+      "by",
+      "is",
+      "are",
+      "was",
+      "were",
+      "be",
+      "been",
+      "being",
+      "have",
+      "has",
+      "had",
+      "do",
+      "does",
+      "did",
+      "will",
+      "would",
+      "could",
+      "should",
+      "may",
+      "might",
+      "must",
+      "can",
+      "this",
+      "that",
+      "these",
+      "those",
+      "i",
+      "you",
+      "he",
+      "she",
+      "it",
+      "we",
+      "they",
+      "me",
+      "him",
+      "her",
+      "us",
+      "them",
+      "my",
+      "your",
+      "his",
+      "its",
+      "our",
+      "their",
+      "not",
+      "no",
+      "yes",
+      "so",
+      "if",
+      "when",
+      "where",
+      "how",
+      "why",
+      "what",
+      "which",
+      "who",
+      "whom",
+      "there",
+      "here"
+    ]));
   }
-  effect.log(`=== \u5F00\u59CB\u7F16\u8BD1 ${book.name} ===`);
-  let process2 = processPercentage(0.4);
-  const Doc_blocks = await allDocBlock_by_bookId(book.id);
-  function refsNotUpdated(docBlock) {
-    const refs = config.__skipBuilds__[docBlock.id]?.refs ?? [];
-    for (const ref_id of refs) {
-      const new_doc_hash = Doc_blocks.find(
-        (docBlock2) => docBlock2.id === ref_id
-      )?.hash;
-      const old_doc_hash = config.__skipBuilds__[ref_id]?.hash;
-      if (new_doc_hash === void 0 || old_doc_hash === void 0) {
+  /**
+   * 计算词频 (TF)
+   */
+  calculateTermFrequency(text) {
+    const words = this.tokenize(text);
+    const tf = /* @__PURE__ */ new Map();
+    const totalWords = words.length;
+    for (const word of words) {
+      tf.set(word, (tf.get(word) || 0) + 1);
+    }
+    for (const [word, count] of tf) {
+      tf.set(word, count / totalWords);
+    }
+    return tf;
+  }
+  /**
+   * 分词处理（针对中文和英文优化）
+   */
+  tokenize(text) {
+    const tokens = [];
+    const plainText = text.replace(/<[^>]*>/g, " ").replace(/&[^;]+;/g, " ").replace(/\s+/g, " ").trim();
+    const englishWords = plainText.match(/[a-zA-Z]{3,}/g) || [];
+    tokens.push(...englishWords.map((word) => word.toLowerCase()).filter((word) => !this.stopWords.has(word)));
+    const camelCaseWords = plainText.match(/[a-z]+[A-Z][a-zA-Z0-9]*|[A-Z][a-z0-9]+[A-Z][a-zA-Z0-9]*/g) || [];
+    tokens.push(...camelCaseWords.map((word) => word.toLowerCase()));
+    const chineseTokens = this.extractChineseTokens(plainText);
+    tokens.push(...chineseTokens);
+    const filteredTokens = tokens.filter((token) => {
+      if (token.length < 2) return false;
+      const htmlRelatedWords = ["div", "span", "class", "id", "type", "data", "href", "src", "alt", "title", "style", "width", "height", "rootid", "endid", "nodedocument", "ezcqbj", "cktc", "quot"];
+      if (htmlRelatedWords.includes(token.toLowerCase())) {
         return false;
-      } else if (new_doc_hash === old_doc_hash) {
-        continue;
-      } else {
+      }
+      if (token.match(/^[a-f0-9]{6,}$/)) return false;
+      if (/[\u4e00-\u9fa5]/.test(token) && token.length < 2) {
         return false;
       }
+      return true;
+    });
+    return filteredTokens;
+  }
+  /**
+   * 智能中文分词 - 基于文本特征分析
+   */
+  extractChineseTokens(text) {
+    const tokens = [];
+    const chineseText = text.replace(/[^\u4e00-\u9fa5\s]/g, " ");
+    const wordPatterns = [
+      /[\u4e00-\u9fa5]{4}/g,
+      // 4字词汇
+      /[\u4e00-\u9fa5]{3}/g,
+      // 3字词汇
+      /[\u4e00-\u9fa5]{2}/g
+      // 2字词汇
+    ];
+    for (const pattern of wordPatterns) {
+      const matches = chineseText.match(pattern) || [];
+      for (const word of matches) {
+        if (!this.stopWords.has(word) && this.isMeaningfulChineseWord(word)) {
+          tokens.push(word.toLowerCase());
+        }
+      }
     }
-    return true;
+    return tokens;
   }
-  effect.log(`=== \u67E5\u8BE2\u6587\u6863\u7EA7block\u5B8C\u6210 ===`);
-  let i = 0;
-  await Promise.all(
-    Doc_blocks.map(async (docBlock) => {
-      const sy = await get_doc_by_SyPath(DB_block_path(docBlock));
-      docTree[docBlock.hpath] = { sy, docBlock };
-      i++;
-      process2(i / Doc_blocks.length);
-    })
-  );
-  const fileTree = {};
-  process2 = processPercentage(0.4);
-  const enableIncrementalCompilation_doc = (() => {
-    if (package_default.version !== config.OceanPress.version) {
-      effect.log(
-        `\u914D\u7F6E\u6587\u4EF6\u7248\u672C\u53F7[${config.OceanPress.version}]\u4E0EOceanPress\u7248\u672C[${package_default.version}]\u4E0D\u4E00\u81F4\uFF0C\u5C06\u8FDB\u884C\u6587\u6863\u5168\u91CF\u7F16\u8BD1`
-      );
+  /**
+   * 判断是否为有意义的中文词汇
+   */
+  isMeaningfulChineseWord(word) {
+    const meaninglessPatterns = [
+      /^的.*$/,
+      /^.*的$/,
+      /^了.*$/,
+      /^.*了$/,
+      /^在.*$/,
+      /^.*在$/,
+      /^是.*$/,
+      /^.*是$/,
+      /^我.*$/,
+      /^.*我$/,
+      /^有.*$/,
+      /^.*有$/,
+      /^和.*$/,
+      /^.*和$/,
+      /^就.*$/,
+      /^.*就$/,
+      /^不.*$/,
+      /^.*不$/,
+      /^人.*$/,
+      /^.*人$/
+    ];
+    for (const pattern of meaninglessPatterns) {
+      if (pattern.test(word)) {
+        return false;
+      }
+    }
+    if (/(.)\1{2,}/.test(word)) {
       return false;
     }
-    return config.enableIncrementalCompilation_doc;
-  })();
-  effect.log(`=== \u5F00\u59CB\u6E32\u67D3\u6587\u6863 ===`);
-  await Promise.all(
-    Object.entries(docTree).map(async ([path, { sy, docBlock }]) => {
-      if (config.enableIncrementalCompilation && enableIncrementalCompilation_doc && /** 文档本身没有发生变化 */
-      config.__skipBuilds__[docBlock.id]?.hash === docBlock.hash && /** docBlock所引用的文档也没有更新 */
-      refsNotUpdated(docBlock))
-        return;
-      try {
-        const rootLevel = path.split("/").length - 2;
-        const renderInstance = getRender();
-        fileTree[path + ".html"] = await htmlTemplate(
-          {
-            title: sy.Properties?.title || "",
-            htmlContent: await _renderHTML(sy, renderInstance),
-            level: rootLevel
-          },
-          {
-            ...tempConfig.cdn,
-            embedCode: config.embedCode
-          }
-        );
-        if (config.sitemap.rss && path.endsWith(".rss.xml")) {
-          const rssPath = path;
-          fileTree[rssPath] = await generateRSSXML(rssPath, renderInstance, config);
-          effect.log(`\u6E32\u67D3 rss.xml:${rssPath} \u5B8C\u6BD5`);
+    return true;
+  }
+  /**
+   * 计算逆文档频率 (IDF) - 简化版本
+   */
+  calculateInverseDocumentFrequency(term) {
+    const commonTerms = /* @__PURE__ */ new Set([
+      "\u6280\u672F",
+      "\u5F00\u53D1",
+      "\u4EE3\u7801",
+      "\u7CFB\u7EDF",
+      "\u6570\u636E",
+      "\u529F\u80FD",
+      "\u5E94\u7528",
+      "\u5B9E\u73B0",
+      "\u65B9\u6CD5",
+      "\u95EE\u9898",
+      "time",
+      "data",
+      "system",
+      "code",
+      "development",
+      "application",
+      "function",
+      "method",
+      "problem",
+      "solution"
+    ]);
+    if (commonTerms.has(term.toLowerCase())) {
+      return Math.log(1e3 / 500);
+    }
+    return Math.log(1e3 / 10);
+  }
+  /**
+   * 提取关键词
+   */
+  extractKeywords(content, maxKeywords = 10) {
+    const tf = this.calculateTermFrequency(content);
+    const keywordScores = /* @__PURE__ */ new Map();
+    for (const [term, frequency] of tf) {
+      const idf = this.calculateInverseDocumentFrequency(term);
+      const tfidf = frequency * idf;
+      let bonus = 1;
+      if (content.toLowerCase().includes(term.toLowerCase()) && (content.match(new RegExp(`^${term}`, "mi")) || content.match(new RegExp(`${term}$`, "mi")))) {
+        bonus *= 1.5;
+      }
+      if (term.length >= 2 && term.length <= 6) {
+        bonus *= 1.2;
+      }
+      keywordScores.set(term, tfidf * bonus);
+    }
+    return Array.from(keywordScores.entries()).sort((a, b) => b[1] - a[1]).slice(0, maxKeywords).map(([term]) => term);
+  }
+};
+function extractDescription(content, maxLength = 160) {
+  const plainText = content.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
+  if (plainText.length <= maxLength) return plainText;
+  const truncated = plainText.substring(0, maxLength);
+  const lastSentenceEnd = Math.max(
+    truncated.lastIndexOf("\u3002"),
+    truncated.lastIndexOf("\uFF01"),
+    truncated.lastIndexOf("\uFF1F"),
+    truncated.lastIndexOf("."),
+    truncated.lastIndexOf("!"),
+    truncated.lastIndexOf("?")
+  );
+  if (lastSentenceEnd > maxLength * 0.7) {
+    return truncated.substring(0, lastSentenceEnd + 1);
+  }
+  return truncated + "...";
+}
+function extractKeywords(content) {
+  const tfidfExtractor = new TFIDFKeywordExtractor();
+  return tfidfExtractor.extractKeywords(content, 8);
+}
+function generateArticleJsonLd(doc, config, pageUrl, content) {
+  const title = doc.Properties?.title || "\u672A\u547D\u540D\u6587\u6863";
+  const description = extractDescription(content);
+  const keywords = extractKeywords(content);
+  const datePublished = extractDateFromId(doc.ID);
+  const dateModified = formatDate(doc.Properties?.updated);
+  const jsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: title,
+    description,
+    keywords: keywords.join(", "),
+    datePublished,
+    dateModified,
+    author: {
+      "@type": "Person",
+      name: config.sitemap?.title || "\u5D2E\u751F",
+      url: config.sitemap?.siteLink || ""
+    },
+    publisher: {
+      "@type": "Organization",
+      name: config.sitemap?.title || "OceanPress",
+      logo: {
+        "@type": "ImageObject",
+        url: `${config.sitemap?.siteLink || ""}/assets/logo.png`
+      }
+    },
+    mainEntityOfPage: {
+      "@type": "WebPage",
+      "@id": pageUrl
+    },
+    image: doc.Properties?.["title-img"] ? {
+      "@type": "ImageObject",
+      url: `${config.sitemap?.siteLink || ""}${doc.Properties["title-img"].replace("assets", "/assets")}`,
+      width: 1200,
+      height: 630
+    } : void 0,
+    wordCount: content.replace(/<[^>]*>/g, "").length,
+    articleSection: "\u6280\u672F\u6587\u6863",
+    inLanguage: "zh-CN"
+  };
+  return `<script type="application/ld+json">
+${JSON.stringify(jsonLd, null, 2)}
+</script>`;
+}
+function generateBreadcrumbJsonLd(breadcrumbs) {
+  const itemListElement = breadcrumbs.map((crumb, index) => ({
+    "@type": "ListItem",
+    position: index + 1,
+    name: crumb.name,
+    item: crumb.url
+  }));
+  const jsonLd = {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement
+  };
+  return `<script type="application/ld+json">
+${JSON.stringify(jsonLd, null, 2)}
+</script>`;
+}
+function generateSeoMetaTags(doc, config, pageUrl, content) {
+  const title = doc.Properties?.title || "\u672A\u547D\u540D\u6587\u6863";
+  const description = extractDescription(content);
+  const keywords = extractKeywords(content);
+  let metaTags = "";
+  metaTags += `  <meta name="description" content="${description.replace(/"/g, "&quot;")}" />
+`;
+  metaTags += `  <meta name="keywords" content="${keywords.join(", ")}" />
+`;
+  metaTags += `  <meta name="author" content="${config.sitemap?.title || "\u5D2E\u751F"}" />
+`;
+  metaTags += `  <meta property="og:title" content="${title.replace(/"/g, "&quot;")}" />
+`;
+  metaTags += `  <meta property="og:description" content="${description.replace(/"/g, "&quot;")}" />
+`;
+  metaTags += `  <meta property="og:type" content="article" />
+`;
+  metaTags += `  <meta property="og:url" content="${pageUrl}" />
+`;
+  metaTags += `  <meta property="og:site_name" content="${config.sitemap?.title || "OceanPress"}" />
+`;
+  if (doc.Properties?.["title-img"]) {
+    const imageUrl = `${config.sitemap?.siteLink || ""}${doc.Properties["title-img"].replace("assets", "/assets")}`;
+    metaTags += `  <meta property="og:image" content="${imageUrl}" />
+`;
+    metaTags += `  <meta property="og:image:width" content="1200" />
+`;
+    metaTags += `  <meta property="og:image:height" content="630" />
+`;
+  }
+  const datePublished = extractDateFromId(doc.ID);
+  const dateModified = formatDate(doc.Properties?.updated);
+  metaTags += `  <meta property="article:published_time" content="${datePublished}" />
+`;
+  metaTags += `  <meta property="article:modified_time" content="${dateModified}" />
+`;
+  metaTags += `  <meta name="twitter:card" content="summary_large_image" />
+`;
+  metaTags += `  <meta name="twitter:title" content="${title.replace(/"/g, "&quot;")}" />
+`;
+  metaTags += `  <meta name="twitter:description" content="${description.replace(/"/g, "&quot;")}" />
+`;
+  if (doc.Properties?.["title-img"]) {
+    const imageUrl = `${config.sitemap?.siteLink || ""}${doc.Properties["title-img"].replace("assets", "/assets")}`;
+    metaTags += `  <meta name="twitter:image" content="${imageUrl}" />
+`;
+  }
+  metaTags += `  <meta name="robots" content="index, follow" />
+`;
+  metaTags += `  <link rel="canonical" href="${pageUrl}" />
+`;
+  return metaTags;
+}
+function generateSeoContent(data) {
+  const metaTags = generateSeoMetaTags(data.doc, data.config, data.pageUrl, data.content);
+  let jsonLd = generateArticleJsonLd(data.doc, data.config, data.pageUrl, data.content);
+  if (data.breadcrumbs && data.breadcrumbs.length > 0) {
+    jsonLd += "\n" + generateBreadcrumbJsonLd(data.breadcrumbs);
+  }
+  return {
+    metaTags,
+    jsonLd
+  };
+}
+
+// src/core/htmlTemplate.ts
+async function htmlTemplate(p, config) {
+  let prePath = "";
+  if (config?.siyuanPrefix) {
+    prePath = config.siyuanPrefix;
+  } else {
+    for (let i = 0; i < p.level; i++) {
+      prePath += "../";
+    }
+  }
+  const version2 = "2.10.5";
+  return `<!DOCTYPE html>
+<html lang="zh_CN" data-theme-mode="light" data-light-theme="daylight" data-dark-theme="midnight">
+<head>
+  ${config?.embedCode?.head ?? ""}
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+  ${p.seoData ? generateSeoContent({
+    doc: p.seoData.doc,
+    config: p.seoData.config,
+    pageUrl: p.seoData.pageUrl,
+    content: p.htmlContent,
+    breadcrumbs: p.seoData.breadcrumbs
+  }).metaTags : ""}
+  <link rel="stylesheet" type="text/css" id="baseStyle" href="${prePath}stage/build/export/base.css?${version2}"/>
+  <script>
+  // \u66F4\u597D\u7684\u4E3B\u9898\u5207\u6362\u65B9\u6848
+  (function() {
+    // \u4E3B\u9898\u914D\u7F6E
+    const themes = {
+      light: {
+        name: 'daylight',
+        mode: 'light',
+        icon: '\u2600\uFE0F'
+      },
+      dark: {
+        name: 'midnight',
+        mode: 'dark',
+        icon: '\u{1F319}'
+      },
+      auto: {
+        name: 'auto',
+        mode: 'auto',
+        icon: '\u{1F317}',
+        getTheme: function() {
+          const currentHour = new Date().getHours();
+          return currentHour >= 18 || currentHour < 6 ? 'dark' : 'light';
+        }
+      }
+    };
+
+    // \u83B7\u53D6\u5F53\u524D\u4E3B\u9898\u8BBE\u7F6E
+    function getCurrentTheme() {
+      // \u4F18\u5148\u7EA7\uFF1AlocalStorage > \u7CFB\u7EDF\u504F\u597D > auto
+      const savedTheme = localStorage.getItem('oceanpress-theme');
+      if (savedTheme && themes[savedTheme]) {
+        return savedTheme;
+      }
+
+      // \u68C0\u6D4B\u7CFB\u7EDF\u504F\u597D
+      if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        return 'dark';
+      }
+      if (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches) {
+        return 'light';
+      }
+
+      return 'auto';
+    }
+
+    // \u5E94\u7528\u4E3B\u9898
+    function applyTheme(themeName) {
+      const theme = themes[themeName] || themes.auto;
+      const actualTheme = themeName === 'auto' ? theme.getTheme() : themeName;
+      const themeConfig = themes[actualTheme];
+
+      // \u8BBE\u7F6E CSS \u53D8\u91CF
+      document.documentElement.setAttribute('data-theme-mode', themeConfig.mode);
+      document.documentElement.setAttribute('data-light-theme', 'daylight');
+      document.documentElement.setAttribute('data-dark-theme', 'midnight');
+
+      // \u52A0\u8F7D\u5BF9\u5E94\u7684 CSS
+      const themeStyle = document.getElementById('themeDefaultStyle');
+      if (themeStyle) {
+        themeStyle.href = '${prePath}appearance/themes/' + themeConfig.name + '/theme.css?${version2}';
+      } else {
+        // \u5982\u679C\u5143\u7D20\u4E0D\u5B58\u5728\uFF0C\u521B\u5EFA\u5B83
+        const link = document.createElement('link');
+        link.id = 'themeDefaultStyle';
+        link.rel = 'stylesheet';
+        link.type = 'text/css';
+        link.href = '${prePath}appearance/themes/' + themeConfig.name + '/theme.css?${version2}';
+        document.head.appendChild(link);
+      }
+
+      // \u66F4\u65B0\u4E3B\u9898\u5207\u6362\u6309\u94AE
+      updateThemeToggle(themeName);
+
+      // \u4FDD\u5B58\u5230 localStorage
+      localStorage.setItem('oceanpress-theme', themeName);
+
+      // \u89E6\u53D1\u81EA\u5B9A\u4E49\u4E8B\u4EF6
+      window.dispatchEvent(new CustomEvent('oceanpress-theme-changed', {
+        detail: { theme: themeName, actualTheme: actualTheme }
+      }));
+    }
+
+    // \u521B\u5EFA\u4E3B\u9898\u5207\u6362\u6309\u94AE
+    function createThemeToggle() {
+      const toggle = document.createElement('div');
+      toggle.id = 'oceanpress-theme-toggle';
+      toggle.innerHTML = '<span class="theme-icon">\u{1F317}</span><span class="theme-text">\u81EA\u52A8</span>';
+      toggle.addEventListener('click', toggleTheme);
+      (document.querySelector('[data-type="NodeDocument"]')||document.body).appendChild(toggle);
+    }
+
+    // \u66F4\u65B0\u4E3B\u9898\u5207\u6362\u6309\u94AE
+    function updateThemeToggle(themeName) {
+      const toggle = document.getElementById('oceanpress-theme-toggle');
+      if (!toggle) return;
+
+      const theme = themes[themeName] || themes.auto;
+      toggle.innerHTML = '<span class="theme-icon">' + theme.icon + '</span><span class="theme-text">' +
+        (themeName === 'auto' ? '\u81EA\u52A8' : (themeName === 'dark' ? '\u6DF1\u8272' : '\u6D45\u8272')) + '</span>';
+    }
+
+    // \u5207\u6362\u4E3B\u9898
+    function toggleTheme() {
+      const currentTheme = getCurrentTheme();
+      const themeOrder = ['auto', 'light', 'dark'];
+      const currentIndex = themeOrder.indexOf(currentTheme);
+      const nextIndex = (currentIndex + 1) % themeOrder.length;
+      const nextTheme = themeOrder[nextIndex];
+
+      applyTheme(nextTheme);
+    }
+
+    // \u76D1\u542C\u7CFB\u7EDF\u4E3B\u9898\u53D8\u5316
+    if (window.matchMedia) {
+      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+        const currentTheme = getCurrentTheme();
+        if (currentTheme === 'auto') {
+          applyTheme('auto');
+        }
+      });
+    }
+
+    // \u76D1\u542C\u81EA\u5B9A\u4E49\u4E3B\u9898\u53D8\u5316\u4E8B\u4EF6\uFF08\u7528\u4E8E\u4FA7\u8FB9\u680F\u7B49\u7EC4\u4EF6\uFF09
+    window.addEventListener('oceanpress-theme-changed', function(e) {
+      // \u8FD9\u91CC\u53EF\u4EE5\u6DFB\u52A0\u5176\u4ED6\u7EC4\u4EF6\u9700\u8981\u54CD\u5E94\u4E3B\u9898\u53D8\u5316\u7684\u903B\u8F91
+      console.log('Theme changed to:', e.detail);
+    });
+
+    // \u521D\u59CB\u5316\u4E3B\u9898
+    function initTheme() {
+      const themeName = getCurrentTheme();
+      const theme = themes[themeName] || themes.auto;
+      const actualTheme = themeName === 'auto' ? theme.getTheme() : themeName;
+      const themeConfig = themes[actualTheme];
+
+      // \u7ACB\u5373\u8BBE\u7F6E\u57FA\u7840\u4E3B\u9898\uFF0C\u907F\u514D\u95EA\u70C1
+      document.documentElement.setAttribute('data-theme-mode', themeConfig.mode);
+      document.documentElement.setAttribute('data-light-theme', 'daylight');
+      document.documentElement.setAttribute('data-dark-theme', 'midnight');
+
+      // \u521B\u5EFA\u4E3B\u9898\u5207\u6362\u6309\u94AE
+      createThemeToggle();
+
+      // \u5E94\u7528\u5B8C\u6574\u4E3B\u9898
+      applyTheme(themeName);
+    }
+
+    // \u9875\u9762\u52A0\u8F7D\u5B8C\u6210\u540E\u521D\u59CB\u5316
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', initTheme);
+    } else {
+      initTheme();
+    }
+  })();
+  </script>
+  <link rel="stylesheet" type="text/css" href="${prePath}appearance/oceanpress.css"/>
+  <title>${p.title}</title>
+  ${p.seoData ? generateSeoContent({
+    doc: p.seoData.doc,
+    config: p.seoData.config,
+    pageUrl: p.seoData.pageUrl,
+    content: p.htmlContent,
+    breadcrumbs: p.seoData.breadcrumbs
+  }).jsonLd : ""}
+</head>
+<body>
+  ${config?.embedCode?.beforeBody ?? ""}
+  ${p.htmlContent}
+  <script src="${prePath}appearance/icons/material/icon.js?${version2}"></script>
+  <script src="${prePath}stage/build/export/protyle-method.js?${version2}"></script>
+  <script src="${prePath}stage/protyle/js/lute/lute.min.js?${version2}"></script>
+  <script>
+    window.siyuan = {
+      config: {
+        appearance: {
+          mode: document.documentElement.getAttribute('data-theme-mode') === 'dark' ? 1 : 0,//\u4E3B\u9898 \u660E\u4EAE=0 \u6697\u9ED1=1
+          codeBlockThemeDark: "base16/dracula",
+          codeBlockThemeLight: "github",
+        },
+        editor: {
+          codeLineWrap: true,
+          codeLigatures: false,
+          plantUMLServePath: "https://www.plantuml.com/plantuml/svg/~1",
+          codeSyntaxHighlightLineNum: true,
+          katexMacros: JSON.stringify({}),
+        },
+      },
+      languages: { copy: "\u590D\u5236" },
+    };
+    const cdn = "${prePath}stage/protyle";
+    const previewElement = document.getElementById("preview");
+
+    Protyle.highlightRender(previewElement, cdn);
+    Protyle.mathRender(previewElement, cdn, false);
+    Protyle.mermaidRender(previewElement, cdn);
+    Protyle.flowchartRender(previewElement, cdn);
+    Protyle.graphvizRender(previewElement, cdn);
+    Protyle.chartRender(previewElement, cdn);
+    Protyle.mindmapRender(previewElement, cdn);
+    Protyle.abcRender(previewElement, cdn);
+    Protyle.htmlRender(previewElement);
+    Protyle.plantumlRender(previewElement, cdn);
+    document.querySelectorAll(".protyle-action__copy").forEach((item) => {
+      item.addEventListener("click", (event) => {
+        navigator.clipboard.writeText(
+          item.parentElement.nextElementSibling.textContent.trimEnd(),
+        );
+        event.preventDefault();
+        event.stopPropagation();
+      });
+    });
+  </script>
+  ${config?.embedCode?.afterBody ?? ""}
+</body>
+</html>`;
+}
+
+// src/core/render.ts
+import { Context as Context2, Effect as Effect3 } from "effect";
+
+// src/util/escaping.ts
+function escaping(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos");
+}
+function unescaping(s) {
+  return s.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&#(\d+);/g, (_sub, code) => {
+    return String.fromCharCode(Number(code));
+  });
+}
+
+// src/core/renderDocTree.ts
+import { Effect as Effect2 } from "effect";
+var renderDocTreeJsPath = `/__oceanpress/docTree.js`;
+function renderDocTree() {
+  return Effect2.gen(function* () {
+    const config = yield* EffectConfigDep;
+    const Doc_blocks = yield* Effect2.tryPromise(
+      () => allDocBlock_by_bookId(config.notebook.id)
+    );
+    const sortJSON = yield* Effect2.tryPromise(
+      () => API.file_getFile({
+        path: `/data/${config.notebook.id}/.siyuan/sort.json`
+      }).then((r) => {
+        const decoder = new TextDecoder("utf-8");
+        const jsonString = decoder.decode(r);
+        return JSON.parse(jsonString);
+      })
+    );
+    const docs = Doc_blocks.map((el) => ({
+      id: el.id,
+      /** 类似 '/record/cssFlex' */
+      hpath: el.hpath,
+      title: el.content,
+      sort: sortJSON[el.id]
+    }));
+    const tree = buildTree(docs);
+    const jsCode = generateJSTree(tree);
+    return `
+// OceanPress DocTree - \u52A8\u6001\u52A0\u8F7D\u7684\u6587\u6863\u6811
+(function() {
+  'use strict';
+  
+  // \u6587\u6863\u6811\u6570\u636E
+  const docTreeData = ${jsCode};
+  
+  // \u6E32\u67D3\u51FD\u6570
+  function renderDocTree(containerId, options = {}) {
+    const container = document.getElementById(containerId);
+    if (!container) {
+      console.error('Container not found:', containerId);
+      return;
+    }
+    
+    const currentPath = options.currentPath || window.location.pathname.replace(/\\.html$/, '');
+    
+    // \u751F\u6210 HTML
+    const html = generateHTMLTree(docTreeData, currentPath);
+    container.innerHTML = html;
+    
+    // \u52A0\u8F7D\u6837\u5F0F
+    loadStyles();
+    
+    // \u521D\u59CB\u5316\u4EA4\u4E92
+    initInteractions(container, currentPath);
+  }
+  
+  // \u68C0\u67E5\u662F\u5426\u4E3A\u5355\u4E00\u8DEF\u5F84\uFF08\u53EA\u6709\u5355\u4E2A\u5B50\u8282\u70B9\u7684\u6587\u4EF6\u5939\uFF09
+  function isSinglePath(node) {
+    if (!node.children || node.children.length !== 1) {
+      return false;
+    }
+    
+    let current = node;
+    while (current.children && current.children.length === 1) {
+      current = current.children[0];
+    }
+    
+    // \u5982\u679C\u6700\u7EC8\u8282\u70B9\u6CA1\u6709\u5B50\u8282\u70B9\uFF0C\u8BF4\u660E\u662F\u5355\u4E00\u8DEF\u5F84
+    return !current.children || current.children.length === 0;
+  }
+
+  // \u83B7\u53D6\u5355\u4E00\u8DEF\u5F84\u7684\u6240\u6709\u8282\u70B9
+  function getSinglePathNodes(node) {
+    const pathNodes = [node];
+    let current = node;
+    
+    while (current.children && current.children.length === 1) {
+      current = current.children[0];
+      pathNodes.push(current);
+    }
+    
+    return pathNodes;
+  }
+
+  // \u751F\u6210\u9762\u5305\u5C51\u8DEF\u5F84
+  function generateBreadcrumb(pathNodes, currentPath) {
+    const lastNode = pathNodes[pathNodes.length - 1];
+    const isCurrent = lastNode.hpath === currentPath;
+    
+    let breadcrumbHtml = '<div class="breadcrumb-path">';
+    
+    pathNodes.forEach((node, index) => {
+      if (index > 0) {
+        breadcrumbHtml += '<span class="breadcrumb-separator">/</span>';
+      }
+      
+      const isLast = index === pathNodes.length - 1;
+      const nodeCurrent = node.hpath === currentPath;
+      
+      breadcrumbHtml += \`
+        <a href="\${node.hpath}.html" class="breadcrumb-part \${(isLast && isCurrent) ? 'current' : ''}" target="_top">\${node.title}</a>
+      \`;
+    });
+    
+    breadcrumbHtml += '</div>';
+    return breadcrumbHtml;
+  }
+
+  // \u751F\u6210 HTML \u6811
+  function generateHTMLTree(nodes, currentPath, level = 0) {
+    let html = '';
+    for (const node of nodes) {
+      const isCurrent = node.hpath === currentPath;
+      const isActive = isCurrent || (currentPath && node.hpath && currentPath.startsWith(node.hpath));
+      
+      // \u68C0\u67E5\u662F\u5426\u4E3A\u5355\u4E00\u8DEF\u5F84\uFF0C\u5982\u679C\u662F\u5219\u663E\u793A\u4E3A\u9762\u5305\u5C51
+      if (isSinglePath(node)) {
+        const pathNodes = getSinglePathNodes(node);
+        html += generateBreadcrumb(pathNodes, currentPath);
+        continue;
+      }
+      
+      if (node.children && node.children.length > 0) {
+        // \u6709\u5B50\u8282\u70B9\u65F6\u4F7F\u7528 details/summary
+        const isExpanded = isActive ? 'open' : '';
+        html += \`
+          <details class="folder" \${isExpanded}>
+            <summary class="folder-summary">
+              <a href="\${node.hpath}.html" class="folder-link \${isCurrent ? 'current' : ''}" target="_top">\${node.title}</a>
+            </summary>
+            <div class="folder-children" style="padding:0 0 0 10px;">
+              \${generateHTMLTree(node.children, currentPath, level + 1)}
+            </div>
+          </details>
+        \`;
+      } else {
+        // \u6CA1\u6709\u5B50\u8282\u70B9\u7684\u666E\u901A\u9879\u76EE
+        html += \`
+          <div class="file \${isCurrent ? 'current' : ''}">
+            <a href="\${node.hpath}.html" class="file-link" target="_top">\${node.title}</a>
+          </div>
+        \`;
+      }
+    }
+    return html;
+  }
+  
+  // \u52A0\u8F7D\u6837\u5F0F
+  function loadStyles() {
+    if (document.getElementById('oceanpress-doctree-styles')) return;
+    
+    const link = document.createElement('link');
+    link.id = 'oceanpress-doctree-styles';
+    link.rel = 'stylesheet';
+    link.type = 'text/css';
+    link.href = '${tempConfig.cdn.siyuanPrefix}appearance/docTree.css';
+    document.head.appendChild(link);
+  }
+  
+  // \u521D\u59CB\u5316\u4EA4\u4E92
+  function initInteractions(container, currentPath) {
+    // \u4E3A\u5F53\u524D\u9875\u9762\u9879\u6DFB\u52A0\u9AD8\u4EAE\u6837\u5F0F
+    const currentItems = container.querySelectorAll('.current');
+    currentItems.forEach(item => {
+      // \u5982\u679C\u662F\u9762\u5305\u5C51\u8DEF\u5F84\u4E2D\u7684\u5F53\u524D\u9879\uFF0C\u9700\u8981\u7279\u6B8A\u5904\u7406
+      if (item.classList.contains('breadcrumb-part')) {
+        item.style.fontWeight = 'bold';
+        item.style.color = 'var(--oceanpress-sidebar-current-border)';
+      } else {
+        // \u4F7F\u7528 CSS \u53D8\u91CF\u800C\u4E0D\u662F\u786C\u7F16\u7801\u989C\u8272
+        item.style.backgroundColor = 'var(--oceanpress-sidebar-current-bg)';
+        item.style.borderLeft = '3px solid var(--oceanpress-sidebar-current-border)';
+        item.style.paddingLeft = '7px';
+      }
+    });
+    
+    // \u786E\u4FDD\u5F53\u524D\u9875\u9762\u7684\u6240\u6709\u7236\u6587\u4EF6\u5939\u90FD\u5C55\u5F00
+    const currentElements = container.querySelectorAll('.current');
+    currentElements.forEach(currentElement => {
+      // \u5411\u4E0A\u904D\u5386\u6240\u6709\u7236\u7EA7 details \u5143\u7D20\u5E76\u5C55\u5F00
+      let parent = currentElement.parentElement;
+      while (parent) {
+        if (parent.tagName === 'DETAILS') {
+          parent.setAttribute('open', 'open');
+        }
+        parent = parent.parentElement;
+      }
+    });
+    
+    // \u81EA\u52A8\u6EDA\u52A8\u5230\u5F53\u524D\u9875\u9762
+    const firstCurrent = container.querySelector('.current');
+    if (firstCurrent) {
+      setTimeout(() => {
+        firstCurrent.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      }, 100);
+    }
+    
+    // \u76D1\u542C\u4E3B\u9898\u53D8\u5316\u4E8B\u4EF6\uFF0C\u66F4\u65B0\u9AD8\u4EAE\u6837\u5F0F
+    window.addEventListener('oceanpress-theme-changed', function(e) {
+      currentItems.forEach(item => {
+        if (item.classList.contains('breadcrumb-part')) {
+          item.style.fontWeight = 'bold';
+          item.style.color = 'var(--oceanpress-sidebar-current-border)';
+        } else {
+          item.style.backgroundColor = 'var(--oceanpress-sidebar-current-bg)';
+          item.style.borderLeft = '3px solid var(--oceanpress-sidebar-current-border)';
+        }
+      });
+    });
+  }
+  
+  // \u66B4\u9732\u5230\u5168\u5C40
+  window.OceanPressDocTree = {
+    render: renderDocTree,
+    data: docTreeData
+  };
+  
+  // \u81EA\u52A8\u6E32\u67D3\uFF08\u5982\u679C\u5BB9\u5668\u5B58\u5728\uFF09
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', () => {
+      if (document.getElementById('oceanpress-doctree')) {
+        renderDocTree('oceanpress-doctree');
+      }
+    });
+  } else {
+    if (document.getElementById('oceanpress-doctree')) {
+      renderDocTree('oceanpress-doctree');
+    }
+  }
+})();
+    `;
+  });
+}
+function generateJSTree(nodes) {
+  return JSON.stringify(nodes, null, 2);
+}
+function buildTree(docs) {
+  const root = [];
+  const pathMap = {};
+  docs.sort((a, b) => a.hpath.localeCompare(b.hpath));
+  for (const doc of docs) {
+    const pathParts = doc.hpath.split("/").filter((part) => part !== "");
+    let currentPath = "";
+    let parentNode = void 0;
+    for (let i = 0; i < pathParts.length - 1; i++) {
+      currentPath += "/" + pathParts[i];
+      if (!pathMap[currentPath]) {
+        pathMap[currentPath] = {
+          id: "virtual_" + currentPath,
+          hpath: currentPath,
+          title: pathParts[i],
+          sort: void 0,
+          children: []
+        };
+        if (parentNode) {
+          parentNode.children = parentNode.children || [];
+          parentNode.children.push(pathMap[currentPath]);
+        } else {
+          root.push(pathMap[currentPath]);
+        }
+      }
+      parentNode = pathMap[currentPath];
+    }
+    if (parentNode) {
+      parentNode.children = parentNode.children || [];
+      parentNode.children.push(doc);
+    } else {
+      root.push(doc);
+    }
+    pathMap[doc.hpath] = doc;
+  }
+  function sortNodes(nodes) {
+    return nodes.map((node) => {
+      if (node.children) {
+        node.children = sortNodes(node.children);
+      }
+      return node;
+    }).sort((a, b) => {
+      if (a.sort !== void 0 && b.sort !== void 0) {
+        return a.sort - b.sort;
+      } else if (a.sort !== void 0) {
+        return -1;
+      } else if (b.sort !== void 0) {
+        return 1;
+      } else {
+        return (a.title || "").localeCompare(b.title || "");
+      }
+    });
+  }
+  return sortNodes(root);
+}
+
+// src/core/render.ts
+var renderHTML = (sy, render) => Effect3.gen(function* () {
+  if (sy === void 0) return "";
+  const defaultRender = yield* getRender;
+  const renderInstance = render ?? defaultRender;
+  const renderObj = {
+    ...renderInstance,
+    nodeStack: [
+      /** 避免让所有的 renderInstance.nodeStack 是同一个对象 ，所以这里复制一个新的  */
+      ...renderInstance.nodeStack
+    ]
+  };
+  if (renderInstance.nodeStack.find(
+    (node) => node.ID && sy.ID && node.ID === sy.ID
+  )) {
+    return warnDiv(
+      "\u5FAA\u73AF\u5F15\u7528",
+      [...renderInstance.nodeStack, sy].map((el) => el.ID)
+    );
+  }
+  if (renderObj[sy.Type] === void 0) {
+    return warnDiv(
+      `\u6CA1\u6709\u627E\u5230\u5BF9\u5E94\u7684\u6E32\u67D3\u65B9\u6CD5 ${sy.Type}  ${renderObj.nodeStack[0].Properties?.title}`
+    );
+  } else {
+    renderObj.nodeStack.push(sy);
+    if (sy.ID && renderInstance.nodeStack[0]?.ID) {
+      const storeDep = yield* EffectRender;
+      const id = sy.ID;
+      const targetDoc = yield* Effect3.tryPromise(
+        () => storeDep.getDocByChildID(id)
+      );
+      const currentDoc = renderInstance.nodeStack[0];
+      if (targetDoc?.ID !== void 0 && targetDoc.ID !== currentDoc.ID && currentDoc.ID) {
+        renderObj.refs.add(targetDoc.ID);
+      }
+    }
+    const r = yield* Effect3.tryPromise(() => renderObj[sy.Type](sy));
+    renderObj.nodeStack.pop();
+    return r;
+  }
+});
+function warnDiv(msg, ...args) {
+  warn(msg, ...args);
+  return `<div class="ft__smaller ft__secondary b3-form__space--small">${msg}</div>`;
+}
+function isRenderCode(sy) {
+  const mark = atob(
+    sy.CodeBlockInfo ?? sy.Children?.find((el) => el.Type === "NodeCodeBlockFenceInfoMarker")?.CodeBlockInfo ?? ""
+  );
+  return [
+    [
+      "mindmap",
+      "mermaid",
+      "echarts",
+      "abc",
+      "graphviz",
+      "flowchart",
+      "plantuml"
+    ].includes(mark),
+    mark
+  ];
+}
+var html = String.raw;
+function strAttr(sy, config = {}) {
+  if (config?.subtype_class === void 0) {
+    config.subtype_class = (() => {
+      const typ_subtype = sy.ListData?.Typ === 1 ? (
+        /** 有序列表 */
+        "o"
+      ) : sy.ListData?.Typ === 3 ? (
+        /** 任务列表 */
+        "t"
+      ) : (
+        /** 无序列表 */
+        "u"
+      );
+      if (sy.Type === "NodeDocument") return "";
+      else if (sy.Type === "NodeHeading") return `h${sy.HeadingLevel}`;
+      else if (sy.Type === "NodeList") return [typ_subtype, "list"];
+      else if (sy.Type === "NodeListItem") return [typ_subtype, "li"];
+      else if (sy.Type === "NodeParagraph") return ["", "p"];
+      else if (sy.Type === "NodeImage") return ["", "img"];
+      else if (sy.Type === "NodeBlockquote") return ["", "bq"];
+      else if (sy.Type === "NodeSuperBlock") return ["", "sb"];
+      else if (sy.Type === "NodeCodeBlock") {
+        const [yes, mark] = isRenderCode(sy);
+        if (yes) {
+          return [mark, "render-node"];
+        } else {
+          return ["", "code-block"];
+        }
+      } else if (sy.Type === "NodeTable") return ["", "table"];
+      else if (sy.Type === "NodeThematicBreak") return ["", "hr"];
+      else if (sy.Type === "NodeMathBlock") return ["math", "render-node"];
+      else if (sy.Type === "NodeIFrame") return ["", "iframe"];
+      else if (sy.Type === "NodeVideo") return ["", "iframe"];
+      else return "";
+    })();
+  }
+  const attrObj = {};
+  function addAttr(key, value) {
+    attrObj[key] = value;
+  }
+  if (sy.ID) {
+    addAttr("id", sy.ID);
+    addAttr("data-node-id", sy.ID);
+  }
+  if (sy?.TextMarkType === "tag") {
+    addAttr(`data-type`, sy.TextMarkType ?? "");
+  } else {
+    addAttr(`data-type`, config?.data_type ?? sy.Type);
+  }
+  if (sy.Properties?.updated) addAttr("updated", sy.Properties.updated);
+  if (config?.subtype_class) {
+    if (typeof config.subtype_class === "string") {
+      addAttr("data-subtype", config.subtype_class);
+      addAttr("class", config.subtype_class);
+    } else {
+      if (config.subtype_class[0] !== "")
+        addAttr("data-subtype", config.subtype_class[0]);
+      if (config.subtype_class[1] !== "")
+        addAttr("class", config.subtype_class[1]);
+    }
+  }
+  if (sy.Properties) {
+    Object.entries(sy.Properties).forEach(([k, v]) => addAttr(k, v));
+  }
+  if (sy.ListData?.Marker) addAttr("data-marker", atob(sy.ListData.Marker));
+  if (
+    /** 任务列表 */
+    sy.ListData?.Typ === 3 && /** 该项被选中 */
+    sy.Children?.find(
+      (el) => el.Type === "NodeTaskListItemMarker"
+    )?.TaskListItemChecked
+  ) {
+    attrObj["class"] = (attrObj["class"] ?? "") + " protyle-task--done ";
+  }
+  delete attrObj["fold"];
+  if (sy.Type === "NodeDocument") delete attrObj["title"];
+  return Object.entries(attrObj).map(([k, v]) => `${k}="${v}"`).join(" ");
+}
+var _emptyString = async (_sy) => "";
+var _dataString = async (sy) => sy.Data ?? "";
+var getRender = Effect3.gen(function* () {
+  const render = yield* renderProgram;
+  return {
+    ...render,
+    nodeStack: [],
+    refs: /* @__PURE__ */ new Set()
+  };
+});
+var renderProgram = Effect3.gen(function* () {
+  const storeDep = yield* EffectRender;
+  const config = yield* EffectConfigDep;
+  const context = Context2.empty().pipe(
+    Context2.add(EffectRender, storeDep),
+    Context2.add(EffectConfigDep, config)
+  );
+  async function callChildRender(sy, renderInstance) {
+    const children = sy?.Children ?? [];
+    const promises = children.map(
+      (el) => Effect3.runPromise(
+        Effect3.provide(renderHTML(el, renderInstance), context)
+      )
+    );
+    const results = await Promise.all(promises);
+    return results.join("");
+  }
+  async function callRenderHTML(sy, render2) {
+    return Effect3.runPromise(Effect3.provide(renderHTML(sy, render2), context));
+  }
+  const render = {
+    nodeStack: [],
+    refs: /* @__PURE__ */ new Set(),
+    async getTopPathPrefix() {
+      const sy = this.nodeStack[0];
+      let prefix = ".";
+      if (sy.Type === "NodeDocument" && sy.ID) {
+        const path = await storeDep.getDocPathBySY(sy);
+        if (path) {
+          const level = path.split("/").length - 3;
+          for (let i = 0; i < level; i++) {
+            prefix += "/..";
+          }
+        }
+        return prefix;
+      } else {
+        console.log("\u672A\u5B9A\u4E49\u9876\u5C42\u5143\u7D20\u975E NodeDocument \u65F6\u7684\u5904\u7406\u65B9\u5F0F", sy);
+        return "";
+      }
+    },
+    async NodeDocument(sy) {
+      const isTopDoc = this.nodeStack.length === 1;
+      let html2 = `<div style="min-height: 150px;" ${strAttr(sy)}>
+${/** 题头图 */
+      isTopDoc && sy.Properties?.["title-img"] ? `<div class="protyle-background__img" style="margin-bottom: 30px;position: relative;height: 16vh;${sy.Properties?.["title-img"].replace(
+        /assets/,
+        //  修改为相对路径
+        await this.getTopPathPrefix() + "/assets"
+      )}"/>${sy.Properties?.["icon"] ? `<div style="position: absolute;bottom:-10px;left:15px;height: 80px;width: 80px;transition: var(--b3-transition);cursor: pointer;font-size: 68px;line-height: 80px;text-align: center;font-family: var(--b3-font-family-emoji);margin-right: 16px;"> &#x${sy.Properties?.["icon"]} </div>` : ""}</div>` : ""}
+${/** h1 文档标题 */
+      isTopDoc ? `<h1 ${strAttr(sy)} data-type="NodeHeading" class="h1">${sy.Properties?.title}</h1>` : ""}
+${await callChildRender(sy, this)}</div>`;
+      if (isTopDoc) {
+        html2 = `<div class="protyle-wysiwyg protyle-wysiwyg--attr" id="preview">
+  <div id="oceanpress-left-sidebar">
+    ${config.sidebarCode.leftCode}
+    ${config.sidebarCode.enableDocTree ? `<div id="oceanpress-doctree"></div>
+           <script src="${await this.getTopPathPrefix()}${renderDocTreeJsPath}" async></script>` : ""}
+  </div>
+  ${html2}
+  <div id="oceanpress-right-sidebar">${config.sidebarCode.rightCode}</div>
+</div>`;
+      }
+      return html2;
+    },
+    async NodeHeading(sy) {
+      const tagName = `h${sy.HeadingLevel}`;
+      let html2 = `<${tagName} ${strAttr(sy)}>${await callChildRender(
+        sy,
+        this
+      )}</${tagName}>`;
+      const parentNode = this.nodeStack[
+        this.nodeStack.length - 2
+        /** 最后一个元素是 sy本身(NodeHeading)还得要往前一个，所以是2 */
+      ];
+      if (parentNode?.Type === "NodeBlockQueryEmbedScript") {
+        let afterFlag = false;
+        for (const node of sy.Parent.Children ?? []) {
+          if (node === sy) {
+            afterFlag = true;
+          } else if (node !== sy && node.Type === "NodeHeading") {
+            afterFlag = false;
+          } else if (afterFlag) {
+            html2 += "\n" + await callRenderHTML(node, this);
+          }
+        }
+      }
+      return html2;
+    },
+    NodeText: _dataString,
+    async NodeList(sy) {
+      return html`<div ${strAttr(sy)}>${await callChildRender(sy, this)}</div>`;
+    },
+    async NodeListItem(sy) {
+      return html`<div ${await strAttr(sy)}>
+        <div class="protyle-action">
+          ${sy.ListData?.Typ === 1 ? (
+        /** 有序列表 */
+        atob(sy.ListData?.Marker ?? "")
+      ) : sy.ListData?.Typ === 3 ? (
+        /** 任务列表 */
+        `<svg><use xlink:href="#${sy.Children?.find(
+          (el) => el.Type === "NodeTaskListItemMarker"
+        )?.TaskListItemChecked ? "iconCheck" : "iconUncheck"}"></use></svg>`
+      ) : (
+        /** 无序列表 */
+        `<svg><use xlink:href="#iconDot"></use></svg>`
+      )}
+        </div>
+        ${await callChildRender(sy, this)}
+      </div>`;
+    },
+    NodeTaskListItemMarker: _emptyString,
+    async NodeParagraph(sy) {
+      return `<div ${strAttr(
+        sy
+      )}><div spellcheck="false">${await callChildRender(sy, this)}</div></div>`;
+    },
+    async NodeTextMark(sy) {
+      const that = this;
+      let r = "";
+      for (const type of (sy.TextMarkType?.split(" ") ?? []).reverse()) {
+        if (r === "") {
+          r = await TextMarkRender(sy, type, sy.TextMarkTextContent ?? "");
+        } else {
+          r = await TextMarkRender(sy, type, r);
+        }
+      }
+      return r;
+      async function TextMarkRender(sy2, type, content) {
+        if (type === "inline-math") {
+          return `<span data-type="inline-math" data-subtype="math" data-content="${sy2.TextMarkInlineMathContent}" class="render-node"></span>`;
+        } else if (type === "inline-memo") {
+          return `${content}<sup>\uFF08${sy2.TextMarkInlineMemoContent}\uFF09</sup>`;
+        } else if (type === "block-ref") {
+          let href = "";
+          if (sy2.TextMarkBlockRefID) {
+            const doc = await storeDep.getDocByChildID(sy2.TextMarkBlockRefID);
+            if (doc?.ID) {
+              href = `${await that.getTopPathPrefix()}${await storeDep.getHPathByID_Node(
+                doc
+              )}.html#${sy2.TextMarkBlockRefID}`;
+              that.refs.add(doc.ID);
+            } else {
+              warn(`\u672A\u67E5\u627E\u5230${sy2.ID}\u6240\u6307\u5411\u7684\u6587\u6863\u8282\u70B9 ${sy2.TextMarkBlockRefID}`);
+            }
+          } else {
+            warn(`${sy2.ID} \u5757\u5F15\u7528\u6CA1\u6709\u8BBE\u5B9A ref id`);
+          }
+          return `<span data-type="${sy2.TextMarkType}"   data-subtype="${/** "s" */
+          sy2.TextMarkBlockRefSubtype}"   data-id="${/** 被引用块的id */
+          sy2.TextMarkBlockRefID}"><a href="${href}">${content}</a></span>`;
+        } else if (type === "a") {
+          let href = sy2.TextMarkAHref;
+          if (href?.startsWith("assets/")) {
+            href = `${await that.getTopPathPrefix()}/${href}`;
+          }
+          return `<a href="${href}">${content}</a>`;
+        } else if (`strong em u s mark sup sub kbd tag code strong code text`.includes(
+          type ?? ""
+        )) {
+          return `<span ${strAttr(sy2, { data_type: type })}>${content}</span>`;
+        } else {
+          return warnDiv(
+            `\u6CA1\u6709\u627E\u5230\u5BF9\u5E94\u7684\u6E32\u67D3\u5668 ${sy2.TextMarkType}  ${that.nodeStack[0].Properties?.title}`
+          );
+        }
+      }
+    },
+    async NodeImage(sy) {
+      let link = "";
+      const LinkDest = sy.Children?.filter((c) => c.Type === "NodeLinkDest");
+      if (LinkDest?.length === 1) {
+        link = await callRenderHTML(LinkDest[0], this);
+      } else if (LinkDest?.length && LinkDest.length > 1) {
+        warn("NodeImage \u5B58\u5728\u591A\u4E2A LinkDest", sy);
+      }
+      let title = "";
+      const LinkTitle = sy.Children?.filter((c) => c.Type === "NodeLinkTitle");
+      if (LinkTitle?.length === 1) {
+        title = await callRenderHTML(LinkTitle[0], this);
+      } else if (LinkTitle?.length && LinkTitle.length > 1) {
+        warn("NodeImage \u5B58\u5728\u591A\u4E2A LinkTitle", sy);
+      }
+      return `<span ${await strAttr(sy)} style="${sy.Properties?.["parent-style"] ?? ""}">
+  <img
+    src="${link}"
+    data-src="${link}"
+    title="${title}"
+    style="${sy.Properties?.style ?? ""}"
+    loading="lazy"
+  />
+  <span class="protyle-action__title">${title}</span></span>`;
+    },
+    async NodeLinkDest(sy) {
+      if (/^(?:[a-z]+:)?\/\/|^(?:\/)/.test(sy.Data ?? "")) {
+        return sy.Data ?? "";
+      }
+      return `${await this.getTopPathPrefix()}/${sy.Data}`;
+    },
+    NodeLinkTitle: _dataString,
+    NodeKramdownSpanIAL: _emptyString,
+    async NodeSuperBlock(sy) {
+      return `<div ${strAttr(sy)} data-sb-layout="${childDateByType(
+        sy,
+        "NodeSuperBlockLayoutMarker"
+      )}">${await callChildRender(sy, this)}</div>`;
+    },
+    NodeSuperBlockOpenMarker: _emptyString,
+    NodeSuperBlockCloseMarker: _emptyString,
+    NodeSuperBlockLayoutMarker: _emptyString,
+    async NodeBlockQueryEmbed(sy) {
+      return `<div ${strAttr(sy)} data-type="NodeBlockquote" class="bq">  ${await callChildRender(sy, this)}  </div>`;
+    },
+    NodeOpenBrace: _emptyString,
+    NodeCloseBrace: _emptyString,
+    async NodeBlockQueryEmbedScript(sy) {
+      const sql = sy.Data;
+      if (!sql) {
+        console.log("no sql", sy);
+        return html`<pre>${sql}</pre>`;
+      }
+      let htmlStr = "";
+      const blocks = await API.query_sql({
+        stmt: (
+          /** sql 被思源转义了，类似 ：SELECT * FROM blocks WHERE id = &#39;20201227174241-nxny1tq&#39;
+          所以这里将它转义回来
+          TODO 当用户确实使用了包含转义的字符串时，这个实现是错误的 */
+          unescaping(
+            sql
+          ).replace(
+            /** 我不理解lute为什么这样实现 https://github.com/88250/lute/blob/HEAD/editor/const.go#L38
+             * https://ld246.com/article/1696750832289
+             */
+            /_esc_newline_/g,
+            "\n"
+          )
+        )
+      }).catch((err) => {
+        throw new Error(
+          `sql error: ${err.message}
+rawSql:${sql}
+unescapingSql:${unescaping(
+            sql
+          )}`
+        );
+      });
+      for (const block of blocks) {
+        const node = await storeDep.getNodeByID(block.id);
+        if (node === void 0) {
+          return warnDiv("\u672A\u627E\u5230\u6B64\u5757\uFF0C\u53EF\u80FD\u4E3A\u8DE8\u7B14\u8BB0\u5F15\u7528", block.id, sql);
+        }
+        htmlStr += await callRenderHTML(node, this);
+      }
+      return htmlStr;
+    },
+    async NodeBlockquote(sy) {
+      return html`<div ${strAttr(sy)}>${await callChildRender(sy, this)}</div>`;
+    },
+    NodeBlockquoteMarker: _emptyString,
+    NodeCodeBlock: async function(sy) {
+      const [yes, _] = isRenderCode(sy);
+      if (yes) {
+        return `<div ${strAttr(sy)} data-content="${escaping(
+          sy.Children?.find((el) => el.Type === "NodeCodeBlockCode")?.Data ?? ""
+        )}">
+          <div spin="1"></div>
+          <div class="protyle-attr" contenteditable="false"></div>
+        </div>`;
+      }
+      return `<div ${strAttr(sy)}>
+          <div class="protyle-action">
+            <span class="protyle-action--first protyle-action__language">${await callRenderHTML(
+        sy.Children?.find(
+          (el) => el.Type === "NodeCodeBlockFenceInfoMarker"
+        ),
+        this
+      )}</span>
+            <span class="fn__flex-1"></span><span class="protyle-icon protyle-icon--only protyle-action__copy"><svg><use xlink:href="#iconCopy"></use></svg></span>
+          </div>
+          ${await callRenderHTML(
+        sy.Children?.find((el) => el.Type === "NodeCodeBlockCode"),
+        this
+      )}
+        </div>`;
+    },
+    NodeCodeBlockFenceInfoMarker: async (sy) => atob(sy.CodeBlockInfo ?? ""),
+    NodeCodeBlockCode: async (sy) => `<div class="hljs" spellcheck="false">${sy.Data}</div>`,
+    NodeCodeBlockFenceOpenMarker: _emptyString,
+    NodeCodeBlockFenceCloseMarker: _emptyString,
+    async NodeTable(sy) {
+      return `<div ${strAttr(sy)}>
+      <div>
+        <table spellcheck="false">
+          <colgroup>
+          ${sy.TableAligns?.map(() => "<col />").join("")}
+          </colgroup>
+          ${await callRenderHTML(
+        sy.Children?.find((el) => el.Type === "NodeTableHead"),
+        this
+      )}
+          <tbody>
+          ${(await Promise.all(
+        sy.Children?.filter((el) => el.Type === "NodeTableRow").map(
+          (el) => callRenderHTML(el, this)
+        ) ?? []
+      )).join("\n")}
+          </tbody>
+        </table>
+      </div>
+    </div>`;
+    },
+    async NodeTableHead(sy) {
+      return `<${sy.Data}>${await callChildRender(sy, this)}</${sy.Data}>`;
+    },
+    async NodeTableRow(sy) {
+      return `<tr>${await callChildRender(sy, this)}</tr>`;
+    },
+    async NodeTableCell(sy) {
+      return `<td>${await callChildRender(sy, this)}</td>`;
+    },
+    NodeHTMLBlock: async (sy) => `<div ${strAttr(sy)}>${sy.Data}</div>`,
+    NodeThematicBreak: async (sy) => `<div ${strAttr(sy)}><div></div></div>`,
+    NodeMathBlock: async (sy) => `<div ${strAttr(
+      sy
+    )} data-content="${childDateByType(sy, "NodeMathBlockContent")}">
+      <div spin="1"></div>
+    </div>`,
+    NodeMathBlockOpenMarker: _emptyString,
+    NodeMathBlockCloseMarker: _emptyString,
+    async NodeIFrame(sy) {
+      return ` <div ${strAttr(sy)}>
+      <div class="iframe-content">
+      ${/** 资源总是被复制到顶层目录，所以直接跳到顶层即可 */
+      /** TODO 应该有一个统一处理资源的方案 */
+      sy.Data?.replace(
+        /src="assets\//,
+        `src="${await this.getTopPathPrefix()}/assets/`
+      )}
+      </div>
+    </div>`;
+    },
+    async NodeVideo(sy) {
+      return await this.NodeIFrame(sy);
+    },
+    async NodeAudio(sy) {
+      return await this.NodeIFrame(sy);
+    },
+    /** 虚拟链接 */
+    NodeHeadingC8hMarker: _emptyString,
+    async NodeSoftBreak(_sy) {
+      return "\u200B";
+    },
+    async NodeBr(sy) {
+      return `<${sy.Data}>`;
+    },
+    async NodeWidget(sy) {
+      return `<div ${strAttr(
+        sy
+      )}><img src="${await this.getTopPathPrefix()}/assets/widget/${sy.ID}.jpg"/></div>`;
+    },
+    async NodeBackslash(sy) {
+      if (sy.Data === void 0 || sy.Data === "span") {
+        return `${await callChildRender(sy, this)}`;
+      } else {
+        return warnDiv(
+          `\u672A\u5B9A\u4E49\u7684 NodeBackslash \u5904\u7406 ${sy.Data}`,
+          this.nodeStack[0].Properties?.title
+        );
+      }
+    },
+    NodeBackslashContent: _dataString
+  };
+  return render;
+});
+function childDateByType(sy, type) {
+  return sy.Children?.find((el) => el.Type === type)?.Data;
+}
+function warn(...arg) {
+  console.warn("\n", ...arg);
+}
+
+// src/core/build.ts
+function generateBreadcrumbs(path, config) {
+  const breadcrumbs = [];
+  if (config.sitemap?.siteLink) {
+    breadcrumbs.push({
+      name: config.sitemap?.title || "\u9996\u9875",
+      url: config.sitemap.siteLink
+    });
+  }
+  const pathSegments = path.split("/").filter((segment) => segment.length > 0);
+  let currentPath = "";
+  for (const segment of pathSegments) {
+    currentPath += "/" + segment;
+    breadcrumbs.push({
+      name: segment,
+      url: `${config.sitemap?.siteLink || ""}${currentPath}.html`
+    });
+  }
+  return breadcrumbs;
+}
+function build(config, otherConfig) {
+  return Effect4.gen(function* () {
+    const effectApi = yield* EffectRender;
+    const effectLog = yield* EffectLogDep;
+    const _renderHTML = otherConfig?.renderHtmlFn ?? renderHTML;
+    const book = config.notebook;
+    const docTree = {};
+    const skipBuilds = useSkipBuilds();
+    let oldPercentage = 0;
+    let total = 0;
+    function processPercentage(percentage) {
+      total += oldPercentage;
+      return (process3) => {
+        oldPercentage = process3 * percentage;
+        effectLog.percentage((total + oldPercentage) * 100);
+      };
+    }
+    effectLog.log(`=== \u5F00\u59CB\u7F16\u8BD1 ${book.name} ===`);
+    let process2 = processPercentage(0.4);
+    const Doc_blocks = yield* Effect4.tryPromise(() => allDocBlock_by_bookId(book.id));
+    function refsNotUpdated(docBlock) {
+      const refs = config.__skipBuilds__[docBlock.id]?.refs ?? [];
+      for (const ref_id of refs) {
+        const new_doc_hash = Doc_blocks.find(
+          (docBlock2) => docBlock2.id === ref_id
+        )?.hash;
+        const old_doc_hash = config.__skipBuilds__[ref_id]?.hash;
+        if (new_doc_hash === void 0 || old_doc_hash === void 0) {
+          return false;
+        } else if (new_doc_hash === old_doc_hash) {
+          continue;
+        } else {
+          return false;
+        }
+      }
+      return true;
+    }
+    effectLog.log(`=== \u67E5\u8BE2\u6587\u6863\u7EA7block\u5B8C\u6210 ===`);
+    let i = 0;
+    yield* Effect4.tryPromise(() => Promise.all(
+      Doc_blocks.map(async (docBlock) => {
+        const sy = await get_doc_by_SyPath(DB_block_path(docBlock));
+        docTree[docBlock.hpath] = { sy, docBlock };
+        i++;
+        process2(i / Doc_blocks.length);
+      })
+    ));
+    const fileTree = {};
+    process2 = processPercentage(0.4);
+    const enableIncrementalCompilation_doc = (() => {
+      if (package_default.version !== config.OceanPress.version) {
+        effectLog.log(
+          `\u914D\u7F6E\u6587\u4EF6\u7248\u672C\u53F7[${config.OceanPress.version}]\u4E0EOceanPress\u7248\u672C[${package_default.version}]\u4E0D\u4E00\u81F4\uFF0C\u5C06\u8FDB\u884C\u6587\u6863\u5168\u91CF\u7F16\u8BD1`
+        );
+        return false;
+      }
+      return config.enableIncrementalCompilation_doc;
+    })();
+    effectLog.log(`=== \u5F00\u59CB\u6E32\u67D3\u6587\u6863 ===`);
+    yield* Effect4.forEach(Object.entries(docTree), ([path, { sy, docBlock }]) => {
+      return Effect4.gen(function* () {
+        if (config.enableIncrementalCompilation && enableIncrementalCompilation_doc && /** 文档本身没有发生变化 */
+        config.__skipBuilds__[docBlock.id]?.hash === docBlock.hash && /** docBlock所引用的文档也没有更新 */
+        refsNotUpdated(docBlock)) {
+          return "/** skip */";
         }
-        if (config.enableIncrementalCompilation && config.enableIncrementalCompilation_doc) {
+        const renderInstance = yield* getRender;
+        try {
+          const rootLevel = path.split("/").length - 2;
+          const htmlContent = yield* _renderHTML(sy, renderInstance);
+          const pageUrl = config.sitemap.siteLink ? `${config.sitemap.siteLink}${path}.html` : `${path}.html`;
+          fileTree[path + ".html"] = yield* Effect4.tryPromise(() => htmlTemplate(
+            {
+              title: sy.Properties?.title || "",
+              htmlContent,
+              level: rootLevel,
+              seoData: {
+                doc: sy,
+                config,
+                pageUrl,
+                breadcrumbs: generateBreadcrumbs(path, config)
+              }
+            },
+            {
+              ...tempConfig.cdn,
+              embedCode: config.embedCode
+            }
+          ));
+          if (config.sitemap.rss && path.endsWith(".rss.xml")) {
+            const rssPath = path;
+            fileTree[rssPath] = yield* Effect4.tryPromise(() => generateRSSXML(rssPath, renderInstance, config, effectApi.getHPathByID_Node));
+            effectLog.log(`\u6E32\u67D3 rss.xml:${rssPath} \u5B8C\u6BD5`);
+          }
+          if (config.enableIncrementalCompilation && config.enableIncrementalCompilation_doc) {
+            skipBuilds.add(docBlock.id, {
+              hash: docBlock.hash
+            });
+          }
           skipBuilds.add(docBlock.id, {
-            hash: docBlock.hash
+            refs: (
+              /** 保存引用 */
+              [...renderInstance.refs.values()]
+            )
           });
+          effectLog.log(`\u6E32\u67D3\u5B8C\u6BD5:${path}`);
+        } catch (error) {
+          effectLog.log(`${path} \u6E32\u67D3\u5931\u8D25:${error}`);
+          console.log(error);
         }
-        skipBuilds.add(docBlock.id, {
-          refs: (
-            /** 保存引用 */
-            [...renderInstance.refs.values()]
-          )
-        });
-      } catch (error) {
-        effect.log(`${path} \u6E32\u67D3\u5931\u8D25:${error}`);
-        console.log(error);
-      }
-      process2(i / Doc_blocks.length);
-      effect.log(`\u6E32\u67D3\u5B8C\u6BD5:${path}`);
-    })
-  );
-  effect.log(`=== \u6E32\u67D3\u6587\u6863\u5B8C\u6210 ===`);
-  effect.log(`=== \u5F00\u59CB\u751F\u6210 sitemap.xml ===`);
-  if (config.sitemap.enable) {
-    fileTree["sitemap.xml"] = sitemap_xml(Doc_blocks, config.sitemap);
-  }
-  if (config.excludeAssetsCopy === false) {
-    effect.log(`=== \u5F00\u59CB\u590D\u5236\u8D44\u6E90\u6587\u4EF6 ===`);
-    const assets = await API.query_sql({
-      stmt: `SELECT * from assets
-             WHERE box = '${book.id}'
-            limit 150000 OFFSET 0`
+        process2(i / Doc_blocks.length);
+        return `\u6E32\u67D3\u5B8C\u6BD5:${path}`;
+      });
     });
-    await Promise.all(
-      assets.map(async (item) => {
-        if (config.enableIncrementalCompilation && /** 资源没有变化，直接跳过 */
-        config.__skipBuilds__[item.id]?.hash === item.hash) {
+    effectLog.log(`=== \u6E32\u67D3\u6587\u6863\u5B8C\u6210 ===`);
+    effectLog.log(`=== \u5F00\u59CB\u751F\u6210 sitemap.xml ===`);
+    if (config.sitemap.enable) {
+      fileTree["sitemap.xml"] = sitemap_xml(Doc_blocks, config.sitemap);
+    }
+    if (config.excludeAssetsCopy === false) {
+      effectLog.log(`=== \u5F00\u59CB\u590D\u5236\u8D44\u6E90\u6587\u4EF6 ===`);
+      const assets = yield* Effect4.tryPromise(() => API.query_sql({
+        stmt: `SELECT * from assets
+               WHERE box = '${book.id}'
+              limit 150000 OFFSET 0`
+      }));
+      yield* Effect4.tryPromise(() => Promise.all(
+        assets.map(async (item) => {
+          if (config.enableIncrementalCompilation && /** 资源没有变化，直接跳过 */
+          config.__skipBuilds__[item.id]?.hash === item.hash) {
+            return;
+          } else {
+            fileTree[item.path] = await API.get_assets({
+              path: item.path
+            });
+            if (config.enableIncrementalCompilation) {
+              skipBuilds.add(item.id, { hash: item.hash });
+            }
+          }
+        })
+      ));
+      effectLog.log(`=== \u5F00\u59CB\u590D\u5236\u6302\u4EF6\u8D44\u6E90\u6587\u4EF6 ===`);
+      const widgetList = yield* Effect4.tryPromise(() => API.query_sql({
+        stmt: `
+        SELECT *
+        from blocks
+        WHERE box = '${book.id}'
+        AND type = 'widget'
+        limit 150000 OFFSET 0
+      `
+      }));
+      const widgetNode = (yield* Effect4.tryPromise(() => Promise.all(
+        widgetList.map(async (el) => await get_node_by_id(el.id))
+      ))).filter(
+        (widget) => widget?.Properties?.["custom-oceanpress-widget-update"]
+      ).map(async (widget) => {
+        if (!widget || !widget?.ID) return;
+        const update = widget?.Properties?.["custom-oceanpress-widget-update"];
+        if (config.enableIncrementalCompilation && config.__skipBuilds__[widget.ID]?.updated === update) {
           return;
         } else {
-          fileTree[item.path] = await API.get_assets({
-            path: item.path
+          const id = widget.ID;
+          fileTree[`assets/widget/${id}.jpg`] = await API.file_getFile({
+            path: `data/storage/oceanpress/widget_img/${id}.jpg`
           });
           if (config.enableIncrementalCompilation) {
-            skipBuilds.add(item.id, { hash: item.hash });
+            skipBuilds.add(id, { updated: update });
           }
         }
-      })
-    );
-    effect.log(`=== \u5F00\u59CB\u590D\u5236\u6302\u4EF6\u8D44\u6E90\u6587\u4EF6 ===`);
-    const widgetList = await API.query_sql({
-      stmt: `
-      SELECT *
-      from blocks
-      WHERE box = '${book.id}'
-      AND type = 'widget'
-      limit 150000 OFFSET 0
-    `
-    });
-    const widgetNode = (await Promise.all(
-      widgetList.map(async (el) => await get_node_by_id(el.id))
-    )).filter(
-      (widget) => widget?.Properties?.["custom-oceanpress-widget-update"]
-    ).map(async (widget) => {
-      if (!widget || !widget?.ID) return;
-      const update = widget?.Properties?.["custom-oceanpress-widget-update"];
-      if (config.enableIncrementalCompilation && config.__skipBuilds__[widget.ID]?.updated === update) {
-        return;
-      } else {
-        const id = widget.ID;
-        fileTree[`assets/widget/${id}.jpg`] = await API.file_getFile({
-          path: `data/storage/oceanpress/widget_img/${id}.jpg`
-        });
-        if (config.enableIncrementalCompilation) {
-          skipBuilds.add(id, { updated: update });
-        }
-      }
-    });
-    await Promise.all(widgetNode);
-  }
-  if (otherConfig?.onFileTree) {
-    otherConfig.onFileTree(fileTree);
-  }
-  if (config.compressedZip) {
-    effect.log(`=== \u5F00\u59CB\u751F\u6210\u538B\u7F29\u5305 ===`);
-    await downloadZIP(fileTree, {
-      // TODO 这里应该移出来成为全局的写选项
-      withoutZip: tempConfig.withoutPublicZip,
-      publicZip: tempConfig.cdn.publicZip
-    });
-  }
-  config.OceanPress.version = package_default.version;
-  skipBuilds.write();
-  effect.percentage(100);
-  effect.log("\u7F16\u8BD1\u5B8C\u6BD5");
-  return { fileTree };
+      });
+      yield* Effect4.tryPromise(() => Promise.all(widgetNode));
+    }
+    if (config.sidebarCode.enableDocTree) {
+      effectLog.log(`=== \u5F00\u59CB\u751F\u6210\u6587\u6863\u6811 ===`);
+      fileTree[renderDocTreeJsPath] = yield* renderDocTree();
+      effectLog.log(`=== \u6587\u6863\u6811\u751F\u6210\u5B8C\u6210 ===`);
+    }
+    if (otherConfig?.onFileTree) {
+      otherConfig.onFileTree(fileTree, effectLog);
+    }
+    if (config.compressedZip) {
+      effectLog.log(`=== \u5F00\u59CB\u751F\u6210\u538B\u7F29\u5305 ===`);
+      yield* Effect4.tryPromise(
+        () => downloadZIP(fileTree, {
+          // TODO 这里应该移出来成为全局的写选项
+          withoutZip: tempConfig.withoutPublicZip,
+          publicZip: tempConfig.cdn.publicZip
+        })
+      );
+    }
+    config.OceanPress.version = package_default.version;
+    skipBuilds.write();
+    effectLog.percentage(100);
+    effectLog.log("\u7F16\u8BD1\u5B8C\u6BD5");
+    return { fileTree };
+  });
 }
 function useSkipBuilds() {
   const obj = {};
@@ -1606,56 +2682,73 @@ function useSkipBuilds() {
   };
 }
 
-// src/plugins/publish/OceanPressServer.ts
-import { createRPC } from "oceanpress-rpc";
-import { stringify } from "superjson";
-function deployOceanPressServer_plugin(config) {
-  const plugin = {
-    async build_onFileTree([tree], next) {
-      next(tree);
-      const client = await createRPC("apiConsumer", {
-        async remoteCall(method, data) {
-          let body;
-          let content_type;
-          if (data[0] instanceof ReadableStream) {
-            body = await new Response(data[0]).blob();
-            content_type = "application/octet-stream";
-          } else {
-            body = stringify(data);
-            console.log("[body]", body);
-            content_type = "application/json";
-          }
-          return fetch(`${config.oceanPressServer.apiBase}/api/${method}`, {
-            method: "POST",
-            body,
-            headers: {
-              "x-api-key": config.oceanPressServer.apiKey,
-              "Content-Type": content_type
-            },
-            // @ts-expect-error 在 node 运行的时候需要声明双工模式才能正确发送 ReadableStream，TODO 需要验证浏览器端可以这样运行吗
-            duplex: "half"
-            // 关键：显式声明半双工模式
-          }).then((res2) => res2.json()).then((r) => {
-            if (r.error) {
-              console.log("[r]", r);
-              throw new Error();
-            }
-            return r.result;
-          });
+// src/core/plugin.ts
+var PluginCenter = class {
+  constructor(_funMap) {
+    this._funMap = _funMap;
+    __publicField(this, "plugins", []);
+    /** 辅助类型，不可调用！ */
+    __publicField(this, "pluginType", 0);
+    /** 对需要调用的函数进行代理,完成插件hook介入。 */
+    __publicField(this, "fun");
+    const that = this;
+    this.fun = new Proxy({}, {
+      get(_target, propertyKey, receiver) {
+        const method = Reflect.get(that._funMap, propertyKey, receiver);
+        if (typeof method === "function") {
+          return (...args) => {
+            return that.callFn(
+              propertyKey,
+              //@ts-ignore  懒得推类型了。属于内部实现，就直接忽略掉吧
+              method
+            )(...args);
+          };
         }
-      });
-      const zip = await genZIP(tree, { withoutZip: true });
-      const sizeInMB = zip.size / (1024 * 1024);
-      console.log("[zip.size in MB]", sizeInMB.toFixed(2));
-      const readableStream = zip.stream();
-      const { chunkCount, fileId } = await client.API.upload(readableStream);
-      console.log("[res]", { chunkCount, fileId });
-      const res = await client.API.deploy({ zipFileId: fileId });
-      console.log("[deploy res]", res);
-    }
-  };
-  return plugin;
-}
+        return method;
+      }
+    });
+  }
+  registerPlugin(plugin) {
+    this.plugins.push(plugin);
+  }
+  removePlugin(plugin) {
+    this.plugins = this.plugins.filter((p) => p !== plugin);
+  }
+  /** 洋葱hook调用机制的实现 */
+  callFn(name, fn) {
+    return (...arg) => {
+      const m = new middlewareRunner(fn);
+      for (const plugin of this.plugins) {
+        const middleware = plugin[name];
+        if (middleware) {
+          m.use(middleware);
+        }
+      }
+      return m.runMiddlewareHandel(...arg);
+    };
+  }
+};
+var middlewareRunner = class {
+  constructor(handel) {
+    this.handel = handel;
+    __publicField(this, "middlewares", []);
+  }
+  use(middleware) {
+    this.middlewares.push(middleware);
+  }
+  runMiddlewareHandel(...ctx) {
+    let index = 0;
+    const next = (...ctx2) => {
+      const middleware = this.middlewares[index];
+      index++;
+      if (middleware === void 0) {
+        return this.handel.call(this, ...ctx2);
+      }
+      return middleware(ctx2, next);
+    };
+    return next.call(this, ...ctx);
+  }
+};
 
 // src/core/ocean_press.ts
 var OceanPress = class {
@@ -1667,7 +2760,7 @@ var OceanPress = class {
       /** 用于渲染文档的函数 */
       build_renderHTML: renderHTML,
       /** 编译完成后文件树的处理回调函数 */
-      build_onFileTree: (_tree) => {
+      build_onFileTree: (_tree, _effectApi) => {
       }
     });
     __publicField(this, "pluginCenter", new PluginCenter(
@@ -1687,8 +2780,8 @@ var OceanPress = class {
       );
     }
   }
-  async build(effect) {
-    const build_res = this.pluginCenter.fun.build(this.config, effect, {
+  build() {
+    const build_res = this.pluginCenter.fun.build(this.config, {
       renderHtmlFn: this.pluginCenter.fun.build_renderHTML,
       onFileTree: this.pluginCenter.fun.build_onFileTree
     });
@@ -1697,45 +2790,52 @@ var OceanPress = class {
 };
 
 // src/core/render.api.dep.ts
-storeDep.getDocByChildID = async (id) => {
-  return await get_doc_by_child_id(id);
-};
-storeDep.getDocPathBySY = async (sy) => {
-  if (sy?.ID) {
-    const block = await get_block_by_id(sy.ID);
-    if (block) {
-      return DB_block_path(block);
+var renderApiDep = {
+  getDocByChildID: async (id) => {
+    return await get_doc_by_child_id(id);
+  },
+  getDocPathBySY: async (sy) => {
+    if (sy?.ID) {
+      const block = await get_block_by_id(sy.ID);
+      if (block) {
+        return DB_block_path(block);
+      }
     }
-  }
-};
-storeDep.getHPathByID_Node = async (id_node) => {
-  const id = typeof id_node === "string" ? id_node : id_node.ID;
-  if (id === void 0) throw new Error("id is undefined");
-  const docNode = await get_doc_by_child_id(id);
-  if (docNode === void 0) throw new Error("docNode is undefined");
-  const docBlock = await get_block_by_id(id);
-  if (docBlock === void 0) throw new Error("docBlock is undefined");
-  return docBlock.hpath;
-};
-storeDep.getNodeByID = async (id) => {
-  if (id === void 0) return;
-  const doc = await storeDep.getDocByChildID(id);
-  if (doc === void 0) return;
-  return getNode(doc);
-  function getNode(node) {
-    if (node.ID === id) return node;
-    if (node.Children === void 0) return;
-    for (const child of node.Children) {
-      const n = getNode(child);
-      if (n) return n;
+  },
+  /** TODO 应该可以从cache中获取，而不需要查询 */
+  getHPathByID_Node: async (id_node) => {
+    const id = typeof id_node === "string" ? id_node : id_node.ID;
+    if (id === void 0) throw new Error("id is undefined");
+    const docNode = await get_doc_by_child_id(id);
+    if (docNode === void 0) throw new Error("docNode is undefined");
+    const docBlock = await get_block_by_id(id);
+    if (docBlock === void 0) throw new Error("docBlock is undefined");
+    return docBlock.hpath;
+  },
+  getNodeByID: async (id) => {
+    if (id === void 0) return;
+    const doc = await renderApiDep.getDocByChildID(id);
+    if (doc === void 0) return;
+    return getNode(doc);
+    function getNode(node) {
+      if (node.ID === id) return node;
+      if (node.Children === void 0) return;
+      for (const child of node.Children) {
+        const n = getNode(child);
+        if (n) return n;
+      }
     }
+  },
+  log(msg) {
+    console.log(msg);
+  },
+  percentage: (n) => {
+    console.log(n);
   }
 };
 
 // src/util/store.node.dep.ts
-import { writeFileSync, readFileSync, existsSync, mkdirSync } from "node:fs";
-storeDep.getItem = getItem;
-storeDep.setItem = setItem;
+import { writeFileSync, readFileSync, existsSync, mkdirSync } from "fs";
 function setItem(key, value) {
   if (!existsSync("./store/")) {
     mkdirSync("./store/", { recursive: true });
@@ -1751,6 +2851,10 @@ function getItem(key) {
     return void 0;
   }
 }
+var nodeApiDep = {
+  setItem,
+  getItem
+};
 
 // src/cli/common.ts
 import { Command } from "commander";
@@ -1758,13 +2862,13 @@ var program = new Command();
 program.name("OceanPress").description("\u8FD9\u662F\u4E00\u6B3E\u4ECE\u601D\u6E90\u7B14\u8BB0\u672C\u751F\u6210\u4E00\u4E2A\u9759\u6001\u7AD9\u70B9\u7684\u5DE5\u5177");
 
 // src/cli/deploy.ts
+import { Context as Context3, Effect as Effect5 } from "effect";
 program.command("deploy").description("\u90E8\u7F72\u7AD9\u70B9").option("-c, --config <string>", "\u6307\u5B9A\u914D\u7F6E\u6587\u4EF6\u7684\u4F4D\u7F6E").option("-h, --apiBase <string>", "OceanPress server \u5730\u5740").option("-k, --apiKey <string>", "OceanPress server Api \u5BC6\u94A5").action(async (opt) => {
   if (!opt.apiBase || !opt.apiKey) {
     return console.error(`\u8BF7\u914D\u7F6E apiBase \u548C apiKey`);
   }
   const config = await readFile(opt.config, "utf-8");
-  loadConfigFile(JSON.parse(config));
-  const client = await createRPC2("apiConsumer", {
+  const client = await createRPC("apiConsumer", {
     remoteCall(method, data) {
       let body;
       let content_type;
@@ -1795,79 +2899,115 @@ program.command("deploy").description("\u90E8\u7F72\u7AD9\u70B9").option("-c, --
       });
     }
   });
-  const ocean_press = new OceanPress(currentConfig.value);
-  ocean_press.pluginCenter.registerPlugin({
-    async build_onFileTree([tree], next) {
-      const zip = await genZIP(tree, { withoutZip: true });
-      const sizeInMB = zip.size / (1024 * 1024);
-      console.log("[zip.size in MB]", sizeInMB.toFixed(2));
-      const readableStream = zip.stream();
-      const { chunkCount, fileId } = await client.API.upload(readableStream);
-      console.log("[res]", { chunkCount, fileId });
-      const res = await client.API.deploy({ zipFileId: fileId });
-      console.log("[deploy res]", res);
-    }
-  });
-  await ocean_press.build({
-    log: (msg) => {
-      if (msg.startsWith("\u6E32\u67D3\uFF1A")) {
-        process.stdout.write(`\r\x1B[K${msg}`);
-      } else {
-        process.stdout.write(`
+  const context = Context3.empty().pipe(
+    Context3.add(EffectRender, renderApiDep),
+    Context3.add(EffectLocalStorageDep, nodeApiDep),
+    Context3.add(EffectConfigDep, currentConfig.value),
+    Context3.add(EffectLogDep, {
+      log: (msg) => {
+        if (msg.startsWith("\u6E32\u67D3\uFF1A")) {
+          process.stdout.write(`\r\x1B[K${msg}`);
+        } else {
+          process.stdout.write(`
 ${msg}`);
+        }
+      },
+      percentage: (n) => {
+        process.stdout.write(`\r\x1B[K\u8FDB\u5EA6\uFF1A${n}%`);
       }
-    },
-    percentage: (n) => {
-      process.stdout.write(`\r\x1B[K\u8FDB\u5EA6\uFF1A${n}%`);
-    }
-  });
+    })
+  );
+  const p = Effect5.provide(
+    Effect5.gen(function* () {
+      yield* loadConfigFile(JSON.parse(config));
+      const ocean_press = new OceanPress(currentConfig.value);
+      ocean_press.pluginCenter.registerPlugin({
+        async build_onFileTree([tree], next) {
+          const zip = await genZIP(tree, { withoutZip: true });
+          const sizeInMB = zip.size / (1024 * 1024);
+          console.log("[zip.size in MB]", sizeInMB.toFixed(2));
+          const readableStream = zip.stream();
+          const { chunkCount, fileId } = await client.API.upload(
+            readableStream
+          );
+          console.log("[res]", { chunkCount, fileId });
+          const res = await client.API.deploy({ zipFileId: fileId });
+          console.log("[deploy res]", res);
+        }
+      });
+      return yield* ocean_press.build();
+    }),
+    context
+  );
+  await Effect5.runPromise(p);
 });
 
 // src/cli/build.ts
 import { mkdir, readFile as readFile2, writeFile } from "fs/promises";
 import { resolve } from "path";
 import { join } from "path/posix";
+import { Context as Context4, Effect as Effect6 } from "effect";
 program.command("build").description("\u8F93\u51FA\u9759\u6001\u7AD9\u70B9\u6E90\u7801").option("-c, --config <string>", "\u6307\u5B9A\u914D\u7F6E\u6587\u4EF6\u7684\u4F4D\u7F6E").option("-o, --output <string>", "\u6307\u5B9A\u8F93\u51FA\u76EE\u5F55\u4F4D\u7F6E").action(async (opt) => {
   if (!opt.config || !opt.output) {
     console.log(`\u8BF7\u8BBE\u7F6E\u914D\u7F6E\u6587\u4EF6\u4F4D\u7F6E\u548C\u8F93\u51FA\u76EE\u5F55\u4F4D\u7F6E`);
     throw new Error("\u8BF7\u8BBE\u7F6E\u914D\u7F6E\u6587\u4EF6\u4F4D\u7F6E\u548C\u8F93\u51FA\u76EE\u5F55\u4F4D\u7F6E");
   }
   const config = await readFile2(opt.config, "utf-8");
-  loadConfigFile(JSON.parse(config));
   const filePath = resolve(opt.output);
-  const ocean_press = new OceanPress(currentConfig.value);
-  ocean_press.pluginCenter.registerPlugin({
-    async build_onFileTree([tree]) {
-      for (const [path, data] of Object.entries(tree)) {
-        const fullPath = join(filePath, "./", path);
-        const pathArray = fullPath.split("/").slice(0, -1);
-        const dirPath = pathArray.join("/");
-        mkdir(dirPath, { recursive: true });
-        try {
-          if (typeof data === "string") {
-            await writeFile(fullPath, data, "utf-8");
-          } else {
-            await writeFile(fullPath, new DataView(data));
-          }
-        } catch (error) {
-          console.log(`${fullPath} \u65E0\u6CD5\u5199\u5165`);
-        }
-      }
-    }
-  });
-  await ocean_press.build({
-    log: (msg) => {
-      if (msg.startsWith("\u6E32\u67D3\uFF1A")) {
-        process.stdout.write(`\r\x1B[K${msg}`);
-      } else {
-        process.stdout.write(`
+  await Effect6.runPromise(
+    Effect6.provideService(
+      loadConfigFile(JSON.parse(config)),
+      EffectLocalStorageDep,
+      nodeApiDep
+    )
+  );
+  const context = Context4.empty().pipe(
+    Context4.add(EffectRender, renderApiDep),
+    Context4.add(EffectLocalStorageDep, nodeApiDep),
+    Context4.add(EffectConfigDep, currentConfig.value),
+    Context4.add(EffectLogDep, {
+      log: (msg) => {
+        if (msg.startsWith("\u6E32\u67D3\uFF1A")) {
+          process.stdout.write(`\r\x1B[K${msg}`);
+        } else {
+          process.stdout.write(`
 ${msg}`);
+        }
+      },
+      percentage: (n) => {
+        process.stdout.write(`\r\x1B[K\u8FDB\u5EA6\uFF1A${n}%`);
       }
-    },
-    percentage: (n) => {
-      process.stdout.write(`\r\x1B[K\u8FDB\u5EA6\uFF1A${n}%`);
-    }
-  });
+    })
+  );
+  const p = Effect6.provide(
+    Effect6.gen(function* () {
+      const ocean_press = new OceanPress(currentConfig.value);
+      ocean_press.pluginCenter.registerPlugin({
+        async build_onFileTree([tree]) {
+          for (const [path, data] of Object.entries(tree)) {
+            const fullPath = join(filePath, "./", path);
+            const pathArray = fullPath.split("/").slice(0, -1);
+            const dirPath = pathArray.join("/");
+            mkdir(dirPath, { recursive: true });
+            try {
+              if (typeof data === "string") {
+                await writeFile(fullPath, data, "utf-8");
+              } else {
+                await writeFile(fullPath, new DataView(data));
+              }
+            } catch (error) {
+              console.log(`${fullPath} \u65E0\u6CD5\u5199\u5165`);
+            }
+          }
+        }
+      });
+      console.log("[config.__current__]", JSON.parse(config).__current__);
+      console.log("[currentConfig.value.name]", currentConfig.value.name);
+      return yield* ocean_press.build();
+    }),
+    context
+  );
+  await Effect6.runPromise(p);
 });
 
 // src/cli/server.ts
@@ -1875,28 +3015,35 @@ import { readFile as readFile3 } from "fs/promises";
 
 // src/server.ts
 import { serve } from "@hono/node-server";
+import { serveStatic } from "@hono/node-server/serve-static";
+import { Effect as Effect8 } from "effect";
+import { Hono as Hono2 } from "hono";
 
 // src/core/hono_server.ts
 import { Hono } from "hono";
 import { stream } from "hono/streaming";
-function createHonoApp(app = new Hono()) {
+import { Effect as Effect7, Context as Context5 } from "effect";
+function createHonoApp(app = new Hono(), renderapi) {
+  const context = Context5.empty().pipe(
+    Context5.add(EffectRender, renderapi),
+    Context5.add(EffectConfigDep, currentConfig.value)
+  );
+  app.get(renderDocTreeJsPath, async (c) => {
+    const p = Effect7.provide(renderDocTree(), context);
+    const r = await Effect7.runPromise(p);
+    return c.text(r, 200, {
+      "Content-Type": "application/javascript",
+      "Cache-Control": "public, max-age=3600"
+    });
+  });
   app.get("/", (c) => c.redirect("/index.html"));
   app.get("/assets/*", assetsHandle);
+  app.get("/favicon.ico", assetsHandle);
   app.get("*", async (c) => {
     const path = decodeURIComponent(c.req.path);
-    const r = await renderHtmlByUriPath(path).catch(async (err) => {
-      if (err.message.includes("not doc")) {
-        return await assetsHandle(c);
-      }
-      throw err;
-    });
-    if (r instanceof Error) {
-      throw r;
-    } else if (typeof r === "string") {
-      return c.html(r);
-    } else {
-      return r;
-    }
+    const p = Effect7.provide(renderHtmlByUriPath(path), context);
+    const r = await Effect7.runPromise(p);
+    return c.html(r);
   });
   return app;
 }
@@ -1934,55 +3081,60 @@ async function assetsHandle(c) {
     }
   });
 }
-async function renderHtmlByUriPath(path) {
-  const hpath = decodeURIComponent(path).replace(/\#(.*)?$/, "").replace(/\.html$/, "");
-  const doc = await get_doc_by_hpath(hpath);
-  return await htmlTemplate(
-    {
-      title: doc.Properties?.title || "",
-      htmlContent: await renderHTML(doc),
-      level: path.split("/").length - 1
-    },
-    {
-      ...tempConfig.cdn,
-      embedCode: currentConfig.value.embedCode
-    }
-  );
+function renderHtmlByUriPath(path) {
+  return Effect7.gen(function* () {
+    const hpath = decodeURIComponent(path).replace(/\#(.*)?$/, "").replace(/\.html$/, "");
+    const doc = yield* Effect7.tryPromise(() => get_doc_by_hpath(hpath));
+    const htmlContent = yield* renderHTML(doc);
+    return yield* Effect7.tryPromise(
+      () => htmlTemplate(
+        {
+          title: doc.Properties?.title || "",
+          htmlContent,
+          level: path.split("/").length - 1
+        },
+        {
+          ...tempConfig.cdn,
+          embedCode: currentConfig.value.embedCode
+        }
+      )
+    );
+  });
 }
 
 // src/server.ts
-import { serveStatic } from "@hono/node-server/serve-static";
-import { Hono as Hono2 } from "hono";
-import { join as join2 } from "path/posix";
-console.log(join2(import.meta.url.slice(5), "../../public/"));
 function server(config = { port: 80, hostname: "0.0.0.0" }) {
-  const app = new Hono2();
-  app.use(
-    "/notebook/*",
-    serveStatic({
-      root: "./public/",
-      onNotFound(path, c) {
-        console.log("[onNotFound notebook path]", path);
-      }
-    })
-  );
-  createHonoApp(app);
-  return new Promise((resolve3, _reject) => {
-    serve(
-      {
-        fetch: app.fetch,
-        port: config.port,
-        hostname: config.hostname
-      },
-      (info) => {
-        resolve3({ info, app });
-        console.log(`Listening on http://${info.address}:${info.port}`);
-      }
+  return Effect8.gen(function* () {
+    const app = new Hono2();
+    app.use(
+      "/notebook/*",
+      serveStatic({
+        root: "./public/",
+        onNotFound(path, c) {
+          console.log("[onNotFound notebook path]", path);
+        }
+      })
     );
+    const effectDep = yield* EffectRender;
+    createHonoApp(app, effectDep);
+    return new Promise((resolve2, _reject) => {
+      serve(
+        {
+          fetch: app.fetch,
+          port: config.port,
+          hostname: config.hostname
+        },
+        (info) => {
+          resolve2({ info, app });
+          console.log(`Listening on http://${info.address}:${info.port}`);
+        }
+      );
+    });
   });
 }
 
 // src/cli/server.ts
+import { Context as Context6, Effect as Effect9 } from "effect";
 program.command("server").description("\u542F\u52A8\u52A8\u6001\u4EE3\u7406").option("-c, --config <string>", "\u6307\u5B9A\u914D\u7F6E\u6587\u4EF6\u7684\u4F4D\u7F6E").option("-h, --host <string>", "web\u670D\u52A1\u7ED1\u5B9A\u5230\u7684\u5730\u5740", "127.0.0.1").option("-p, --port <number>", "web\u670D\u52A1\u7ED1\u5B9A\u5230\u7684\u7AEF\u53E3", "80").option(
   "--cache <boolean>",
   "\u914D\u7F6E\u4E3A true \u65F6\u5F00\u542F\u7F13\u5B58,\u9ED8\u8BA4\u4E3A false \u4E0D\u5F00\u542F\u7F13\u5B58",
@@ -1993,12 +3145,36 @@ program.command("server").description("\u542F\u52A8\u52A8\u6001\u4EE3\u7406").op
       console.log(`\u8BF7\u8BBE\u7F6E\u914D\u7F6E\u6587\u4EF6\u4F4D\u7F6E`);
     }
     const config = await readFile3(opt.config, "utf-8");
-    loadConfigFile(JSON.parse(config));
     setCache(opt.cache !== "false");
-    server({
-      hostname: opt.host,
-      port: Number(opt.port)
-    });
+    const context = Context6.empty().pipe(
+      Context6.add(EffectRender, renderApiDep),
+      Context6.add(EffectLocalStorageDep, nodeApiDep),
+      Context6.add(EffectLogDep, {
+        log: (msg) => {
+          if (msg.startsWith("\u6E32\u67D3\uFF1A")) {
+            process.stdout.write(`\r\x1B[K${msg}`);
+          } else {
+            process.stdout.write(`
+${msg}`);
+          }
+        },
+        percentage: (n) => {
+          process.stdout.write(`\r\x1B[K\u8FDB\u5EA6\uFF1A${n}%`);
+        }
+      })
+    );
+    const p = Effect9.provide(
+      Effect9.gen(function* () {
+        yield* loadConfigFile(JSON.parse(config));
+        tempConfig.cdn.siyuanPrefix = "/notebook/";
+        return yield* server({
+          hostname: opt.host,
+          port: Number(opt.port)
+        });
+      }),
+      context
+    );
+    await Effect9.runPromise(p);
   }
 );