登录 注册

思源 Callout 插件 v1.0.0 发布，支持自定义样式

距离 callout 插件第一次发布也有半年了，这段时间刚好空闲多一点，把挖了好久的大坑实现了。

v1.0.0 版在原本的基础上大面积重构，支持了用户自定义功能。

  • 支持自定义 callout
  • 支持编辑 callout 配置
    • Emoji Icon
    • 内部配色
  • 支持拖放排序

详情操作见 README 文档。

image.png

image.png

image.png

image.png

  • 思源笔记

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

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

    22378 引用 • 89573 回帖
10 感谢
1 赞同
16 回帖
5
851 421 2 418 4 2 2

相关帖子

16 回帖
思源 Callout 插件 v1.0.0 发布，支持自定义样式

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • 3Woods •
    订阅者 支持者 勇士

    支持 OB 的 callout 语法吗？另外 OB 的 callout 折叠样式挺好看的，不知道能不能适配 😂

    1 回复
  • Frostime •
    订阅者 付费者 支持者 捐赠者 作者

    那个属于 OB 自定义的 markdown 方言，思源的 md 解析器不支持就没法搞。

    1 回复
  • RH108 •
    付费者

    许愿思源可以增加一些特定配置的 markdown 语法 🙏（增加接收其他笔记端用户的能力）

    同是喜欢 ob 的 callout 的用户，感谢楼主！

    期待未来有条件更进一步 👍

  • CSMsamuel •
    捐赠者

    感谢大佬的插件！希望能够增加更多对标题行的设置，如：

    1. 标题行字号设置（我自己用着感觉标题行字号过大，目前是自己改 css 了）
    2. 标题行图标可选择是否打开，如果关闭图标则不留出图标的缩进位置。
  • DataWealth •
    订阅者 恶龙

    终于支持自定义了！

  • winds •
    付费者

    好耶！！
    原本就很好用，现在更好用了！无论是功能还是易用性都有非常大的提升，感谢大佬为爱发电 ❤️ ❤️ ❤️

  • wanfengyu • • 1 评论
    付费者

    怎么搜不到

    Savor Callout
    Frostime •
  • EberhardLin • • 1 评论
    订阅者 捐赠者

    请问下这是什么主题啊，感觉还怪好看的

    Asri
    Frostime • • 1
  • sweesalt •
    订阅者

    image.png

    1 回复
  • Frostime •
    订阅者 付费者 支持者 捐赠者 作者

    这种一般是和主题有关，你用的是哪个主题？

    2 回复
  • sweesalt •
    订阅者

    默认的主题，不过用了一些 CSS 片段，会不会冲突？

  • sweesalt •
    订阅者

    image.png

    1 回复
  • Frostime •
    订阅者 付费者 支持者 捐赠者 作者

    可能是字体的原因？或者你可以用下面这个 CSS 片段自行调整偏移量:

    .protyle-wysiwyg  {
  & .bq[custom-b]:after, & .bq[custom-callout]:after {
     top: 0.5em;
  }
}

    调整 top 后面那个数值可以控制图标的偏移量。

    把这个代码加到插件设置的「自定义 CSS」文本框或者代码片段里面。

    2 回复
  • sweesalt •
    订阅者

    应该不是字体的问题，我改回默认字体，问题依旧。不过通过你给的 CSS 代码片段可以调整到对齐。

  • sweesalt •
    订阅者

    顺便提两点建议：（1）标题字体太大，建议可自定义标题字体大小；（2）有时只要图标，不要标题，如下图这种，不知道有没有办法实现。

    image.png

  • maxos • 
    .protyle-wysiwyg  {
  & .bq[custom-b]:after, & .bq[custom-callout]:after {
     top: 0.64em;
  }
}
请输入回帖内容 ...
Frostime
回帖
270
 帖子
34
 积分
31890

近期热议

推荐标签 标签

  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 22 关注
  • 知乎

    知乎是网络问答社区，连接各行各业的用户。用户分享着彼此的知识、经验和见解，为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库，专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 63 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 510 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 339 关注
  • 安装

    你若安好，便是晴天。

    132 引用 • 1184 回帖 • 1 关注
  • 职场

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

    127 引用 • 1705 回帖
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证。

    4 引用 • 16 回帖 • 5 关注
  • 996

    “工作 996， 生病 ICU”

    13 引用 • 200 回帖 • 6 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎，采用 Java 语言编写，不受平台的限制，同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式，可以兼容一些主流的数据库，因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 653 关注
  • Mac

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

    166 引用 • 595 回帖 • 1 关注
  • Electron

    Electron 基于 Chromium 和 Node.js，让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目，兼容 Mac、Windows 和 Linux，它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖
  • Windows

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

    222 引用 • 473 回帖
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖 • 1 关注
  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 588 回帖
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 2 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 328 关注
  • flomo

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

    5 引用 • 107 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 787 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具，支持本地 Markdown 文件编辑，支持双向链接和关系图。

    A second brain, for you, forever.

    15 引用 • 122 回帖
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 2 关注
  • 周末

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

    14 引用 • 297 回帖
  • 倾城之链
    23 引用 • 66 回帖 • 137 关注
  • 百度

    百度（Nasdaq：BIDU）是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村，致力于向人们提供“简单，可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 177 关注
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 816 回帖
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 462 关注
  • ZooKeeper

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

    59 引用 • 29 回帖 • 6 关注

最新标签