登录 注册

思源笔记主题 Notion

本贴最后更新于 1578 天前，其中的信息可能已经时移俗易

参考 Notion 写的一个明亮模式的主题。

才发现明亮模式的主题好难写，暗黑模式下我写的那个主题哐哐哐两三种黑色 + 阴影就成了，剩下的都是编辑器内部样式；而明亮模式光 UI 就需要调好久，十几种白色排在一起晃得人眼晕（可能是我太菜了）。

已经发布，可直接从社区集市下载安装。具体简介见仓库。

重点 ：

  • 如果有什么样式相关的改进建议，可以在这个帖子下告诉我
  • 我的另一个主题帖同样如此

preview.png

  • 思源笔记

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

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

    26115 引用 • 108426 回帖
1 引用
Notion 主题 题头图（Cover） • svchord
抚州 位置
5 感谢
1 收藏
1 引用
13 回帖
5
4
3.4k 389 531 339 197 54 1 1.8k

相关帖子

13 回帖
思源笔记主题 Notion

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • fangly •
    订阅者 先知

    写得太好了，感谢！

    一点小建议：悬浮窗没有边框，颜色也和背景一样，和背景融为一体了，有点难区分出悬浮窗的边界

    1 回复
  • svchord •
    捐赠者 作者

    你是指哪个悬浮窗呢？

    1 回复
  • fangly •
    订阅者 先知

    不好意思，是我弄错了，我不想要图片有阴影，所以注释了阴影部分的代码，导致块引用的悬浮窗阴影也没了。

    我想问一下，如果我想图片没有阴影，块引用悬浮窗有阴影或边界要怎么调整呢。谢谢！

    1 回复
  • svchord •
    捐赠者 作者

    你可以用 --b3-dialog-shadow 作为搜索条件，找到含有 span[data-type="img"] img, 的这一行代码，注释掉就可以了。我看了下也觉得图片用这个阴影有点问题，我试试换一个。

  • Yotsuba • • 1
    订阅者 支持者 勇士

    很好看！

  • fangly • • 1 评论
    订阅者 先知

    image.png

    社区集市按钮看不见了

    刚刚改好了，你可以更新看看
    svchord •
  • Achuan-2 • • 4 评论
    订阅者 先知

    支持支持！

    Light 和 Dark 主题两个一起维护真的蛮累的，真的改不动了……自己的笔记都没写多少，全花在门面上了……
    Achuan-2 •
    @Achuan-2 哈哈哈我是在写笔记的过程中看到哪个不顺眼就改掉了
    svchord •
    @zqhjl 我也这样啊，然而打字半小时，修改主题 4 小时，不过现在亮色主题已经是我满意的样子了（至少今天是，苦笑），也不想再花太多时间改了
    Achuan-2 •
    @Achuan-2 哈哈哈哈一样一样，我也已经基本上满意了，不想主动找 bug，所以才想着发到论坛里收集下别人找到的 bug
    svchord •
  • fangly •
    订阅者 先知

    image.png

    分屏的时候看不见分界线

    顺带再问一个问题，如果我想要上方的编辑工具栏不要隐藏，无论我鼠标移不移上去都一直显示的话，代码要怎么改呢？谢谢

    1 回复
    1 操作
    fangly 在 2021-03-05 16:38:54 更新了该回帖
  • Yzg100 •
    订阅者 支持者 勇士

    感谢大佬，辛苦了。之前一直在用 Atom One Dark!

    1 回复
  • svchord •
    捐赠者 作者

    哈哈哈哈谢谢

  • svchord •
    捐赠者 作者

    分屏这个是我一直以来的设计了，因为把内定的 border 颜色改成和背景颜色相同了，如果要修改的话整体 UI 就不好看了。

    如果是想要不隐藏的话，可以以 富文本工具栏 为搜索条件找到如下代码：

    .vditor-toolbar__item {
  transition: opacity 400ms ease 0s;
  opacity: 0;
  margin: 0 2px;
  margin-bottom: 4px;
}

.vditor-toolbar:not(.vditor-toolbar--hide):hover .vditor-toolbar__item {
  opacity: 1;
}
​

    把其中的 transition: opacity 400ms ease 0s; 和 opacity: 0; 以及

    .vditor-toolbar:not(.vditor-toolbar--hide):hover .vditor-toolbar__item {
  opacity: 1;
}
​

    都注释掉就可以了

  • crowds21 •
    订阅者 付费者

    一个改进的小点,不知道能不能实现,当我的块引用锚文本设置为代码时,如下.

    ((20210403014754-acq594t "{{.text}}")), 显示出来的效果 锚文本,能够再锚文本类型为代码时,也给该锚文本加一个下划线或其他方便区分的样式,方便区分,而非只有鼠标移上去的时候,才显示下划线.

    image.png

    image.png

    1 回复
  • svchord •
    捐赠者 作者

    我去看了下，好像 {{.text}} 没有被设置特定的选择器，所以你的这个想法应该是实现不了…你可以试试发个帖子看看 D 大 V 姐会不会采纳这个建议

请输入回帖内容 ...
svchord
抚州
回帖
78
 帖子
41
 积分
35

近期热议

推荐标签 标签

  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖 • 2 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 233 回帖 • 3 关注
  • 印象笔记
    3 引用 • 16 回帖
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本，加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较（vimdiff）、语法高亮、全面的帮助系统、本地脚本（Vimscript）和便于选择的可视化模式。

    29 引用 • 66 回帖
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 518 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖 • 2 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 614 关注
  • 面试

    面试造航母，上班拧螺丝。多面试，少加班。

    326 引用 • 1395 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 34 关注
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    167 引用 • 408 回帖 • 489 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具，助力您的学习与思考，让您的大脑更高效的记忆。

    笔记整理交给我，一心只读圣贤书。

    1 引用 • 1 回帖 • 1 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架，基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 405 关注
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    10 引用 • 54 回帖 • 181 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    167 引用 • 597 回帖 • 1 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 3 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 1 关注
  • 倾城之链
    23 引用 • 66 回帖 • 166 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    291 引用 • 4495 回帖 • 662 关注
  • 互联网

    互联网（Internet），又称网际网络，或音译因特网、英特网。互联网始于 1969 年美国的阿帕网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。

    98 引用 • 367 回帖
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划，本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE，直到 1999 年 Sun 买下此公司。Sun 于次年（2000 年）六月将 NetBeans IDE 开源，直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 707 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流，分享无限上传的图片，发布链接和视频，更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 445 关注
  • JVM

    JVM（Java Virtual Machine）Java 虚拟机是一个微型操作系统，有自己的硬件构架体系，还有相应的指令系统。能够识别 Java 独特的 .class 文件（字节码），能够将这些文件中的信息读取出来，使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 4 关注
  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 678 关注
  • 运维

    互联网运维工作，以服务为中心，以稳定、安全、高效为三个基本点，确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    151 引用 • 257 回帖 • 2 关注
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 312 关注

最新标签