链滴
社区愿景和功能特性
优雅的 Markdown 所见即所得编辑
快捷键交互
随时自由编辑分享内容
支持注销账号来去自由
分布式社区网络
开放 API
产品
Symphony 社区系统(Java)
Solo 博客系统(Java)
Vditor 编辑器(TypeScript)
思源笔记(Electron、Go)
Pipe 博客平台(Vue、Go)
发展计划表
发展简史
榜单
GitHub 仓库排行
帖子打赏排行
Solo 博客端排行
积分排行
活跃度排行
贡献排行
本站基于开源项目 Sym
编程代码问答
登录
注册
好玩
前端
后端
工作
B3
推介
查看所有领域
Vue.js
webpack
Node.js
HTML
CSS
JavaScript
Angular
React
Flutter
关于最近几天河北地区锁定云端同步目录失败的问题
问题描述:电脑换固态 + 重装系统后,在微软商店下载 Siyuan 笔记无法同步,弹出“锁定云端目录同步失败,请稍后再试(Provider: SiYuan)v3.1.6”。 目前手 ios 上的 Siyaun 笔记可以正常同步。
535
1 天前
求个任务列表样式的 CSS
不知道思源笔记能否通过修改 CSS 改下任务列表的外观样式 想要个语雀同款的任务列表样式 ,如下: [图片]
40
3 天前
【分享】偷懒干货 - 送给小白的字体 css
饮水思源,最近几天在论坛得到很多大佬的帮助,其实我是真小白,平时没有太多时间在研究计算机相关知识。so,感同身受,将我积攒的一些字体 css 分享给,现在以及未来可能使用思源的,小白同学们。 1 下载插件 首先,你要在思源的插件市场下载这个“配色方案”插件,仔细阅读这个说明页面,了解如何修改字体 css 的基本操作。( ..
159
3 周前
[分享] 斜杠命令菜单展开和支持左右方向键
之前用 Asri 主题,觉得 Asri 主题吸引我的主要有 3 个功能。 斜杠命令菜单可以展开 标签导航栏漂亮 状态栏浮动到右侧节省空间 但,使用过程中也发现 Asri 有些兼容性问题,比如有些模板,在 Asri 下错位或有问题,要说兼容性最好,估计还得是默认主题了。 那既然这 3 个功能不错,是否可以移植到其他主题下 ..
130
2 周前
思源自定义字体
效果图:修改自定义字体,这里是筑紫 A 丸,下载 [图片] 思源本身支持系统自带字体,但是默认只修改编辑区的字体,如果需要修改其他地方的字体,则需要修改 css。 这里推荐使用社区的插件: 「自定义字体」,能够方便的对不同区域的字体进行设置。 来源:Zuoqiu-Yingyi/siyuan-plugin-custom- ..
157
1 个月前
思源笔记如何修改文档树 emoji 图标大小
思源笔记如何修改文档树 emoji 大小 问题 当在文档树内的图标上,使用自定义 emoji 的时候,会出现图标明显偏小,导致排版不佳,视觉效果不好,强迫症直接爆炸 首先找到 .css 渲染文件 打开到思源笔记的安装目录,找到 resources 目录 [图片] 进入到如下路径,找到 base......css res ..
80
1 个月前
分享思源代码片段调试技巧
前言 思源的代码片段很强大,有了它你几乎可以无所不能。 但,你是不是也感受到了一点点烦恼?输入框不仅小,还每次调试都要先打开设置,再粘贴到输入框中。 如果你是开发者,频繁的打开和调试,你是不是开始感到有些心累?有没有一种办法,不需要频繁的打开也能进行调试预览呢? 答案是肯定的。 我在不断的打开与关闭的痛苦中摸索出了一些 ..
289
1 个月前
求教,enhance 插件和 Whiteboard 挂件兼容相关,底部双链强制显示在白板上
[图片] 如图,在白板挂件铺满文档之后,来自增强思源笔记插件的双链栏会显示在白板挂件的上层,无论移动端还是 pc 端;同时 enhance 的设置页有个“双链功能时不时消失”的 bug,这让它的双链功能很难随开随关。 我的思路是,白板挂件会改文档别名为“whiteboard”,也许可以学白板挂件教学的那样,用 css ..
300
2 个月前
【极简化系列 x CSS】5 分钟快速上手 CSS,自定义思源笔记的外观样式
快速上手 CSS,自己调整思源笔记的外观。详见视频。
358
2 个月前
求一个关于题头图设置不透明的 CSS
描述:是这样的 ,开启背景图插件后想让题头图不受背景图的影响 ,想问下这个能通过 CSS 进行设置吗?
30
2 个月前
求一个修改修改大纲目录字体大小的 CSS
真的太需要了
50
3 个月前
css 求助
前端小白,请求各位大神帮助! 这里有一个 contet,里面有一个 logo 但是 logo 不能占据 content 的整个长度,即使我把 logo 设置了很大,还是有一段是没法用的 [图片] [图片] css 代码片段如下 .login-left-content { padding-left: 0vw; } .lo ..
100
3 个月前
参照 obsidian-minimal 主题制作的 savor 主题代码片段
[图片] [图片] [图片] [图片] 谢谢制作这两个主题的大佬(Roy 和 kepano) 使用方式:下载集市内的 savor 主题,切换到 savor 的 dark 配色模式,然后在设置-外观-代码片段中添加如下代码。 :root { /* 主色 */ --b3-theme-primary: #7E97A4 !im ..
248
2 个月前
CSS
文档手册 1 定义方式、选择器、颜色 样式 行内样式 内部样式 写在 html-head 下的 style 标签下 外部样式 调用外部某个 css 样式 选择器 标签选择器 img {} ID 选择器 #username {} 类选择器 .img-field {} 伪类选择器 链接伪类:在上述选择器后添加 :xxx ..
83
6 个月前
部分 CSS 代码失效问题 -- 解决思路
起因 为了更好的视觉效果,且与桌面端同步,之前在社区学习了用 css 代码更改移动端的字体的方法 只能说非常好用!还得是老铁们办法多 但是最近的版本不知道什么问题(小白一名),影响了 css 代码的优先级,导致代码失效。 这么说也是因为看到社区 css 代码失效的帖子里,一位兄弟添加“!important”的操作。 直 ..
157
8 个月前
一种简单的文档树 UI 加密,基于 CSS
本文分割线以上是最初的内容,只能对文档内容 UI 加密,不能对文档树产生影响。分割线以下才是对文档树 UI 加密。 首先给文档添加一条约定好的属性,比如'lock'。然后增加如下 CSS 片段并生效。 div[custom-lock]{ display: none; } 如果要显示内容的话,就通过 F12 开发者工具, ..
331
9 个月前
【CSS】pdf 纯黑背景
增加如下 CSS 代码片段。 /* pdf纯黑背景 */ .pdf__outer--dark .textLayer { background-color: #ffffff00; } 适用于各种 pdf,包括扫描版 pdf。前后效果对比: 之前: [图片] 之后: [图片] 记得要点了“确定”后代码片段才生效。 相关阅读 ..
147
10 个月前
【CSS】暗黑模式下,图片反色显示
使用默认暗黑主题。首先增加如下 CSS 代码片段: /* 图片反色 */ :root:has(#themeDefaultStyle[href *='midnight']) img[alt*='dark']{ filter: invert(100%) hue-rotate(180deg); } /* 该效果只在默认暗黑主 ..
120
10 个月前
[css] 文件树缩进线(Cliff-Dark 主题中的部分 CSS 片段)
关联:[链接] 为了回答问题,我研究半天,最后从 [链接] 上把对应的 CSS 片段扒下来了: /*文件树缩进线*/ .sy__file .b3-list-item__toggle { padding-left:1px !important; padding-right:1px; color:var(--b3-them ..
363
7 个月前
CSS 片段分享(行 focus 高亮显示)
前两天逛论坛,看到了群友分享的列表子弹线的效果。是通过 CSS 代码和 js 代码共同实现的,目前 Dark+ 主题和 Rem Craft 主题上应用了这一效果。 https://ld246.com/article/1693238082034 将相关代码复制到代码片段中,果然很好用,视觉效果如图所示(考虑到不同主题兼容 ..
367
1 年前
关于块属性的代码片段
有没有这方面的教程查了一些资料就是实现不了呢。 .protyle-wysiwyg [data-node-id][custom-='红']{ background: #ff5722; color: white; } 更改块的背景
20
1 年前
99% 的人可辨别的颜色色卡 - 配色方案分享
原文参考链接:https://sashamaps.net/docs/resources/20-colors/ [图片] 效果如下: [图片] [图片] json 文件 直接复制导入 { 'name': 'Distinct_Colors', 'light': { 'font-background12': { 'borde ..
681
5 个月前
obsidian 折腾记录 - 列表转树状表格 obsidian 版
一、前情提要 啊,很多用过思源的都知道,思源的列表在很多主题中,是可以显示为树状表格的,就像这样: [图片] 用来做一些树状分类的内容的时候还挺好用的,而实际上它还是一个列表,怎么弄的我就不说了,反正这回说的是 obsidian 嘛。。。。。 obsidian 也有很多表格插件,不过玩法不嫌多,弄一个纯 css 的列表 ..
898
1 年前
快速将网站设置为灰白默哀风格
为沉痛悼念江泽民同志逝世,最近看见各个网站都将自己的样式全部换为了灰白色。按照之前的之前的思维惯性想当然的觉得是大家都准备了一套这样风格的 css 样式。本来想在自己目前的项目上练习一下这个换肤的。公司毕竟是做政务行业的。觉得可能用得上,就看了下人家是怎样改样式的。发现原来 css 中的 filte 滤镜属性 即可完成 ..
276
1 年前
CSS 选择器
什么是 CSS? CSS(层叠样式表)用于给文档添加样式,是描述 HTML 或 XML 文档样式的语言。 CSS 选择器规定了某些 CSS 规则会应用在哪些元素上。 基本选择器 通用选择器 :* 选择所有的元素。(可选)也可以将其限制为特定的名称空间或所有名称空间 ns|**|*。 元素选择器 :elementname ..
453
3 年前
css 旋转 div 盒子
关键代码是:/* transform: rotate(333deg); */ 旋转前: [图片] 将关键代码注释解开: transform: rotate(333deg); [图片] 还可以在开发者工具中任意旋转。任意旋转指针即可。 [图片]
157
3 年前
如何用 CSS 实现文字渐变色动画
思路 -webkit-background-clip 可以创建基于文字的背景裁剪,如果将文字的颜色设置为 transparent,文字就可以表现为背景的颜色 用 @keyframes 定义基于 backgorund-position 变化的动画,即可形成文字颜色渐变效果 代码&效果 See the Pen &a ..
583
2 年前
PS、CSS 使图片高斯模糊
一、PS 图片高斯模糊 1、打开 ps,将图片导入。 [图片] 2、菜单栏选择滤镜-模糊-高斯模糊 [图片] 3、将半径修改即可,值越大越模糊。 [图片] 二、CSS 调整图片高斯模糊 Hello World Blurred Background Image filter: blur(15px):blur 中的值越 ..
181
3 年前
less 中的循环(each 方式)
less 遍历数组 在网上搜到的都是使用 when 的方式,其实自从 3.7.0 起官方提供了 each 函数来遍历 less @primary: blue; @danger: red; @warning: yellow; @success: green; @colors: primary, danger, warni ..
1.5K
3 年前
JavaScript 屏幕触摸和弹起事件以及 map、area 标签的使用
一、需求 业务本身其实是 uni-app 内的一个监控页面的制作,由于播放监控画面的 demo 是 JavaScript 开发的,而 APP 内无法使用 js 语法的文件,也没有去修改人家的源码,所以这里使用了 web-view 标签。 监控页面一共两部分,一部分为监控画面的 div,只需要显示即可,另一部分为控制摄像 ..
302
3 年前
center - css
content center .content-center { display: grid; place-content: center; gap: 1ch; } gentle flex .gentle-flex { display: flex; flex-direction: column; align-items ..
132
3 年前
HTML 和 CSS 基础学习
HTML 提供了大量元素,没一个元素都有特殊的用途,保证网页的丰富多样性: 区块:div 区分:span 文本:p、h1~h6、em、dt、dd 表格:table、tbody、thead、tr、td、th、tfoot、caption 表单:form、input、label、textarea、select 链接:a 图片 ..
494
3 年前