思源笔记 - 领域 - 链滴

登录注册

168602 浏览查看所有领域

🔖 过滤标签

思源笔记公告

思源笔记使用心得

思源笔记特性提议

思源笔记问题反馈

思源笔记求助问答

思源笔记开发者查看所有标签

思源笔记开发者

98 引用 • 440 回帖 • 2 关注

我做的粉色系主题 pink-room 上架集市了，不知道其他人使用体验如何
说明我以前从来不懂代码这块的东西，用了思源后发现能改外观才学的 CSS，为了让软件外观样式符合自己的审美做了这么一个主题 pink-room。由于我对思源各种功能掌握得不是很多，而且记笔记的方法也比较局限，所以很难了解其他人使用我的主题时的体验会如何，所以想得到一些使用者的反馈。也不知道这个帖子能不能作为一个持久 ..

143 1 小时前
自己做给自己用的主题，没啥动力完善和上集市，发出来看看有没有人有兴趣
一个晚上用的暗色主题，暗蓝色界面的；一个白天用的亮色主题，粉色界面的。由于我自己使用思源的方式比较简单，不会 SQL，不怎么用代码块，不怎么用双链......不了解什么笔记法，就是当有内部超链接的和文档树的 word 在用，所以按别人使用思源的方式可能会遇到一些体验问题。而且，我的一些样式喜好也很有可能是其他人用不上 ..

506 2 周前
[思源笔记经验分享] 差异化对比编辑历史记录与自动补全 Katex 公式
简介主题 Dark+ 在 v1.3.0 大版本更新中来了两个大功能使用文本编辑器 Monaco Editor 的差异编辑器对比编辑历史记录与当前文档的 Markdown/Kramdown 源代码实现方案 Monaco Editor 内置的差异编辑器 monaco.editor.createDiffEditor 参 ..

