思源笔记主题 Knowledge Brain 大更新

本贴最后更新于 761 天前,其中的信息可能已经时移世异

缘起

今天打开思源笔记笔记集市的时候,发现 star 多了一个,又突然注意到了旁边的圆点,如图

image.png

点击之后就是下图,才发现是 issue

image.png

然后开始看看都是什么问题,以前没注意到,现在赶紧修改,实际有两个早就改了

GitHub issue 解决

问题一 代码超过 100 行行号显示会出问题

  1. 很抱歉,偶然才看到这个 issue,我没开启显示行号,故而没发现这个问题
  2. 这是因为设置了代码行的宽度固定的,当行号为三位数的时候自动换号导致的显示问题
  3. 目前已经修复,测试下 10000 行没问题的

问题二 1.5.5 的适配问题

这个更新当初晚了两天,已经更新了,字体可以通过设置--编辑器---修改字体,没必要主题修改了

问题三 文档树拖拽动画不明显

我都是按照首字母自动排序,手动排序没用过,不过现在已经增强了显示效果

在手动排序设置下可以拖拽文档可以明显看出会是上一个或者下一个位置或子文档位置

问题四 displaying code-block

这个时候 2021 年 7 月份的问题,当时修改了

实际是代码行号大小和代码大小不一致导致的,默认字体大小是没问题的,当时已经修改了主题代码大小和代码行号大小固定 14px 不随着字体大小更改而更改

2 月 19 更新视频时间戳(copy 自 Dark+)

  1. 去掉 Knowledge Brain Y 主题,实际仍然在该文件下的 theemey.css 文件
  2. 看到社区的那个视频时间戳不错,就从Dark Plus 拷贝下添加进来了,不过修改了下快捷键
  3. 可以使用原功能的快捷键只需要修改 config.js 中的那两个 0 改成 1,则第三步和第四步就改为 command + 鼠标中键了。
    1. command(control) + 鼠标左键点击 音视频块两侧空白处 ,会把时间戳添加到剪切板上
    2. command + v 粘贴时间戳到笔记中
    3. command + 鼠标左键点击刚才粘贴到时间戳,此时会把视频的属性 time 改为时间戳时间
    4. command + 鼠标左键点击音 视频块两侧空白处 ,视频会跳转到时间戳时间处。

修改 B 站视频时间戳

接入 B 站 iframe 视频(bilibili 引用视频)_不知名的上班族-老王-CSDN 博客_b 站 iframe

key 说明
cid chat id,每个 chat id 对应一组弹幕池和
如填了 aid, 这个字段不填也没关系
aid article id, 视频的 av 号
就是 B 站的 avxxxx 后面的数字
bvid bilibili video id, 视频的 bv 号
2020.03 时候, B 站把 AV 号根据一定的算法转成这个了
如果填了 bvid, 那么 aid 不填也可以
page 第几个视频, 起始下标为 1 (默认值也是为 1)
就是 B 站视频, 选集里的, 第几个视频
as_wide 是否宽屏
1: 宽屏, 0: 小屏
high_quality 是否高清
1: 高清, 0: 最低视频质量(默认)
如视频有 360p 720p 1080p 三种, 默认或者 high_quality=0 是最低 360p
high_quality=1 是最高 1080p
danmaku 是否开启弹幕
1: 开启(默认), 0: 关闭
t 打开时, 自动跳转到某个时间, 并且自动播放(单位秒)
比如 t=60, 那么自动跳转到 1 分钟, 且自动播放

例子如下作为 iframe 地址即可,只需要修改 t 的值即可

bilibili html5 player

2 月 26 日更新

  1. 更新表格的样式更贴近传统 Excel
  2. 修复了代码行行号宽度换行问题,去掉了代码行竖线
  3. 增强了在自定义排序情况下拖拽文档的显示效果,更加明显。
  4. 修改了 PDF 的搜索显示颜色,包括聚焦的和非聚焦的
  5. 修改了 PDF 矩形框选和选中文字的颜色选择和样式(样式摘抄自 Tsunduku Light)
  6. 修改了文档树的笔记本和笔记间隔
  7. 推荐代码块语法高亮主题为 vs

主题图片一览

image.png

image.png

结语

今天从早上一直到现在,晚上 10 点多,都在改这个主题!

接下来一段时间应该不会更新了吧!

若感觉主题不错,订阅思源的时候可以支持一下,订阅推荐码:X0sndna

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    18138 引用 • 66929 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 不好意思,我之前的问题是想问:“列表项”的高度如果想要缩小一些,不知道调整哪里。

    image.png

    另外,今天更新了集市最新版本,之前咨询过的两个问题,再次请教下调整方式:

    1、文档树的笔记本和笔记间隔,是不是注释这段就可以?

    /*笔记本更宽的间隔**/
    
    /*
    .b3-list .b3-list-item:not(.b3-list-item--big), .b3-list--background .b3-list-item:not(.b3-list-item--big) {
        padding: calc((32.8px - 22px)/2) 6px !important;
        margin: 4px 0;
    }
    .b3-list .b3-list-item, .b3-list--background .b3-list-item {
        height: auto;
        border-radius: 4px;
        line-height: 22px;
    }
    */
    

    2、字体颜色调整深一些,之前是在 1050 行注释 color,但更新后 1050 行和原先不一样了,当时忘记记录修改的点,所以想再请教下修改的地方。

  • 其他回帖
  • 感谢!

    方式 1 可以只修改字体颜色不会加粗,学习到了。

    方式 2 我试了下是颜色和加粗一起的。

  • 打开 theme.css 文件最后那个注释下面的样式删了就可以了!

    如果想字体颜色原先的深点(这次好像调浅了点)可以把 1050 行左右那个 color 注释掉

    如果有问题,我回去可以截下图说明

    1 回复
  • 已经在集市正常更新了!

    另外有个小点:修改了文档树的笔记本和笔记间隔

    我个人还是喜欢修改前笔记之间紧凑间隔,现在的间隔有点太大,屏幕太小的情况下能展示的文档数量就变少了。这也可能和我文档及文档层级较多有关。

    所以想问下,如果要修改回原先的间隔,需要怎么调整呢?

    1 回复
  • 查看全部回帖