KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

siyuan-note

★ 196 Open GitHub ↗

思源笔记美化教程

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 思源笔记美化

这里是关于[思源笔记](https://b3log.org/siyuan/)的一些进阶使用心得，包括主题、图标、挂件等内容。

如果您需要订阅思源笔记，欢迎使用我的推荐码 `4EY48YJ`

## Note Attrs

类似 Notion，在文档页面内展示文档属性，更加便捷的对属性进行编辑。

结合 Note Views 使用更佳。

[点击查看详情](https://github.com/langzhou/siyuan-note/tree/main/widgets/note-attrs)

![preview](https://raw.githubusercontent.com/langzhou/siyuan-note/main/widgets/note-attrs/preview/note-attrs-1.png)
## Note Views v3.0

Note Views v3.0筹备中，更多预览图详见[README.md](https://github.com/langzhou/siyuan-note/tree/main/widgets/note-views-v3)

![preview](https://raw.githubusercontent.com/langzhou/siyuan-note/main/widgets/note-views-v3/preview/table-view-2.png)

## 一、挂件 Widgets

![card](https://raw.githubusercontent.com/langzhou/siyuan-note/main/widgets/note-views/preview/card.png)

挂件（widget）是思源笔记中的一种内容块类型，通过 iframe 嵌入来实现，结合数据查询接口，可实现一些增强功能。

更多挂件介绍请 [点击查看](https://github.com/langzhou/siyuan-note/tree/main/widgets)。

- [Note Views（v2.0）](https://github.com/langzhou/note-views-for-siyuan)：一款仿 Notion 视图的文档浏览挂件。`v3.0 计划中`；
- Note Attrs（计划中）：可以插入到笔记正文中的属性设置面板；
- [Note Backlink](https://github.com/langzhou/siyuan-note/tree/main/widgets/note-backlink)：支持在笔记正文内插入反链和提及面板；
- [Little Things（暂未更新）](https://github.com/langzhou/siyuan-note/tree/main/widgets/little-things)：轻量级的事务管理；

## 二、工具箱脚本 Utils

![img](https://raw.githubusercontent.com/langzhou/siyuan-note/main/siyuan-utils/preview/searchbox-1.png)

通过在思源笔记中插入 js 脚本（目前可以通过 theme.js 来注入）来实现一些增强功能，比如行内评论、豆瓣书籍检索、将选中的文本导出为图片等。

详情请 [点击](https://github.com/langzhou/siyuan-note/tree/main/siyuan-utils) 查看

## 三、浏览器插件 Chrome Extension

提供了类似 Flomo 一样的闪记功能。

详情请 [点击](https://github.com/langzhou/siyuan-note/tree/main/chrome-extension) 查看

## 四、主题 Themes

[主题更新日志](https://github.com/langzhou/siyuan-note/blob/main/%E4%B8%BB%E9%A2%98%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97.md)

- [Toy](https://github.com/langzhou/toy-theme-for-siyuan)：将页面结构与配色分离，可以快速搭配出各种样式主题
- [Spring](https://github.com/langzhou/spring-theme-for-siyuan)：绿色主题，适合各种场景（已停止更新，统一迁移至 Toy ）
- [Autumn](https://github.com/langzhou/autumn-theme-for-siyuan)：浅黄色主题，护眼（已停止更新，统一迁移至 Toy ）
- [Winter](https://github.com/langzhou/winter-theme-for-siyuan)：黑白主题，适合纯粹的文章书写（已停止更新，统一迁移至 Toy ）
- [Winter-Mix](https://github.com/langzhou/winter-mix-theme-for-siyuan)：亮色主题，毛玻璃效果，在 Winter 基础上改造而成（已停止更新，统一迁移至 Toy ）
- [Tonight](https://github.com/langzhou/tonight-for-siyuan)：暗色主题（已停止更新，统一迁移至 Toy ）
- [Sea](https://github.com/langzhou/sea-theme-for-siyuan)：暗色主题（已停止更新，统一迁移至 Toy ）

主题预览：

![spring](https://raw.githubusercontent.com/langzhou/spring-theme-for-siyuan/main/preview.png)

![winter](https://raw.githubusercontent.com/langzhou/winter-theme-for-siyuan/main/preview.png)

![winter-mix](https://raw.githubusercontent.com/langzhou/winter-mix-theme-for-siyuan/master/preview.png)

![autumn](https://raw.githubusercontent.com/langzhou/autumn-theme-for-siyuan/main/preview.png)

![tonight](https://raw.githubusercontent.com/langzhou/tonight-theme-for-siyuan/main/preview.png)

![sea](https://raw.githubusercontent.com/langzhou/sea-theme-for-siyuan/main/preview.png)

![Toy](https://raw.githubusercontent.com/langzhou/toy-theme-for-siyuan/main/preview.png)

## 五、Icons
![image](https://user-images.githubusercontent.com/6987229/118349897-20795600-b586-11eb-822d-72119bdc7f57.png)

使用方法：下载[Jewl](https://github.com/langzhou/siyuan-note/tree/main/jewel)，复制文件夹至软件 icon 目录下，然后在 设置-外观-图标 中启用

## 六、应用图标 Application icons（macOS）

![image](https://raw.githubusercontent.com/langzhou/siyuan-note/main/icons/preview.png)

图标替换方法（macOS）：

1. 选中应用软件图标，右键菜单点击「显示简介」
2. 将图标文件拖动至下图所示位置即可

![image](https://user-images.githubusercontent.com/6987229/119348780-e7508c80-bccf-11eb-9912-0864afe8bd2e.png)

siyuan-note

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README