# siyuan-theme-dark-plus **Repository Path**: shenjinglei/siyuan-theme-dark-plus ## Basic Information - **Project Name**: siyuan-theme-dark-plus - **Description**: No description available - **Primary Language**: Unknown - **License**: AGPL-3.0 - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-11-10 - **Last Updated**: 2023-11-12 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README
--- [![GitHub 最新发行版本 (最新一次发行/预发行)](https://img.shields.io/github/v/release/Zuoqiu-Yingyi/siyuan-theme-dark-plus?include_prereleases&style=flat-square)](https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/releases/latest) [![GitHub 最新发行时间](https://img.shields.io/github/release-date/Zuoqiu-Yingyi/siyuan-theme-dark-plus?style=flat-square)](https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/releases/latest) [![GitHub 许可证](https://img.shields.io/github/license/Zuoqiu-Yingyi/siyuan-theme-dark-plus?style=flat-square)](https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/blob/main/LICENSE) [![GitHub 最后一次提交时间](https://img.shields.io/github/last-commit/Zuoqiu-Yingyi/siyuan-theme-dark-plus?style=flat-square)](https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/commits/main) ![GitHub 仓库大小](https://img.shields.io/github/repo-size/Zuoqiu-Yingyi/siyuan-theme-dark-plus?style=flat-square) ![查看次数](https://hits.b3log.org/Zuoqiu-Yingyi/siyuan-theme-dark-plus.svg) [![GitHub 发行版本下载次数](https://img.shields.io/github/downloads/Zuoqiu-Yingyi/siyuan-theme-dark-plus/total?style=flat-square)](https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/releases) [![All Contributors](https://img.shields.io/badge/all_contributors-5-orange.svg?style=flat-square)](#contributor-introduction) --- 简体中文 \| [English](./README.md) ---
# 🌙暗色+ [思源笔记](https://github.com/siyuan-note/siyuan)的一款深色主题 (同时支持浅色模式, 没想到吧~) 现已上架[思源笔记社区集市](https://github.com/siyuan-note/bazaar), 如果您喜欢本主题, 欢迎为本项目点亮一个⭐! ## **通知** **❗已迁移到插件, 并在本主题中默认禁用的功能❗** - **插件**: [网页视图 `webview`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-webview) - 在新窗口打开块或超链接 - 快捷键: 鼠标中键 - 思源版本: `v2.8.10+` - Dark+ 主题版本: `v1.9.3+` - 在新窗口打开块并聚焦 - 快捷键: Shift + 鼠标中键 - 思源版本: `v2.8.10+` - Dark+ 主题版本: `v1.9.3+` - **插件**: [集成编辑环境 `monaco-editor`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-monaco-editor) - 在新窗口打开 Monaco 编辑器以查看 - 快捷键: Alt + 鼠标中键 - 思源版本: `v2.9.8+` - Dark+ 主题版本: `v1.9.8+` - 在新窗口打开 Monaco 编辑器以编辑 - 快捷键: Shift + Alt 鼠标中键 - 思源版本: `v2.9.8+` - Dark+ 主题版本: `v1.9.8+` - **插件**: [Jupyter 客户端 `jupyter-client`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-jupyter-client) - Jupyter 功能 - 思源版本: `v2.10.2+` - Dark+ 主题版本: `v1.10.1+` **⚠️已迁移到插件, 但仍可以在主题中使用的功能⚠️** - **插件**: [自定义字体 `custom-fonts`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-custom-fonts) - 块菜单项 - 常用字体 - **插件**: [自定义块样式 `custom-block`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-custom-block) - 块菜单项 - 全屏显示 - 列表-看板视图 - 列表-默认视图 - 列表-导图视图 - 列表-表格视图 - 显示块内容 - 弹幕 - 显示块 ID - 显示块序号 - 显示块轮廓 - 滚屏显示 - 块样式 - 表格-自动宽度 - 表格-默认宽度 - 表格-单元格等宽 - 全宽显示 - 文本排版模式 - 块属性样式 - 列表-看板视图 - 列表-导图视图 - 列表-表格视图 - 显示块内容 - 弹幕 - 显示块 ID - 显示块序号 - 显示块轮廓 - 滚屏显示 - 表格-自动宽度 - 表格-默认宽度 - 表格-单元格等宽 - 全宽显示 - 文本排版模式 - **插件**: [打字机模式 `typewriter`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-typewriter) - 打字机模式 ## 反馈 - 中文 - [Dark+ - 链滴](https://ld246.com/tag/dark%2b) - [Issues · Zuoqiu-Yingyi/siyuan-theme-dark-plus](https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/issues) - 英文 - [Issues · Zuoqiu-Yingyi/siyuan-theme-dark-plus](https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/issues) ## 预览 ![浅色-relative](./image/README/preview-light.png) ![浅色-location](/appearance/themes/Dark+/image/README/preview-light.png) ![深色-relative](./image/README/preview-dark.png) ![深色-location](/appearance/themes/Dark+/image/README/preview-dark.png) ![行级元素对齐-relative](./image/README/1647098220929.png) ![行级元素对齐-location](/appearance/themes/Dark+/image/README/1647098220929.png) - 使用等宽字体时所有行内元素对齐 - 行内元素样式适配所有字号 ![列表缩进对齐-relative](./image/README/1647098536196.png) ![列表缩进对齐-location](/appearance/themes/Dark+/image/README/1647098536196.png) - 使用等宽字体时列表以 4 个半宽字符(2 个全宽字符)的宽度缩进 - 列表缩进样式适配所有字号 常用中西文 2:1 等宽字体: `仿宋`, `黑体`, `楷体`, `隶书`, `宋体`, `新宋体`, `幼圆` 示意图中使用的中西文 2:1 等宽字体: - 界面 & 代码块: `更纱黑体等宽` [GitHub - be5invis/Sarasa-Gothic](https://github.com/be5invis/Sarasa-Gothic) - 编辑器正文: `霞鹜文楷等宽` [GitHub - lxgw/LxgwWenKai](https://github.com/lxgw/LxgwWenKai) ## 介绍 | INTRODUCTION ### CONTRIBUTOR INTRODUCTION | 功能 | 贡献者 | 项目 | | :------------- | :-------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------- | | 行内批注与注释 | [langzhou](https://github.com/langzhou) | [siyuan-note/siyuan-comment at main · langzhou/siyuan-note · GitHub](https://github.com/langzhou/siyuan-note/tree/main/siyuan-comment) | | 列表脑图 | [royc01](https://github.com/royc01) | [royc01/notion-theme: notion复刻](https://github.com/royc01/notion-theme) |
thxnder
thxnder

💻 🐛
langzhou
langzhou

💻
royc01
royc01

🤔 💻
UserZYF
UserZYF

📹
吃星尘的羊
吃星尘的羊

🎨
注: 该表格使用 [All Contributors · GitHub](https://github.com/all-contributors) 自动生成, 请到 [emoji key](https://allcontributors.org/docs/en/emoji-key) 查看贡献类型 ### 快捷键 #### 主题快捷键 | 快捷键 | 操作对象 | 功能 | | :--------------------------------------------------------------------- | :------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------ | | 鼠标中键
❗在思源 `v2.8.10+` 版本中默认禁用 | 整个窗口 | 在新窗口打开块或超链接
❗已迁移至插件 [网页视图 `webview`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-webview) | | 鼠标右键 | 文档右侧滑块 / 当前阅读进度标识 | 跳转到文档上次浏览位置 | | Shift + 鼠标中键
❗在思源 `v2.8.10+` 版本中默认禁用 | 整个窗口 | 在新窗口打开块并聚焦
❗已迁移至插件 [网页视图 `webview`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-webview) | | Alt + 鼠标中键
❗在思源 `v2.9.8+` 版本中默认禁用 | 整个窗口 | 在新窗口打开 Monaco 编辑器并编辑单击的内容
❗已迁移至插件 [集成编辑环境 `monaco-editor`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-monaco-editor) | | Shift + Alt + 鼠标中键
❗在思源 `v2.9.8+` 版本中默认禁用 | 整个窗口 | 在新窗口打开 Monaco 编辑器并查看 markdown 源码
❗已迁移至插件 [集成编辑环境 `monaco-editor`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-monaco-editor) | | Ctrl/⌘ + 鼠标滚轮
❗在思源 `v2.9.8+` 版本中默认禁用 | 整个窗口 | 调整编辑区字体大小 | | Ctrl/⌘ + 鼠标中键 | 超链接 | 设置自定义块属性 | | Ctrl/⌘ + 鼠标中键 | 视频块/音频块/iframe块 | 将当前时间戳写入剪贴板 | | Ctrl/⌘ + 鼠标左键 | 视频块/音频块/iframe块 | 跳转到自定义块属性 `time` 所设置的时间点 | | Ctrl/⌘ + 鼠标左键 | 挂件块/iframe块 | 重新加载块内容 | | 鼠标左键双击 | 挂件块/iframe块 | 全屏显示块内容 | | Ctrl/⌘ + F1
需在自定义配置文件中启用 | 当前文档 | 渲染当前文档所有块的自定义样式 | | Ctrl/⌘ + F5 | 整个窗口 | 重新加载整个窗口 | | Shift + Alt + B
需在自定义配置文件中启用 | 整个窗口 | 启动/关闭页签纵向排列功能 | | Shift + Alt + E
需在自定义配置文件中启用 | 整个窗口 | 启动/关闭显示标记文本功能 | | Shift + Alt + F
需在自定义配置文件中启用 | 整个窗口 | 启动/关闭专注模式 (折叠/展开功能面板) | | Shift + Alt + G
需在自定义配置文件中启用 | 整个窗口 | 启动/关闭列表辅助线(列表, 表格列表, 思维导图列表) | | Shift + Alt + I
需在自定义配置文件中启用 | 整个窗口 | 启动/关闭反色模式 | | Shift + Alt + L
需在自定义配置文件中启用 | 整个窗口 | 启动/关闭记录当前浏览位置功能 | | Shift + Alt + M
需在自定义配置文件中启用 | 整个窗口 | 启动/关闭块菜单增强功能 | | Shift + Alt + N
需在自定义配置文件中启用 | 整个窗口 | 在新窗口打开光标所在块 | | Shift + Alt + R
需在自定义配置文件中启用 | 整个窗口 | 使用网络背景图片 | | Shift + Alt + T
需在自定义配置文件中启用 | 整个窗口 | 启动/关闭打字机模式 | | Shift + Alt + C
需在自定义配置文件中启用 | 当前文档 | 复制当前文档 markdown 全文至剪贴板 | | Shift + Alt + X
需在自定义配置文件中启用 | 当前文档 | 剪切当前文档 markdown 全文至剪贴板 | | Shift + Alt + D
需在自定义配置文件中启用 | 当前文档 | 删除当前文档全文 | | Shift + Alt + ↑
需在自定义配置文件中启用 | 当前文档 | 折叠当前文档所有子标题 | | Shift + Alt + ↓
需在自定义配置文件中启用 | 当前文档 | 展开当前文档所有子标题 | | Ctrl/⌘ + Shift + Alt + R
需在自定义配置文件中启用 | 整个窗口 | 使用自定义背景图片 | | Ctrl/⌘ + Shift + Alt + N
需在自定义配置文件中启用 | 整个窗口 | 在新窗口打开光标所在块并聚焦 | | Ctrl/⌘ + Shift + Alt + L
需在自定义配置文件中启用 | 整个窗口 | 清除当前文档浏览位置记录 | | Ctrl/⌘ + Shift + Alt + O
需在自定义配置文件中启用 | 当前文档 | 复制当前文档大纲为有序列表 | | Ctrl/⌘ + Shift + Alt + U
需在自定义配置文件中启用 | 当前文档 | 复制当前文档大纲为无序列表 | | Ctrl/⌘ + Shift + Alt + T
需在自定义配置文件中启用 | 当前文档 | 复制当前文档大纲为任务列表 | #### 编辑器快捷键 | 快捷键 | 功能 | | :---------------------------------- | :--------------------- | | Alt + Z | 切换自动换行 | | Ctrl/⌘ + Alt + P | 窗口置顶与取消置顶 | | Ctrl/⌘ + O | 在 vscode 中打开文件 | | Ctrl/⌘ + Shift + O | 在 vscode 中打开目录 | | Ctrl/⌘ + Alt + C | 复制当前窗口超链接 | | Ctrl/⌘ + Shift + Alt + C | 复制当前窗口完整超链接 | ### 自定义块属性 | 操作对象 | 属性名 | 属性值 | 功能 | | :----------------------------- | :------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------- | | 所有块 | `font-family` | `等线`
`方正舒体`
`方正姚体`
`仿宋`
`黑体`
`华文彩云`
`华文仿宋`
`华文琥珀`
`华文楷体`
`华文隶书`
`华文宋体`
`华文细黑`
`华文新魏`
`华文行楷`
`华文中宋`
`楷体`
`隶书`
`宋体`
`微软雅黑`
`新宋体`
`幼圆` | 设置块所用字体族 | | 所有块 | `render` | `danmaku`
`弹幕`
(可使用空格分隔多个属性值) | 将块设置为滚动弹幕样式 | | 所有块 | `render` | `scroll`
`滚屏`
`滚动`
(可使用空格分隔多个属性值) | 为过长块设置纵向滚动条 | | 所有块 | `render` | `invert`
`反色`
(可使用空格分隔多个属性值) | 将图片渲染为反色 | | 所有块 | `mark` | `display`
`显示`
(可使用空格分隔多个属性值) | 显示标记文本 | | 文档块 | `location` | 块 ID | 当前文档浏览位置 | | 文档块 | `auto-num-h` | `0`
`false`
`禁用`
`关闭`
| 禁用该文档子标题的自动编号 | | 文档块 | `auto-num-f` | `图`
`图片`
`Fig.`
`figure`
`Figure`
`FIGURE` | 启用该文档中图片的自动编号 | | 文档块 | `auto-num-t` | `表`
`表格`
`Tab.`
`table`
`Table`
`TABLE` | 启用该文档中表格的自动编号 | | 文档块 | `render` | `id`
(可使用空格分隔多个属性值) | 渲染每个块的块 ID | | 文档块 | `render` | `href`
(可使用空格分隔多个属性值) | 渲染超链接的 URL | | 文档块 | `render` | `index`
(可使用空格分隔多个属性值) | 渲染当前块在文档中的序号 | | 文档块 | `render` | `content`
(可使用空格分隔多个属性值) | 渲染输入框中的内容 | | 文档块 | `render` | `outline`
(可使用空格分隔多个属性值) | 渲染鼠标悬浮的块的轮廓 | | 非文档块 | `position` | `top`
`bottom` | 将块固定到父容器顶部/底部 | | 非文档块 | `style` | css 样式 | 设置块的自定义样式 | | 非文档块 | `title` | 任何值 | 设置块标题 | | 视频块/音频块/挂件块/iframe 块 | `width` | `100%` | 将 iframe 窗口宽度设置为文档宽度 | | 视频块/音频块 | `time` | `ss`
`ss.ms`
`mm:ss`
`mm:ss.ms`
`hh:mm:ss`
`hh:mm:ss.ms` | 时间戳 | | 列表块 & 文档块 | `type` | `table`
`表格`
(可使用空格分隔多个属性值) | 列表渲染为表格 | | 列表块 & 文档块 | `type` | `脑图`
`map`
`导图`
`mind-map`
`思维导图`
(可使用空格分隔多个属性值) | 列表渲染为思维导图 | | 列表块 & 文档块 | `type` | `看板`
`board`
(可使用空格分隔多个属性值) | 列表渲染为看板 | | 表格块 | `table-width` | `auto`
`自动`
(可使用空格分隔多个属性值) | 启动表格内容自动换行 | | 表格块 | `table-width` | `equal`
`等宽`
(可使用空格分隔多个属性值) | 启动单元格等宽 | | 段落块 | `type` | `图标题`
`表标题`
`figure-title`
`table-title`
(可使用空格分隔多个属性值) | 图标题/表标题自动计数 | | 段落块 | `writing-mode` | `horizontal-tb`
`vertical-rl`
`vertical-lr`
`sideways-rl`
`sideways-lr` | 如下表所示 | ![example-writing-mode](https://cdn.jsdelivr.net/gh/Zuoqiu-Yingyi/siyuan-theme-dark-plus/image/README/1651253157395.png) ### 功能介绍 - [Jupyter 模式 - 链滴](https://ld246.com/article/1654279855533) - [记住当前文档浏览位置 - 链滴](https://ld246.com/article/1651720111393) - [使用外部编辑器编辑笔记内容 - 链滴](https://ld246.com/article/1650694653631) - [块自定义字体 - 链滴 - 链滴](https://ld246.com/article/1650339201591) - [列表的表格视图与脑图视图 - 链滴](https://ld246.com/article/1650258401435) - [多窗口功能 - 链滴 - 链滴](https://ld246.com/article/1649992440500) - [使用网络背景图片 / 本地背景图片 - 链滴](https://ld246.com/article/1649386929319) - [为笔记内 BiliBili/YouTube 视频创建时间戳 & 跳转到指定时间点 - 链滴](https://ld246.com/article/1648639553690) - [复制当前文档的大纲至剪贴板 - 链滴](https://ld246.com/article/1648635517429) - [为长代码块、长嵌入块与长表格添加块内滚动条 - 链滴](https://ld246.com/article/1647693571588) - [打字机模式 - 链滴](https://ld246.com/article/1647182919087) - [整篇文档的复制 / 剪切 (以 Markdown 格式) 与删除 - 链滴](https://ld246.com/article/1646806146533) - [为笔记内视频块 / 音频块快速创建时间戳 - 链滴](https://ld246.com/article/1645210285263) - [为笔记内视频块 / 音频块设置多个时间戳 - 链滴](https://ld246.com/article/1644814136903) - [为笔记内视频块 / 音频块设置时间戳 - 链滴](https://ld246.com/article/1644759207850) #### 其他功能 - 指向到思源 Web 静态文件服务目录的超链接显示图标 - assets `assets/`: 资源文件目录 - `data/**/assets/` - emojis `emojis/`: 表情文件目录 - `data/emojis/` - plugins `plugins/`: 插件文件目录 - `data/plugins/` - snippets `snippets/`: 片段文件目录 - `data/snippets/` - templates `templates/`: 模板文件目录 - `data/templates/` - widgets `widgets/`: 挂件文件目录 - `data/widgets/` - appearance `appearance/`: 外观文件目录 - `conf/appearance/` - export `export/`: 导出文件目录 - `temp/export/` - history `history/`: 历史文件目录 - `temp/history/` - 指向资源文件目录下常见文件的超链接显示图标 - pdf: PDF - word: Word - powerpoint: PowerPoint - excel: Excel - image: Image - audio: Audio - video: Video - zip: ZIP - asset: Other - 指向第三方资源(`URL Scheme`)的超链接显示图标 - brain: `brain:` [TheBrain](https://www.thebrain.com/) - bookxnote: `bookxnotepro:` [BookxNote Pro](https://www.bookxnotepro.com/) - calibre: `calibre:` [calibre - E-book management](https://calibre-ebook.com/) - everything: `es:` [Everything](https://www.voidtools.com/) - evernote: `evernote:` [Evernote](https://www.evernote.com/) - folder: `file:` [RFC 8089 - The "file" URI Scheme](https://datatracker.ietf.org/doc/html/rfc8089) - http: `http:` [RFC 2616 - Hypertext Transfer Protocol -- HTTP/1.1](https://datatracker.ietf.org/doc/html/rfc2616/) - https: `https:` [RFC 2818 - HTTP Over TLS](https://datatracker.ietf.org/doc/html/rfc2818) - joplin: `joplin:` [Joplin](https://joplinapp.org/) - logseq: `logseq:` [Logseq](https://logseq.com/) - liquidtext: `lt:` [liquidtext](https://www.liquidtext.net/) - mailto: `mailto:` [RFC 6068 - The 'mailto' URI Scheme](https://datatracker.ietf.org/doc/html/rfc6068) - marginnote: `marginnote3app:` [Marginnote](https://www.marginnote.com/) - obsidian: `obsidian:` [Obsidian](https://obsidian.md/) - onenote: `onenote:` [OneNote](https://www.onenote.com/) - otpauth: `onenote:` [OTP Auth](https://github.com/google/google-authenticator/wiki/Key-Uri-Format) - quicker: `quicker:` [Quicker](https://getquicker.net/) - pwsh: `runpwsh:` `runcmd:` [url-run-command](https://github.com/Zuoqiu-Yingyi/url-run-command) - siyuan: `siyuan:` [思源笔记](https://b3log.org/siyuan/) - supermemo: `sm:` [Super Memory](https://www.super-memory.com/) - telegram: `tg:` [TickTick](https://telegram.org/) - ticktick: `ticktick:` [TickTick](https://ticktick.com/) - vscode: `vscode:` [Visual Studio Code](https://code.visualstudio.com/) - zotero: `zotero:` [Zotero](https://www.zotero.org/) - zotero-PDF: `zotero://open-pdf/` - 使用 URL 参数 `id=<内容块 ID>` 从浏览器外跳转到 Web 端的指定块(必须已经打开至少一个页签) - 示例: `http(s)://host:port/stage/build/desktop/?id=20220128124308-bancmue` - 使用 鼠标中键 单击块/超链接/块引用在新窗口打开 - ❗已迁移至插件 [网页视图 `webview`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-webview) - ❗在思源 `v2.8.10+` 版本中默认禁用 - 使用 鼠标右键 单击文档右侧的滑块或当前阅读进度标识, 跳转到文档上次浏览位置 - 使用 Shift + 鼠标中键 单击块/超链接/块引用在新窗口打开并聚焦 - ❗已迁移至插件 [网页视图 `webview`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-webview) - ❗在思源 `v2.8.10+` 版本中默认禁用 - 使用 Alt + 鼠标中键 单击界面的元素在新窗口打开 [Monaco 编辑器](https://github.com/microsoft/monaco-editor)并编辑单击的内容的源码 - ❗已迁移至插件 [集成编辑环境 `monaco-editor`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-monaco-editor) - ❗在思源 `v2.9.8+` 版本中默认禁用 - 可点击的内容 - 块 - 块 `Markdown` 源码 - 仅能编辑叶子块 - 块引用 - 同上 - 超链接 - 链接目标源码 - 可编辑的内容 - `siyuan` 超链接叶子块目标 - 本地文件 - 收集箱项 - 收集箱内容 `Markdown` 源码 - 仅查看 - 历史项 - 差异对比查看历史文档与当前文档 `Markdown` 源码document and current document `Markdown` source code - 仅查看 - 快照项 - 差异对比查看两个快照文档 `Markdown` 源码documents `Markdown` source code - 仅查看 - 代码片段 Code Snippet - `CSS` 与 `JS` 代码片段源码 - 可编辑 - 使用 Shift + Alt + 鼠标中键 单击界面的元素在新窗口打开 [Monaco 编辑器](https://github.com/microsoft/monaco-editor)并编辑单击的内容的源码 - ❗已迁移至插件 [集成编辑环境 `monaco-editor`](https://github.com/Zuoqiu-Yingyi/siyuan-plugin-monaco-editor) - ❗在思源 `v2.9.8+` 版本中默认禁用 - 可点击的内容 - 块 - 块 `Karmdown` 源码 - 可编辑 - 块引用 - 同上 - `siyuan://` 超链接 - 同上 - 历史项 - 差异对比编辑历史文档与当前文档 `Karmdown` 源码document and current document `Karmdown` source code - 可编辑 - 快照项 - 差异对比编辑两个快照文档 `Karmdown` 源码documents `Karmdown` source code - 可编辑 - 使用快捷键 Ctrl/⌘ + 鼠标滚轮 可以调整编辑区字体大小 - ❗思源 `v2.8.8+` 版本内置该功能 - ❗在思源 `v2.9.8+` 版本中默认禁用 - 使用超链接设置块属性 - `超文本引用`: 指向想要设置块属性的块的超链接 - 示例: `siyuan://blocks/20220213230830-g1amobi` - `标题`: `json` 格式的一组键值对 - 示例: `{"memo": "timestamp", "custom-time": "00:00:01"}` - 使用快捷键 Ctrl/⌘ + 鼠标中键 单击超链接设置自定义块属性 - 使用快捷键 Ctrl/⌘ + 鼠标中键 单击视频块/音频块将当前时间戳写入剪贴板 - 使用快捷键 Ctrl/⌘ + 鼠标中键 单击 iframe 块将自定义块属性 `time` 所设置的时间点格式化为时间戳并写入剪贴板 - 使用快捷键 Ctrl/⌘ + 鼠标左键 单击视频块/音频块/iframe 块跳转到自定义块属性 `time` 所设置的时间点 - 使用快捷键 Ctrl/⌘ + 鼠标左键 单击 Iframe 块或挂件块重新加载块内容 - 使用快捷键 鼠标左键 双击 Iframe 块或挂件块重新加载块内容 - 使用快捷键 Ctrl/⌘ + F5 重新加载整个窗口 - 使用快捷键 Shift + Alt + B 启动/关闭页签纵向排列功能 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + E 启动/关闭显示标记文本功能 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + F 启动/关闭专注模式 (折叠/展开功能面板) - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + I 启动/关闭反色模式 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + G 启动/关闭列表辅助线(列表, 表格列表, 思维导图列表) - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + L 启动/关闭记录当前浏览位置功能 - 需在自定义配置文件中启用快捷键 - 开启后可以使用 鼠标左键 双击文档中的某个块以记住当前位置 - 开启后可以使用 鼠标右键 单击文档右侧的滑块, 跳转到文档上次浏览位置 - 使用快捷键 Shift + Alt + M 启动/关闭块菜单增强功能 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + N 在新窗口打开光标所在块 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + R 使用网络背景图片 - 需在自定义配置文件中启用快捷键 - 图片来源: [Beautiful Free Images & Pictures | Unsplash](https://unsplash.com/) - 使用快捷键 Shift + Alt + T 启动/关闭打字机模式 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + C 复制当前文档 markdown 全文至剪贴板 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + X 剪切当前文档 markdown 全文至剪贴板 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + D 删除当前文档全部内容 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + ↑ 折叠当前文档所有子标题 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Shift + Alt + ↓ 展开当前文档所有子标题 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Ctrl/⌘ + Shift + Alt + R 使用自定义背景图片 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Ctrl/⌘ + Shift + Alt + N 在新窗口打开光标所在块并聚焦 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Ctrl/⌘ + Shift + Alt + L 清除当前文档浏览位置记录 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Ctrl/⌘ + Shift + Alt + O 复制当前文档大纲为有序列表 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Ctrl/⌘ + Shift + Alt + U 复制当前文档大纲为无序列表 - 需在自定义配置文件中启用快捷键 - 使用快捷键 Ctrl/⌘ + Shift + Alt + T 复制当前文档大纲为任务列表 - 需在自定义配置文件中启用快捷键 - 块自定义属性 - `font-family`: 属性名 - 适用于所有块 - 字体 - 属性值: 字体名称 - `等线` - `方正舒体` - `方正姚体` - `仿宋` - `黑体` - `华文彩云` - `华文仿宋` - `华文琥珀` - `华文楷体` - `华文隶书` - `华文宋体` - `华文细黑` - `华文新魏` - `华文行楷` - `华文中宋` - `楷体` - `隶书` - `宋体` - `微软雅黑` - `新宋体` - `幼圆` - `render`: 属性名 - `danmaku` / `弹幕`: 属性值 - 适用于所有块 - 若为文档块, 将当前文档中所有最顶级的块设置为滚动弹幕样式 - 若为非文档块, 将当前块设置为滚动弹幕样式 - 将块设置为滚动弹幕样式 - `scroll` / `滚屏` / `滚动`: 属性值 - 适用于所有块 - 若为文档块, 为当前文档中所有最顶级的块添加滚动条 - 若为非文档块, 为当前块添加滚动条 - `invert` / `反色`: 属性值 - 适用于所有块 - 若为文档块, 将当前文档中所有图片渲染为反色 - 若为非文档块, 将当前块中所有图片渲染为反色 - `mark`: 属性名 - `display` / `显示`: 属性值 - 适用于所有块 - 显示标记文本 - `location`: 属性名 - 块 ID: 属性值 - 适用于文档块 - 记录当前文档浏览位置 - 使用 鼠标右键 单击文档右侧的滑块, 可以跳转到当前文档浏览位置 - `auto-num-h`: 属性名 - `0` / `false` / `禁用` / `关闭`: 属性值 - 适用于文档块 - 禁用该文档子标题的自动编号. - `auto-num-f`: 属性名 - `图`: 属性值 - `图片`: 属性值 - `Fig.`: 属性值 - `figure`: 属性值 - `Figure`: 属性值 - `FIGURE`: 属性值 - 适用于文档块 - 启用该文档中图片的自动编号. - `auto-num-t`: 属性名 - `表`: 属性值 - `表格`: 属性值 - `Tab.`: 属性值 - `table`: 属性值 - `Table`: 属性值 - `TABLE`: 属性值 - 适用于文档块 - 启用该文档中表格的自动编号 - `render`: 属性名 - `id`: 属性值 - 渲染每个块的块 ID - `index`: 属性值 - 渲染当前块在文档中的序号. - `content`: 属性值 - 渲染输入框中的内容 - `outline`: 属性值 - 渲染鼠标悬浮的块的轮廓 - 适用于文档块 - `position`: 属性名 - `top`: 属性值 - 将块固定到父容器顶部 - `bottom`: 属性值 - 将块固定到父容器底部 - `style`: 属性名 - 适用于所有块 - 块样式 - 设置后单击 确认 按钮将该自定义属性设置为块样式属性 - `title`: 属性名 - 适用于所有块 - 在块的上方设置块标题 - `width`: 属性名 - `100%`: 属性值 - 适用于视频块/音频块/挂件块/iframe 块 - 将 iframe 窗口宽度设置为文档宽度 - `time`: 属性名 - `<时间戳>`: 属性值 - 适用于视频块/音频块 - 格式 - `ss`: `ss >= 0` - `ss.ms`: `ss >= 0 && ms >= 0` - `mm:ss`: `mm >= 0 && 0 <= ss <= 59` - `mm:ss.ms`: `mm >= 0 && 0 <= ss <= 59 && ms >= 0` - `hh:mm:ss`: `hh >= 0 && 0 <= mm <= 59 && 0 <= ss <= 59` - `hh:mm:ss.ms`: `hh >= 0 && 0 <= mm <= 59 && 0 <= ss <= 59 && ms >= 0` - 在视频块/音频块中设置该自定义属性后, 按住 Ctrl/⌘ 后单击视频/音频块可以跳转到该属性所设置的时间戳 - `type`: 属性名 - `表格` / `title`: 属性值 - 适用于列表块与文档块 - 列表渲染为表格 - 需要在列表项内纵向排版时, 需要在列表项中插入一个容器块(引述块, 超级块) - 详情请参考 [土法列表表格 · 语雀](https://www.yuque.com/siyuannote/docs/yev84m) - `脑图` / `导图` / `思维导图` / `map` / `mind-map`: 属性值 - 适用于列表块与文档块 - 列表渲染为思维导图 - 需要在列表项内纵向排版时, 需要在列表项中插入一个容器块(引述块, 超级块) - `看板` / `board`: 属性值 - 适用于列表块与文档块 - 列表渲染为看板 - `图标题` / `figure-title` | `表标题` / `table-title`: 属性值 - 适用于段落块 - 图标题/表标题自动计数 - `table-width`: 属性名 - 适用于表格块 - 设置表格宽度样式 - `auto` / `自动`: 属性值 - 表格宽度自动跟随文档宽度变化 - `equal` / `等宽`: 属性值 - 单元格等宽 - `writing-mode`: 属性名 - 适用于所有块 - 文本排版模式 - 详情请参考: [writing-mode - CSS(层叠样式表) | MDN](https://developer.mozilla.org/zh-CN/docs/Web/CSS/writing-mode) - 属性值 - `horizontal-tb` - (默认)对于左对齐(ltr)文本,内容从左到右水平流动。对于右对齐(rtr)文本,内容从右到左水平流动。下一水平行位于上一行下方。 - `vertical-rl` - 对于左对齐(ltr)文本,内容从上到下垂直流动,下一垂直行位于上一行左侧。对于右对齐(rtr)文本,内容从下到上垂直流动,下一垂直行位于上一行右侧。 - `vertical-lr` - 对于左对齐(ltr)文本,内容从上到下垂直流动,下一垂直行位于上一行右侧。对于右对齐(rtr)文本,内容从下到上垂直流动,下一垂直行位于上一行左侧。 - `sideways-rl` - 仅在 Filefox 中支持 - 对于左对齐(ltr)文本,内容从下到上垂直流动。对于右对齐(rtr)文本,内容从上到下垂直流动。所有字形(即使是垂直文本中的字形)都朝向右侧。 (默认样式顺时针旋转 90°) - `sideways-lr` - 仅在 Filefox 中支持 - 对于左对齐(ltr)文本,内容从上到下垂直流动。对于右对齐(rtr)文本,内容从下到上垂直流动。所有字形(即使是垂直文本中的字形)都朝向左侧。 (默认样式逆时针旋转 90°) - 其他自定义样式 - 这些样式不会自动加载 - 将自定义样式名添加到 `<工作空间>/data/widgets/custom.js` 的 `custom.styles` - 在块的自定义属性中添加自定义样式名与样式值 - 使用快捷键 Ctrl + F1 / ⌘ + F1 渲染当前所有块的自定义样式 ## 自定义配置 | 自定义配置文件 | 说明 | | :----------------------------------------- | :-------------------------------------------------------------------------------------------------- | | `<工作空间>/data/widgets/custom.js` | 主题功能配置选项, 覆盖 `<工作空间>/conf/appearance/themes/Dark+/style/module/config.js` 中对应的值 | | `<工作空间>/data/widgets/custom.css` | 主题共用样式配置, 覆盖 `<工作空间>/conf/appearance/themes/Dark+/style/module/config.css` 中对应的值 | | `<工作空间>/data/widgets/custom-light.css` | 主题浅色样式配置, 覆盖 `<工作空间>/conf/appearance/themes/Dark+/style/config/light.css` 中对应的值 | | `<工作空间>/data/widgets/custom-dark.css` | 主题深色样式配置, 覆盖 `<工作空间>/conf/appearance/themes/Dark+/style/config/dark.css` 中对应的值 | ### 配置示例 #### `custom.js` ```js /** * 文件路径 * <工作空间>/data/widgets/custom.js * 示例功能: * 自定义背景图片序列 * 示例中浅色背景图片的目录为 <工作空间>/data/snippets/images/background-light * 示例中深色背景图片的目录为 <工作空间>/data/snippets/images/background-dark * * 开启复制当前文档全文快捷键 (Shift + Alt + C) */ export const config = { theme: { background: { image: { custom: { random: false, default: true, landscape: { // 横屏背景图片 light: [ '/snippets/images/background-light/landscape-background-1.png', '/snippets/images/background-light/landscape-background-2.png', '/snippets/images/background-light/landscape-background-3.png', '/snippets/images/background-light/landscape-background-4.png', ], dark: [ '/snippets/images/background-dark/landscape-background-1.png', '/snippets/images/background-dark/landscape-background-2.png', '/snippets/images/background-dark/landscape-background-3.png', '/snippets/images/background-dark/landscape-background-4.png', ], }, portrait: { // 竖屏背景图片 light: [ '/snippets/images/background-light/portrait-background-1.png', '/snippets/images/background-light/portrait-background-2.png', '/snippets/images/background-light/portrait-background-3.png', '/snippets/images/background-light/portrait-background-4.png', ], dark: [ '/snippets/images/background-dark/portrait-background-1.png', '/snippets/images/background-dark/portrait-background-2.png', '/snippets/images/background-dark/portrait-background-3.png', '/snippets/images/background-dark/portrait-background-4.png', ], }, }, }, }, }, } export async function callback(config) { config.theme.hotkeys.doc.copy.enable = true; } ``` 更多配置项请参考 [config.js](./script/module/config.js) #### `custom.css` ```css /** * 文件路径 * <工作空间>/data/widgets/custom.css * 示例功能: * 自定义空行提示文字 */ :root[data-theme-mode=light], :root[data-theme-mode=dark] { /* 空行提示 */ --custom-empty-p: "这里是空的 (´・-・)ノ㊫"; --custom-empty-c: "这里是空的 (´・-・)ノ↹"; --custom-empty-t: "这里是空的 (´・-・)ノ☑"; --custom-empty-u: "这里是空的 (´・-・)ノ◉"; --custom-empty-o: "这里是空的 (´・-・)ノ①"; } ``` 更多配置项请参考 [config.css](./style/module/config.css) 上述示例等效于如下代码片段: ```css :root[data-theme-mode=light][data-light-theme="Dark+"], :root[data-theme-mode=dark][data-dark-theme="Dark+"] { /* 空行提示 */ --custom-empty-p: "这里是空的 (´・-・)ノ㊫"; --custom-empty-c: "这里是空的 (´・-・)ノ↹"; --custom-empty-t: "这里是空的 (´・-・)ノ☑"; --custom-empty-u: "这里是空的 (´・-・)ノ◉"; --custom-empty-o: "这里是空的 (´・-・)ノ①"; } ``` 代码片段可以在思源 设置 > 外观 > 代码片段 > CSS 中设置 #### `custom-light.css` ```css /** * 文件路径 * <工作空间>/data/widgets/custom-light.css * 示例功能: * 自定义默认浅色主题背景图片 * 示例中浅色背景图片的路径为 * <工作空间>/data/widgets/background-light.png * <工作空间>/data/widgets/background-light-dialog.png */ :root[data-theme-mode=light] { /* 浅色主题默认背景图片 */ --custom-background-image: url("/widgets/background-light.png"); /* 浅色主题默认对话框背景图片 */ --custom-background-image-dialog: url("/widgets/background-light-dialog.png"); } ``` 更多配置项请参考 [config.css](./style/module/config.css) 与 [light.css](./style/config/light.css) 上述示例等效于如下代码片段: ```css :root[data-theme-mode=light][data-light-theme="Dark+"] { /* 浅色主题默认背景图片 */ --custom-background-image: url("/widgets/background-light.png"); /* 浅色主题默认对话框背景图片 */ --custom-background-image-dialog: url("/widgets/background-light-dialog.png"); } ``` 代码片段可以在思源 设置 > 外观 > 代码片段 > CSS 中设置 #### `custom-dark.css` ```css /** * 文件路径 * <工作空间>/data/widgets/custom-dark.css * 示例功能: * 自定义默认深色主题背景图片 * 示例中深色背景图片的路径为 * <工作空间>/data/widgets/background-dark.png * <工作空间>/data/widgets/background-dark-dialog.png */ :root[data-theme-mode=dark] { /* 深色主题默认背景图片 */ --custom-background-image: url("/widgets/background-dark.png"); /* 深色主题默认对话框背景图片 */ --custom-background-image-dialog: url("/widgets/background-dark-dialog.png"); } ``` 更多配置项请参考 [config.css](./style/module/config.css) 与 [dark.css](./style/config/dark.css) 上述示例等效于如下代码片段: ```css :root[data-theme-mode=dark][data-dark-theme="Dark+"] { /* 深色主题默认背景图片 */ --custom-background-image: url("/widgets/background-dark.png"); /* 深色主题默认对话框背景图片 */ --custom-background-image-dialog: url("/widgets/background-dark-dialog.png"); } ``` 代码片段可以在思源 设置 > 外观 > 代码片段 > CSS 中设置 ## 开始 ### 自动安装 该主题已在[思源笔记社区集市](https://github.com/siyuan-note/bazaar)上架, 可直接在集市中安装 ### 手动安装 在 [Releases](https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/releases) 中下载发行包, 解压后放到思源笔记 `<工作空间>/conf/appearance/themes/` 目录下 ## 参考 & 感谢 | 作者 | 项目 | 许可证 | | :-------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------- | | **[Achuan-2](https://github.com/Achuan-2)** | [Achuan-2/siyuan-themes-tsundoku-dark: a editor theme for siyuan note](https://github.com/Achuan-2/siyuan-themes-tsundoku-dark) | *[GPL-3.0 license](https://github.com/Achuan-2/siyuan-themes-tsundoku-dark/blob/main/LICENSE)* | | **[roeseth](https://github.com/roeseth)** | [roeseth/Siyuan-Golden-Topaz-Refined: A ported Golen Topaz theme for Siyuan note with tweaks](https://github.com/roeseth/Siyuan-Golden-Topaz-Refined) | *Unknown* | | **[Morganwan90](https://github.com/Morganwan90)** | [Morganwan90/Lightblue-siyuan-theme](https://github.com/Morganwan90/Lightblue-siyuan-theme) | *Unknown* | | **[Crowds21](https://github.com/Crowds21)** | [Crowds21/Cliff-Light](https://github.com/Crowds21/Cliff-Light) | *Unknown* | | **[Zhangwuji](https://ld246.com/member/Zhangwuji)** | [希望能够增加根据大纲生成思维导图的功能](https://ld246.com/article/1640259008838/comment/1640304551938#:~:text=fontxiugaidark.rar) | *Unknown* | | **[Morganwan90](https://github.com/Morganwan90)** | [Morganwan90/Darkblue-siyuan-theme](https://github.com/Morganwan90/Darkblue-siyuan-theme) | *Unknown* | | **[leolee9086](https://github.com/leolee9086)** | [leolee9086/cc-baselib](https://github.com/leolee9086/cc-baselib) | *Unknown* | | **[UserZYF](https://github.com/UserZYF)** | [UserZYF/zhang-light](https://github.com/UserZYF/zhang-light) | *Unknown* | | **[langzhou](https://github.com/langzhou)** | [langzhou/siyuan-note](https://github.com/langzhou/siyuan-note) | *Unknown* | | **[royc01](https://github.com/royc01)** | [royc01/notion-theme](https://github.com/royc01/notion-theme) | *Unknown* | | **[shawroger](https://ld246.com/member/shawroger)** | [思源笔记渲染 SQL 文档路径代码 - 链滴](https://ld246.com/article/1665129901544) | *Unknown* | 注: 排序不分先后 ## 依赖 | 作者 | 项目 | 许可证 | | :-------------------------------------------- | :-------------------------------------------------------------------- | :-------------------------------------------------------------------------------- | | **[Microsoft](https://github.com/microsoft)** | [microsoft/monaco-editor](https://github.com/microsoft/monaco-editor) | *[MIT License](https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt)* | | **[eligrey](https://github.com/eligrey)** | [eligrey/FileSaver.js](https://github.com/eligrey/FileSaver.js/) | *[MIT License](https://github.com/eligrey/FileSaver.js/#readme)* | 注: 按引入时间排序 ## 更改日志 [CHANGELOG](./CHANGELOG.md) ## 支持 & 捐助 [![爱发电-颖逸](./image/README/1684406908238.jpg)](https://afdian.net/a/zuoqiu?tab=sponsor)