思源笔记主题 Knowledge Brain 大更新

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

缘起

今天打开思源笔记笔记集市的时候,发现 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 的值即可

External Player - 哔哩哔哩嵌入式外链播放器

2 月 26 日更新

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

主题图片一览

image.png

image.png

结语

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

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

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

  • 思源笔记

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

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

    22337 引用 • 89378 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 感谢更新!!!

    刚火速去集市上准备更新,但发现集市上还没有更新到最新版本,等明天再看看。

    1 回复
  • 这次更新的时候看到了 @Crowds21

    "Crowds21/Cliff-Light@96cc3647bbf6c96f5995e09502fe0334a6b1c02f",

    这个主题被删掉了,不知道是不是被人误删掉,而我看了下这个主题挺不错的,就没有删除

    然后 merge 的时候 pull request,D 大看到 diff 提醒了下,就没 Merge

    算了,我还是删掉再 pull request 吧!

    刚看到 D 大删了之后 merge 了。。。

    1 回复
    1 操作
    lane 在 2022-02-27 10:41:27 更新了该回帖
  • 已经在集市正常更新了!

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

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

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

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

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

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

    1 回复
  • 间隔问题已搞定!👍

    字体颜色不调整了,新的也挺好看的 😄

  • tmkddskf

    非常牛逼的主题,我 Fork 了一个自己的。感谢作者。

  • 谢谢.这个是我自己删的,主要是没有时间维护.

    1 回复
  • nyyyb112358

    哈哈哈开心,我提的 100 行 issue,谢谢大佬!

  • lane 1 评论

    不需要维护啊,我试了下完全没问题的,算是集市里最好的白天主题之一了,下架可惜了

    我偶尔也会切换其他主题,看看有没有哪里比较好的,直接借鉴下,再偶尔改下 bug,我也没维护什么

    我自己不太满意吧,我自己都不用这个主题,配色看的不是很舒服.
    crowds21
  • LIHOUZHU

    视频时间戳功能是不是在 b 站上不能使用

    1 回复
  • 只可以本地,B 站要自己在地址上加参数 t=30,再仔细看下文中说明

  • 请教一个可能有点弱智的问题: 就是字体颜色这里,如何才能设置一段文字的颜色但不要加粗呢?

    我发现颜色和加粗要同时存在,但很多时候就只想标注颜色,并不想加粗,但不知道怎么实现。

    1 回复
  • image.png

    1 回复
  • 感谢!

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

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

  • youth54

    您好,我使用这个主题时,将 theme.css 文件的最后一个关于调笔记本更宽间隔的 css 给删除了,当时看是起作用了,但是重新打开软件后,又恢复原来那个宽间隔了,请问,这个该如何解决呢?感谢~

  • 您好,我感觉 列表项 的间距有点大,这个如果想调整的小一些,样式上要修改哪个地方不?

    对 CSS 不熟悉,看不太懂代码。

    1 回复
  • 如过是列占满的这个特性可以注释掉下面代码中的 width:100%,好像有人提过,不过这个特性就不改了

    image.png
    image.png

    image.png

    1 回复
  • 不好意思,我之前的问题是想问:“列表项”的高度如果想要缩小一些,不知道调整哪里。

    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 行和原先不一样了,当时忘记记录修改的点,所以想再请教下修改的地方。

请输入回帖内容 ...