240 2 周前
集成 picgo 到思源
主要是上传部分，菜单之类的可以自己实现一下 export class picGo extends naive.plugin { constructor() { super({name:picGo}); this.初始化(); let 导出按钮设置 = { 按钮提示: '上传到picgo', 按钮图标: '#iconUp ..

180 1 个月前
绿皮科技编辑器式反链，慎用
跟通过 hack 的方式实现卡片式超链接 - 链滴 (ld246.com)类似的方式往嵌入块和反链挂 shadowDOM 可以实现绿皮版的编辑器式反链，不过这种就更蛋疼了，对机器性能不是很有信心的话就别尝试了，而且效果也不大好，类似这样 [图片] 反正就是嵌入块和反向链接面板能够直接编辑笔记内容了。代码大概这样，原理 ..

142 1 个月前
通过 hack 的方式实现卡片式超链接
本来不是很想把这种比较蛋疼的实现方式贴出来的，但是看到好像很多人需要这个，就简单说一下实现的思路吧使用 shadowdom 是为了防止 hack 的链接影响编辑器运行。 import { DOM监听器 } from '/script/public/DOMwatcher.js'; //DOM监听器只是一个observe ..

98 1 个月前
内嵌 vscode
[图片] 思源和 code-server 都是部署在同一台服务器上的，一边撸代码，一边记点东西。优点：不用多个页面来回切换了（特别是对于只带平板的去图书馆的同学） code-server 天然支持协同编辑缺点： iframe 标签嵌入实现，不容易实现自适应大小



155 1 个月前
[思源笔记经验分享] 纵向排列文档标签页选项卡
简介主题 Dark+ 在 v1.2.4 中又添加了一个功能: 纵向排列选项卡该功能通过点击右上角工具栏的纵向排列选项卡按钮开启/关闭该功能也可以使用快捷键Shift + Alt + B开启或关闭开启纵向排列选项卡功能后, 文档的标签页选项卡会在当前分区的左侧纵向排列, 类似 firefox 的侧栏, 这样在打开 ..

187 2 个月前
思源笔记通过思源笔记发布博客
思源的 theme.js 可以获取 nodejs 支持,因此可以利用这一点在思源的核心服务之外创建一个发布服务. 根据这个思路我创建了一个自用主题 naive(实际上没有任何样式) 发布效果可以参考这里: [链接] 不过这样的做法有一些缺陷:docker 端思源无法使用. 下载地址和使用方法参考上面的链接



218 2 个月前
思源笔记通过 Hugo 发布博客
SYBlog 是一个将思源笔记通过 Hugo 发布成博客的自用小工具。可执行程序为： [链接] 。Github 仓库地址为：[链接] 快速开始首先，对思源笔记中需要发布的文档设置属性，属性名称为 publish，值为 1。然后，修改 config.toml 配置文件。配置描述如下： [siyuan] apiURL ..

176 2 个月前
【CSS 片段】首行缩进 2 字符
比较简单，直接放代码，复制到 theme.css 里边，保存即可生效 /* 段落文字首行缩进（不包含列表中段落） */ .p:not(.list .p) { text-indent: 2em; } /* 抵消缩进对图片的影响 */ .img { text-indent: -2em; }

85 2 个月前
豪华炫酷光彩夺目的彩色层级大纲
直接上图，是不是很炫目 [图片] [图片] 需求场景该设计如此夸张地攫取注意力是因为我有十几个长文档标题太多，一个个折叠打开麻烦而且需要老翻大纲，很难看清 A 标题的同级标题和所属父标题。用颜色如此设计可以更轻松找到多个标题的上下级、同级标题以及我是第几层标题。我就用 PS 提个设想，非常感谢群友用代码帮我实现了！ ..

919 2 个月前
【CSS 片段】调大文档树 emoji
修改文档树中 emoji 大小灵感来源于群友的求助想起来很久以前也有群友求助怎么调大文档树 emoji 先直接上对比图 [图片] [图片] /* 设置文档树emoji所在容器大小，要大于下文中emoji大小（26px > 22px） */ .b3-list-item__icon { line-height: ..

156 2 个月前
【CSS 片段】多彩大纲层级
灵感来源于“思源群友”在 QQ 群中的提问经过讨论与完善，将 CSS 片段分享到论坛中，开阔大家思路 [图片] 效果图 [图片] 以“绿叶”主题为例，代码效果展示 /* 多彩层级大纲 */ /* 相关代码来自于dark+主题作者zuoqiu-yingyi和starDust主题作者，特别感谢notion主题作者Roy， ..

255 2 个月前
多彩文档树
变量都用的是 root 定义中的，颜色不合适的，可以手动进行更换使用方法复制下面的代码，放到 theme.css 最后边，保存即可生效分类介绍备注灵感来源 [图片] [图片] [图片] [图片] /* 多彩文档树 */ /* 给文档树第一层级设置同样的样式 */ .fn__flex-1.fn__flex-c ..

181 3 个月前
[思源笔记经验分享] Jupyter 模式
简介主题 Dark+ 在 v1.1.0 大版本更新中来了一个大功能: 在思源中以 Jupyter 的形式执行代码实现方案 siyuan-theme-dark-plus/app/jupyter/ 功能介绍管理内核与会话使用 RESTful 风格 API 与 Jupyter 服务进行交互 The REST API ..

835 2 个月前
思源笔记自动升级脚本
脚本用途打开思源笔记，页面上方经常弹出更新提示。故开发此脚本，定时更新镜像版本。数据安全与备份作为私有化笔记，用户深知数据安全的重要性。本脚本在每次备份时均会先停止容器，再打包/volume1/docker/SiYuan 文件夹为 tar 包，将 tar 包移动到/volume1/ImportantFilesBa ..

336 3 个月前
Archlinux 思源笔记安装求助
大家好。我最近才了解到思源笔记。所以对思源笔记不是很了解。但是它的本地化部署以及自建工作目录非常吸引我。我自己也有自己的笔记系统，但是如果思源能完全替代我自己的笔记系统，又何乐而不为呢？我是 Archlinux 用户。我按照开发笔记，先下载 nodejs 依赖，然后用 go 编译内核，最后用 npm 运行笔记。但是 ..

259 3 个月前
[挂件] 时间线
Timeline Beta 此项目是将 TimelineJS3 移植为思源笔记挂件。预览 [图片] 使用说明界面介绍界面分为上、下两部分，上方为时间轴，时间轴上显示所创建的事件和时期；下方为幻灯片，点击时间轴上的事件或时期即可展示其具体内容。时间线内容组成：标题、事件、时期和纪元标题是用来描述该时间线的主题 ..

542 4 周前
如何嵌入 css 代码
[图片]

112 4 个月前
Knowledge Brain 也添加下视图转换功能
虽然不知道这个视图转换功能来最初来自于哪个主题作者，但是看到好几个主题都添加了列表视图转换功能，我也 copy 一下感谢 https://github.com/Achuan-2/siyuan-themes-tsundoku-light 虽然这个功能也没什么，我可以不要，但是你不能没有！感谢支持 Knowdledge ..

262 3 个月前
[思源笔记经验分享] HTML 块中获得自身的 DOM 节点
背景由于思源 HTML 块是使用 [链接] 嵌入笔记 DOM 树中的, 因此在 HTML 块中使用

147 4 个月前
CSS 样式百科全书（标题篇）
标题篇线条底部线条线条 100% 宽度 [图片] 通常用在一级标题中，和下文内容做区分，起到分割线的作用，通常为 1 像素，颜色不要太深，可以适当加透明度 .h1 { border-bottom: 1px solid #8080804a; } 线条宽度和文字宽度保持一致 [图片] 这时候将标题设置为行内块元素，则 ..

477 4 个月前
[思源笔记经验分享] 记住当前文档浏览位置
简介主题 Dark+ 在 v0.9.5 中又更新的几个小功能: 实现方案 siyuan-theme-dark-plus/location.js at main · Zuoqiu-Yingyi/siyuan-theme-dark-plus 功能介绍记住当前文档浏览位置功能需要使用快捷键Shift + Alt + L或 ..

407 4 个月前
使用 theme.js 简单（简陋）的分享思源文档内容
思源的 theme.js 可以使用 http 模块，因此可以在 app 模式下另外再起一个服务进程响应思源本身 6806 端口以外的访问。尝试了一下，在 theme.js 中另外拉起一个服务，就可以对文档内容进行简单的分享了。局限性是必须打开 app 窗口才能使用，因此服务端可能用 windows server 比 ..

147 4 个月前
思源笔记常用选择器
常用修改选项分类属性备注字体类型 font-family 可以设置宋体，楷体，微软雅黑等字体字体大小 font-size 1.1em 110% 16px 字体颜色 color 字体背景颜色 background-color 可以和颜色进行叠加字体字重 font-weight 正常为 normal，加粗为 b ..

207 5 个月前
【bug】改变挂件大小导致挂件属性丢失
复现 1. 随便写一点什么，然后保存为挂件块的属性 [图片] 我在最后一行保存了时间，可以看到是 23:47 结尾的 2. 改变挂件大小在这一步只用拖拽改变挂件的大小，不进行别的操作，再打开属性看看。 [图片] 可以看到时间变成了 21:52 结尾的，发生了时光倒流。 3. 刷新一下刷新一下页面，发现图画果然变成了 ..

140 4 个月前
[思源笔记经验分享] 使用外部编辑器编辑笔记内容
简介主题 Dark+ 在 v0.9.0 中又更新了一个大功能: 使用外部编辑器编辑 Markdown 源代码与资源文件实现方案: siyuan-theme-dark-plus/app/editor 依赖组件作者项目许可证 Microsoft microsoft/monaco-editor MIT Licens ..

676 3 个月前
[思源笔记经验分享] 块自定义字体
简介主题 Dark+ 在 v0.8.1 中又更新的几个小功能: 实现方案 siyuan-theme-dark-plus/custom-font-family.css at main · Zuoqiu-Yingyi/siyuan-theme-dark-plus siyuan-theme-dark-plus/menu.j ..

284 5 个月前
[思源笔记经验分享] 列表的表格视图与脑图视图
简介主题 Dark+ 在 v0.7.3 中又更新的几个小功能: 实现方案 siyuan-theme-dark-plus/custom-type-table.css at main · Zuoqiu-Yingyi/siyuan-theme-dark-plus siyuan-theme-dark-plus/custom- ..

989 3 个月前
[思源笔记经验分享] 多窗口功能
简介主题 Dark+ 在 v0.7.2 中又更新的几个小功能: 实现方案: siyuan-theme-dark-plus/window.js 使用工具栏按钮打开一个新窗口可以打开一个新的完整编辑窗口使用快捷键 Shift + Alt + N 可以在新窗口打开光标所在块使用快捷键 Ctrl + Shift + ..

528 3 个月前
是否考虑支持纯脚本类插件支持？
最近才开始使用思源笔记，发现整个设计都很棒很符合我的需求，用了一阵子，想要尝试通过插件来实现一个简单的刷记忆卡的挂件，试了一下挂件 demo，发现是用 iframe 实现的，这样虽然能完全将插件隔离开来可插拔，但是也有一定的局限性，包括：插件样式无法继承思源笔记本身的样式、主题插件相当于独立页面，无法利用思源本身的 ..

137 5 个月前