-
求助全屏显示后,在顶栏增加一个置顶按钮
2024-12-30 18:25默认全屏添加,退出全屏删除
可根据以下参数调整
addPinEvent
fullscreen 全屏时,loading 加载时,默认 fullscreendelPinEvent
exitFullscreen 退出全屏时,never 不删除,默认 exitFullscreen -
能否实现一个不含 electron 的便携版(绿色版)思源?
2024-12-30 07:08绿色版, 可以试试这两个帖子中所说的方法,我没有试过不知是否可行
仅启动内核, 应该启动 SiYuan-Kernel.exe 就可以了,亲测可行
比如,
C:\Users\Administrator\AppData\Local\Programs\SiYuan\resources\kernel\SiYuan-Kernel.exe --port 6806 --wd C:\Users\Administrator\AppData\Local\Programs\SiYuan\resources --workspace C:\siyuan
不指定工作空间默认就是上次最后打开的工作空间,详情可参考官方帮助文档内核参数
关闭内核可以用命令
taskkill /IM SiYuan-Kernel.exe /F
或通过 pid 关闭命令
taskkill /PID <具体的PID> /F
查看内核启动参数可用命令
wmic process where "name='SiYuan-Kernel.exe'" get CommandLine, ProcessId
注意,思源启动多个实例,监听多个端口其实是共享一个进程而不是多个进程。
-
数据库要拉到最底部才有滑块
2024-12-29 09:10原来官方已经支持固定列了。
但官方的固定列是从固定列开始往左所有的列都固定,这有时候不是想要的结果。
我那个 css 是仅对指定的列固定,算是对官方某种场景下的补充吧。
-
数据库要拉到最底部才有滑块
2024-12-29 01:12@MuShanPlus 你想要的让主键向左滑动时固定,修改 nth-child 可以让任意列固定
/* 数据库优化css */ /* 设置数据库最大高度 */ .av__scroll { max-height: 600px; overflow: auto; } /* 显示底部计算(求和等) */ .av__row--footer .av__calc,.av__row--footer.av__row--show .av__calc { opacity: 1 } /* 头部固定不动 */ .av__row--header{ top: 0px; position: sticky; z-index:2; /* 防止与cell内容及右侧列重叠 */ } /* 底部固定不动 */ .av__row--footer{ position: sticky; bottom: 0; z-index:2; /* 防止与cell内容及右侧列重叠 */ } /* 左侧第一列固定位置,更改这里的nth-child可以实现任意一列固定位置,nth-child从2开始算第一列,因为左侧有一列控制列 */ .av__row .av__cell:nth-child(2){ position: sticky; left: 22.75px; /* 左侧控制列宽度 */ /* 防止与右侧列重叠 */ background-color:var(--av-background); z-index:1; } /* 底部计算第一列固定位置,更改这里的nth-child可以实现任意一列固定位置,nth-child从1开始算第一列 */ .av__row--footer .av__calc:nth-child(1){ position: sticky; left: 0; /* 防止与右侧列重叠 */ background-color:var(--av-background); z-index:1; } /* 底部计算从第2列起需加上左侧控制列的宽度 */ .av__row--footer .av__calc:nth-child(n+2) { left: 22.75px; /* 左侧控制列宽度 */ }
-
个人对于 AI 与软件的好奇问题
2024-12-28 20:38前期,做不到
中期,程序员充当专业提示词工程师及专业测试人员及特殊情况的调试人员,主要代码工作由 AI 完成
后期,不仅普通程序员失业,大多数行业都失业,不过届时可能有新的职业出现
期待有生之年能看到后期阶段
-
怎么对文章进行多次筛选
2024-12-28 20:17- 如楼上所说,可以放数据库筛选,如果文章多前期添加可能较麻烦。
- SQL 查询,不仅可以输出文章展示,还可以保存为查询条件方便下次查询。
不过以上是方法论,如果想问具体方案就要参考 @8V9q7V 大佬所说的描述具体需求。
-
浮窗的位置能不能固定居中显示
2024-12-28 20:16js 方式实现(推荐)
css 方式实现(注意,该方式弹窗居中后不能移动,只能关闭,看个人需要,一般不推荐这种方式)
.block__popover.block__popover--open { top: 50%!important; left: 50%!important; transform: translate(-50%, -50%)!important; }
-
求减少两边停靠栏宽度的 css,感觉太宽了
2024-12-28 06:33试试这个,具体可根据自己情况调整
/* 两侧dock栏宽度 */ .dock--vertical { width:32px; /* 根据自己需要调整 */ } /* 每个图标的内外边距,计算公式是 (dock宽-图标宽)/4 */ .dock__item { padding: 4px; /* 内边距 */ margin: 4px; /* 外边距 */ } /* 左侧dock图标外边距大小,可根据需要微调 */ .dock#dockLeft .dock__item { margin: 3px; } /* 图标的宽度,高度自适应,1:1 显示,计算公式是 (dock宽-图标内外边距和*2)/2 */ .dock svg { width: 16px; height: 16px; }
-
我想修改文档图标默认请问怎么弄?
2024-12-27 20:35这里是示例代码,根据自己的需要修改
// 切换主题后需刷新页面才能生效 // 普通文档:siyuan.storage["local-images"].file='1f4c4' // 含有子文档的父文档:siyuan.storage["local-images"].folder='1f4d1' // 笔记本:siyuan.storage["local-images"].note='1f5c3' // 亮色主题 if(siyuan.config.appearance.mode === 0) { // 默认主题 if(siyuan.config.appearance.themeLight === 'daylight'){ siyuan.storage["local-images"].folder = '1F4C1' siyuan.storage["local-images"].file = '1f4dc' } // 其他主题 if(siyuan.config.appearance.themeLight === '') { } } // 暗色主题 else { // 默认主题 if(siyuan.config.appearance.themeDark === 'midnight'){ siyuan.storage["local-images"].folder = '1F5C1' siyuan.storage["local-images"].file = '1f4c4' } // 其他主题 if(siyuan.config.appearance.themeDark === '') { } }
如果需要监听主题切换刷新页面,示例代码如下
// 监听主题切换 (()=>{ // 当主题色变化时执行 observeThemeModeChange((newMode) => { if(newMode === 'light') { // 亮色主题 // 你的代码 } else { // 暗色主题 // 你的代码 } // 刷新页面 location.reload(); }); function observeThemeModeChange(callback) { // 选择目标节点 const targetNode = document.documentElement; // <html> 元素 // 配置观察选项: const config = { attributes: true, attributeFilter: ['data-theme-mode'] }; // 当观察到变动时的回调函数 const mutationCallback = function(mutationsList, observer) { for (let mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme-mode') { const newValue = document.documentElement.getAttribute('data-theme-mode'); // 调用用户提供的回调函数 if (typeof callback === 'function') { callback(newValue); } } } }; // 创建一个观察器实例并传入回调函数 const observer = new MutationObserver(mutationCallback); // 开始观察目标节点 observer.observe(targetNode, config); // 返回一个停止观察的方法 return { disconnect: () => observer.disconnect() }; } })();
-
左侧的图标怎么弄大一些,整体大也行
2024-12-27 18:42css 示例,具体大小,根据自己需要调
.file-tree .b3-list-item__icon { font-size: 28px; /* emoji图标大小 */ line-height: 40px; /* 容器宽度 */ height: 40px; /* 容器高度 */ img { width: 28px; /* 自定义图标宽度 */ height: 28px; /* 自定义图标高度 */ } }
注意,调整图标对应的容器也要放大(即 height 和 line-height),不然就截断了
-
[js] 思源左侧空白区域显示心灵毒鸡汤或倒计时和顶部显示天气
2024-12-26 12:14可以,这是左侧 dock 示例,根据自己情况调整
.dock#dockLeft.dock--vertical { /* 左侧dock栏宽度 */ width:52px; /* 每个图标的内外边距,计算公式是 (dock宽-图标宽)/4 */ .dock__item { padding: 6px; /* 内边距 */ margin: 7px; /* 外边距,可根据需要微调 */ } /* 图标的宽度,高度自适应,1:1 显示,计算公式是 (dock宽-图标内外边距和*2)/2 */ .dock__item svg { width: 20px; height: 20px; } }
-
数据库要拉到最底部才有滑块
2024-12-26 10:40为何不让数据库固定高度?且看我的 css 样式优化,这样岂不美哉?
/* 数据库优化css */ /* 设置数据库最大高度 */ .av__scroll { max-height: 600px; overflow: auto; } /* 头部固定不动 */ .av__row--header{ top: 0px; position: sticky; } /* 底部固定不动 */ .av__row--footer{ position: sticky; bottom: 0; } /* 显示底部计算(求和等) */ .av__row--footer .av__calc,.av__row--footer.av__row--show .av__calc { opacity: 1 }
【注意 ❗️】因录制减小 GIF 空间占用的需要,这个 GIF 故意调的视窗很小,实际上可根据需要设置最大高度,不会觉得视窗太小。
-
[js] 思源左侧空白区域显示心灵毒鸡汤或倒计时和顶部显示天气
2024-12-26 09:45没相关 api,谁有 api 可以分享下或者修改下
function yiyan(callback)
这个函数即可 -
代码块怎么快速整理换行?
2024-12-25 23:34方法 1,你的编辑器要与思源的缩进标记一致,即要么都是 tab,要么都是空格,思源可在设置 》编辑器中调整
推荐设置为空格替换 tab,能满足大部分需要,但如果设置了空格,粘贴过来的是 tab 也缩进不了,二者必须一致。
方法 2:特殊情况,可以用 vscode 插件打开源码临时修改一下
-
关于文档层级导航插件,样式设置求助 css
2024-12-25 22:48加上这个试试
/* 排除 层级导航 内部的 span[data-type="block-ref"] */ .og-hn-emoji-and-name span[data-type="block-ref"]::before, .og-hn-emoji-and-name span[data-type="block-ref"]::after { content: none; }
如果不可以,需要把你加中括号的 css 发出来看看。
我的添加中括号的 css 如下,如果不行,也可以用我这个试试
/* 给所有 span[data-type="block-ref"] 加上 [] */ span[data-type="block-ref"]::before { content: "["; } span[data-type="block-ref"]::after { content: "]"; }
-
[js] 思源左侧空白区域显示心灵毒鸡汤或倒计时和顶部显示天气
2024-12-25 11:25👍 我换了个接口 @lichlaughing @CongSec 再试试呢
不过,也可以下载这个文本,自己实现 https://gitee.com/wish163/mysoft/blob/main/%E6%95%B0%E6%8D%AE/%E5%BF%83%E7%81%B5%E6%AF%92%E9%B8%A1%E6%B1%A4.txt
-
滑块如何更改颜色
2024-12-25 11:22试试这个,颜色随便写的
/* 滑块轨道样式 */ .b3-slider::-webkit-slider-runnable-track { background: #789ded!important; border-radius: 10px; } /* 滑块按钮的样式 */ .b3-slider::-webkit-slider-thumb { background: #427ee1!important; box-shadow: none!important; width:12px; height: 12px; margin-top: -5px; } /* 滑块按钮的焦点状态 */ .b3-slider:hover::-webkit-slider-thumb { background: #0c57d0!important; }