# siyuan-note **Repository Path**: xcywwj/siyuan-note ## Basic Information - **Project Name**: siyuan-note - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-11-30 - **Last Updated**: 2023-11-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 思源笔记美化 这里是关于[思源笔记](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)