diff --git a/content/LOOPERS.md b/content/LOOPERS.md index e64125955..a0d475856 100644 --- a/content/LOOPERS.md +++ b/content/LOOPERS.md @@ -1,6 +1,6 @@ --- title: 时廻者 LOOPERS 短评 -draft: false +publish: true tags: - 游戏 - Galgame diff --git a/content/Nginx-Proxy-Manager.md b/content/Nginx-Proxy-Manager.md index 734152213..2ee081edf 100644 --- a/content/Nginx-Proxy-Manager.md +++ b/content/Nginx-Proxy-Manager.md @@ -1,6 +1,6 @@ --- title: Nginx proxy manager关于获取ip-ranges.json时卡住的解决方案 -draft: false +publish: true date: 2025-01-23 tags: - 运维 diff --git a/content/attachments/下载 (1).png b/content/attachments/下载 (1).png deleted file mode 100644 index cc3455ebe..000000000 Binary files a/content/attachments/下载 (1).png and /dev/null differ diff --git a/content/blog-20230310.md b/content/blog-20230310.md index c9eb2b9d5..be52ce105 100644 --- a/content/blog-20230310.md +++ b/content/blog-20230310.md @@ -1,5 +1,5 @@ --- -draft: false +publish: true tags: - 随笔 date: 2023-03-10 diff --git a/content/blog-20250130.md b/content/blog-20250130.md index 18a257fda..f6b2084f0 100644 --- a/content/blog-20250130.md +++ b/content/blog-20250130.md @@ -4,7 +4,7 @@ date: 2025-01-30 tags: - 运维 comments: true -draft: false +publish: true --- # 背景和需求 目前主力的组网工具Tailscale使用了100.64.0.0/10的网段作为虚拟网段，并通过Cloudflare将我的主要域名*arenadruid.top*和它的子域名 *\*.arenadruid.top* 解析为我的NAS的Tailscale地址。 diff --git a/content/blog-20250204.md b/content/blog-20250204.md index 367b2159c..01f82e929 100644 --- a/content/blog-20250204.md +++ b/content/blog-20250204.md @@ -1,25 +1,25 @@ --- title: Obsidian 中文斜体楷体优化插件 -draft: false +publish: true tags: - obsidian date: 2025-02-04 comments: true --- - -📝 让 Obsidian 的中文斜体优雅显示为楷体，同时保持英文原生斜体效果 +>[!abstract] 简介 +>让 Obsidian 的中文斜体优雅显示为楷体，同时保持英文原生斜体效果 --- ## 🎯 需求对比：为什么你需要这个 CSS？ -| 场景 | 原生 Obsidian / 普通方案 | 本 CSS 方案 | 解决的问题 | -| --------------- | ------------------ | ----------------------- | --------------------- | -| **中文斜体显示** | 伪斜体（字体拉伸变形） | 真实楷体字形 | 避免中文字符强制拉伸导致的模糊 | -| **中英文混排** | 英文被中文字体覆盖 | 英文保持系统原生斜体 | 提升西文可读性，符合排版规范 | -| **多平台兼容** | 依赖系统特定字体名称 | 自动检测 Win/macOS/Linux 楷体 | 跨平台开箱即用 | -| **代码块保护** | 可能影响代码区字体 | 通过 `unicode-range` 精准控制 | 编程代码不受任何影响 | -| **主题兼容性** | 与某些主题冲突 | 独立字体族 + CSS 变量支持 | 适配 90% 以上 Obsidian 主题 | +| 场景 | 原生 Obsidian | 本 CSS 方案 | 解决的问题 | +| ---------- | ------------ | ----------------------- | --------------------- | +| **中文斜体显示** | 伪斜体（字体拉伸变形） | 真实楷体字形 | 避免中文字符强制拉伸导致的模糊 | +| **中英文混排** | 英文被中文字体覆盖 | 英文保持系统原生斜体 | 提升西文可读性，符合排版规范 | +| **多平台兼容** | 依赖系统特定字体名称 | 自动检测 Win/macOS/Linux 楷体 | 跨平台开箱即用 | +| **代码块保护** | 可能影响代码区字体 | 通过 `unicode-range` 精准控制 | 编程代码不受任何影响 | +| **主题兼容性** | 与某些主题冲突 | 独立字体族 + CSS 变量支持 | 适配 90% 以上 Obsidian 主题 | --- @@ -41,47 +41,17 @@ comments: true ## 🛠️ 安装指南 -### 方法一：快速安装（推荐） -1. 下载 chinese-italic-kaiti.css +1. 前往[Github仓库](https://github.com/ArenaDruid/chinese-italic-kaiti)下载[chinese-italic-kaiti.css](https://github.com/ArenaDruid/chinese-italic-kaiti/blob/main/chinese-italic-kaiti.css) 2. 放入 Obsidian 库的 `.obsidian/snippets/` 目录 3. 启用：设置 → 外观 → CSS 代码片段 → 开启 -### 方法二：手动创建 -```bash -# 在 Obsidian 库中执行 -mkdir -p .obsidian/snippets -cat > .obsidian/snippets/chinese-italic-kaiti.css << 'EOF' -/* 定义中文斜体专用字体 */ -@font-face { - font-family: 'ChineseItalic'; - font-style: italic; - src: local('楷体'), - local('Kaiti SC'), - local('STKaiti'); - unicode-range: U+4E00-9FFF; /* 中文字符范围 */ -} - -/* 智能应用规则 */ -em, .cm-em, i { - font-family: - -apple-system, /* 西文字体栈 */ - BlinkMacSystemFont, - 'Segoe UI', - Roboto, - 'ChineseItalic', /* 中文斜体触发 */ - sans-serif; - - font-style: italic; /* 必须保持斜体状态 */ -} -EOF -``` - --- ## 🌈 效果预览 -![[Pic_20250204.png]] - + ![[Pic_20250204.png]] + *上图为开启插件前，下图为开启插件后* + --- ## ⚙️ 高级配置 @@ -99,13 +69,6 @@ src: local('您的自定义楷体名称'), unicode-range: U+4E00-9FFF, U+3000-303F, U+31C0-31EF; ``` -### 禁用阅读模式 -```css -.markdown-preview-view em { - font-family: inherit !important; -} -``` - --- ## ❓ 常见问题 @@ -122,4 +85,4 @@ A：完全兼容 iOS/Android 版 Obsidian --- ## 📜 协议许可 -[![CC BY-NC-SA 4.0](https://licensebuttons.net/l/by/4.0/80x15.png)](https://creativecommons.org/licenses/by/4.0/) +[![CC BY 4.0](https://licensebuttons.net/l/by/4.0/80x15.png)](https://creativecommons.org/licenses/by/4.0/) diff --git a/content/index.md b/content/index.md index ba397398e..da24fc2ce 100644 --- a/content/index.md +++ b/content/index.md @@ -1,6 +1,6 @@ --- title: 阿瑞纳与阿巴拉契亚的博客 -draft: false +publish: true tags: date: 2025-01-22 comments: false diff --git a/package-lock.json b/package-lock.json index 14646da02..b4b290fdb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -66,7 +66,6 @@ "to-vfile": "^8.0.0", "toml": "^3.0.0", "unified": "^11.0.5", - "unist-util-visit": "^5.0.0", "vfile": "^6.0.3", "workerpool": "^9.2.0", "ws": "^8.18.0", @@ -2102,11 +2101,12 @@ } }, "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "license": "MIT", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -2407,9 +2407,10 @@ } }, "node_modules/cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", + "license": "MIT", "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -3209,9 +3210,10 @@ "license": "MIT" }, "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -3958,6 +3960,7 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "license": "MIT", "engines": { "node": ">=0.12.0" } @@ -4057,9 +4060,9 @@ } }, "node_modules/katex": { - "version": "0.16.11", - "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.11.tgz", - "integrity": "sha512-RQrI8rlHY92OLf3rho/Ts8i/XvjgguEjOkO1BEXcU3N8BqPpSzBNwV/G0Ukr+P/l3ivvJUE/Fa/CwbS6HesGNQ==", + "version": "0.16.21", + "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.21.tgz", + "integrity": "sha512-XvqR7FgOHtWupfMiigNzmh+MgUVmDGU2kXZm899ZkPfcuoPuFxyHmXsgATDpFZDAXCI8tvinaVcDo8PIIJSo4A==", "funding": [ "https://opencollective.com/katex", "https://github.com/sponsors/katex" @@ -5303,11 +5306,12 @@ ] }, "node_modules/micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "license": "MIT", "dependencies": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" }, "engines": { @@ -7082,6 +7086,7 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "license": "MIT", "dependencies": { "is-number": "^7.0.0" }, diff --git a/package.json b/package.json index 56cfb8d0e..c6c76c535 100644 --- a/package.json +++ b/package.json @@ -92,7 +92,6 @@ "to-vfile": "^8.0.0", "toml": "^3.0.0", "unified": "^11.0.5", - "unist-util-visit": "^5.0.0", "vfile": "^6.0.3", "workerpool": "^9.2.0", "ws": "^8.18.0", diff --git a/quartz.config.ts b/quartz.config.ts index 9746f32c5..fe44be292 100644 --- a/quartz.config.ts +++ b/quartz.config.ts @@ -16,14 +16,17 @@ const config: QuartzConfig = { locale: "zh-CN", baseUrl: "www.arenadruid.top", ignorePatterns: ["private", "templates", ".obsidian"], - defaultDateType: "created", - generateSocialImages: false, + defaultDateType: "modified", + generateSocialImages: { + colorScheme: "darkMode", + //image: "cover.png", + }, theme: { fontOrigin: "googleFonts", cdnCaching: true, typography: { - header: "Schibsted Grotesk", - body: "Source Sans Pro", + header: "Noto Sans SC", + body: "Noto Sans SC", code: "IBM Plex Mono", }, colors: { @@ -72,16 +75,16 @@ const config: QuartzConfig = { Plugin.Description(), Plugin.Latex({ renderEngine: "katex" }), // Adds image caption support. Syntax: - // ```md - // ![alt text](image.jpg) - // *caption text* - // ``` Plugin.FigureCaptions(), + // 启动中文斜体转楷体插件 Plugin.ChineseItalic(), // Adds image lightbox support //Plugin.Lightbox(), ], - filters: [Plugin.RemoveDrafts()], + filters: [ + //Plugin.RemoveDrafts(), + Plugin.ExplicitPublish(), + ], emitters: [ Plugin.AliasRedirects(), Plugin.ComponentResources(), diff --git a/quartz.layout.ts b/quartz.layout.ts index 4f305bbbb..a483ba7a8 100644 --- a/quartz.layout.ts +++ b/quartz.layout.ts @@ -49,7 +49,7 @@ export const defaultContentPageLayout: PageLayout = { //Component.RecentNotes(), ], right: [ - //Component.Graph(), + Component.DesktopOnly(Component.Graph()), Component.DesktopOnly(Component.TableOfContents()), Component.Backlinks(), //Component.RecentNotes(), diff --git a/quartz/plugins/transformers/index.ts b/quartz/plugins/transformers/index.ts index 66a7d8836..d389d1952 100644 --- a/quartz/plugins/transformers/index.ts +++ b/quartz/plugins/transformers/index.ts @@ -12,5 +12,4 @@ export { TableOfContents } from "./toc" export { HardLineBreaks } from "./linebreaks" export { RoamFlavoredMarkdown } from "./roam" export { FigureCaptions } from "./figcaptions" -export { Lightbox } from "./lightbox" export { ChineseItalic } from "./chinese-italic" diff --git a/quartz/plugins/transformers/lightbox.ts b/quartz/plugins/transformers/lightbox.ts deleted file mode 100644 index 2e35fe643..000000000 --- a/quartz/plugins/transformers/lightbox.ts +++ /dev/null @@ -1,75 +0,0 @@ -import { QuartzTransformerPlugin } from "../types" -import { visit } from "unist-util-visit" -import { Root } from "hast" - -// Options supported here should be in sync with what GLightbox supports: -// https://github.com/biati-digital/glightbox -interface Options { - /** Name of the effect on lightbox open. */ - openEffect: "zoom" | "fade" | "none" - /** Name of the effect on lightbox close. */ - closeEffect: "zoom" | "fade" | "none" - /** Name of the effect on slide change. */ - slideEffect: "slide" | "zoom" | "fade" | "none" - /** Show or hide the close button. */ - closeButton: boolean -} - -const defaultOptions: Options = { - openEffect: "zoom", - closeEffect: "zoom", - slideEffect: "slide", - closeButton: true, -} - -export const Lightbox: QuartzTransformerPlugin> = (userOpts) => { - const opts = { ...defaultOptions, ...userOpts } - return { - name: "Lightbox", - htmlPlugins(ctx) { - return [ - () => { - return (tree: Root, file) => { - visit(tree, "element", (node, _index, _parent) => { - if ( - node.tagName === "img" && - node.properties && - typeof node.properties.src === "string" - ) { - // Add Image Lightbox support - const classes = (node.properties.className ?? []) as string[] - classes.push("glightbox") - - node.properties.className = classes - } - }) - } - }, - ] - }, - externalResources() { - return { - css: ["https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.3.0/css/glightbox.min.css"], - js: [ - { - src: "https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.3.0/js/glightbox.min.js", - loadTime: "afterDOMReady", - contentType: "external", - }, - { - contentType: "inline", - loadTime: "afterDOMReady", - // GLightbox needs to be reloaded whenever there's a page content change - // to make sure it loads all the images in the new page content. - // Ref: https://quartz.jzhao.xyz/advanced/creating-components#scripts-and-interactivity - script: ` -document.addEventListener("nav", () => { - const lightbox = GLightbox(${JSON.stringify(opts)}); -}); -`.trim(), - }, - ], - } - }, - } -} diff --git a/quartz/static/cover.png b/quartz/static/cover.png new file mode 100644 index 000000000..b913b77f4 Binary files /dev/null and b/quartz/static/cover.png differ