登录 注册

思源笔记主题 Notion

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

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

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

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

重点 ：

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

preview.png

  • 思源笔记

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

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

    24808 引用 • 102059 回帖
1 引用
Notion 主题 题头图（Cover） • svchord
抚州 位置
5 感谢
1 收藏
1 引用
13 回帖
5
4
3.2k 387 528 300 192 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

近期热议

推荐标签 标签

  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    335 引用 • 324 回帖
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计，是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 737 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣，为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 53 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖
  • Anytype
    3 引用 • 31 回帖 • 12 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。

    226 引用 • 476 回帖 • 2 关注
  • NetBeans

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

    78 引用 • 102 回帖 • 702 关注
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 384 回帖 • 6 关注
  • 职场

    找到自己的位置，萌新烦恼少。

    127 引用 • 1708 回帖
  • flomo

    flomo 是新一代 「卡片笔记」 ，专注在碎片化时代，促进你的记录，帮你积累更多知识资产。

    6 引用 • 140 回帖
  • 电影

    这是一个不能说的秘密。

    122 引用 • 608 回帖
  • 智能合约

    智能合约（Smart contract）是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易，这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 1 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    9409 引用 • 42877 回帖 • 110 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 2 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 1 关注
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1063 引用 • 3455 回帖 • 165 关注
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    36 引用 • 155 回帖 • 2 关注
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 431 关注
  • MongoDB

    MongoDB（来自于英文单词“Humongous”，中文含义为“庞大”）是一个基于分布式文件存储的数据库，由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似 JSON 的 BSON 格式，因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 6 关注
  • Vue.js

    Vue.js（读音 /vju ː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    267 引用 • 666 回帖 • 1 关注
  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台，同时可以将自己看到的精彩内容分享到微信朋友圈。

    132 引用 • 796 回帖
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点；但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中，从而不再需要读写 HDFS，因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 567 关注
  • Outlook
    1 引用 • 5 回帖
  • Excel
    31 引用 • 28 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    66 引用 • 114 回帖 • 200 关注
  • SMTP

    SMTP（Simple Mail Transfer Protocol）即简单邮件传输协议，它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇，它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 637 关注

最新标签