登录 注册

2.10.8 自定义 SVG 图标不显示

本贴最后更新于 624 天前，其中的信息可能已经渤澥桑田

我从网上下载的 SVG 图标，放到 emojis 目录里面，前一些版本显示正常，2.10.8 版本突然无法显示 SVG 图标，PNG 图标显示正常。

v0Fk9cJ7hL.png

KfOf2nfiJG.png

7JeuV3kGkV.png

  • 思源笔记

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

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

    26089 引用 • 108323 回帖
北京 位置
32 回帖
15
8
7
2
2.4k 113 49 1.7k 49 18 493

相关帖子

优质回帖
  • CuiHS • • 2
    付费者

    安装 v202310130847 版后确认可看到 SVG 图标了，

    图片.png

    同时在浏览器中打开 127.0.0.1 上的 SVG 也直接显示图片了，没再出现弹窗保存了。

  • Sharpness3336 • • 1
    付费者 作者

    会不会因为系统升级了某个东西，对 Content-Type 限制更加严格了，我看直接打开和 SiYuan 里面获取的请求这里不同

    chrome9BDtctIh0R.png

32 回帖
2.10.8 自定义 SVG 图标不显示

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Vanessa • via macOS
    订阅者 付费者 支持者 捐赠者 MOD

    我的是可以的，你看一下 network 里面的访问地址

    image.png

    3 回复
  • Sharpness3336 •
    付费者 作者

    SiYuanOJ5xUNO2mC.png

  • CuiHS •
    付费者

    我在 2.10.9 版本也出现这个问题，刚才在群里面试了半天，发现无法显示网络上的 SVG 文件（例如 http://127.0.0.1:51283/appearance/themes/Dark+/icon/tag-light.svg 这种形式就无法显示），包括我在浏览器中直接输入这个地址，浏览器会自动下载这个 svg 文件，而不是显示这个 svg 文件；但那个 SVG 在本地是可以打开的，而且双击时是用浏览器自动打开的。

    我也试了网络上的 SVG，如 https://en.wikipedia.org/wiki/SVG#/media/File:SVG_Logo.svg 这个是可以在浏览器正常打开的。

    所以不知道是哪里出了问题。

  • CuiHS •
    付费者

    现在的问题，思源笔记中所有的 SVG 文件，比如拖入笔记中的、，比如内容块类型这个块里面的 SVG 文件，都显示裂开了

    1f6d924fb668e2b2dbc0ce8672635a96.png

    1 回复
  • 88250 •
    订阅者 MOD

    我这里测试正常，请试下新工作空间的用户指南能否重现。

    2 回复
  • CuiHS •
    付费者

    我尝试了新工作空间，依然不行，还是显示 SVG 裂开，包括帮助中的内容块类型，或者是 拖入笔记中的 SVG 文件。

  • CuiHS •
    付费者

    这个应该是某个软件导致的，我在另一台电脑上就没有这个问题，可以正常显示 SVG 文件。

    所以现在就是要定位是哪个软件导致的问题，不知道 D 大有没有什么头绪。

    2 回复
  • Sharpness3336 •
    付费者 作者

    我看了我这思源笔记中所有的 SVG 文件也是显示裂开，包括文档里面的，我最近新装的软件就 Fiddler Classic，WPS Office，金山打字通，看看有没有你电脑上也有的，还有最近 Windows 更新，更新了.NET 6.0.23 Security Update for x64 Client (KB5031900)和 Cumulative Update for Windows 11 Version 22H2 for x64-based Systems (KB5031354)

    3 回复
  • CuiHS •
    付费者

    我最近也更新了 WPS，其他几个没有。我去卸载一下看看。

  • Vanessa • via macOS
    订阅者 付费者 支持者 捐赠者 MOD

    我的 svg 是这样的，你们的发我看看

    16 宫格 gridsixteen.svg.zip

    2 回复
  • Sharpness3336 •
    付费者 作者

    用这个我这还是不行

    SiYuancCfv6634dp.png

  • CuiHS •
    付费者

    刚才卸载 WPS 并重启，还是不行。

  • CuiHS • • 1 评论
    付费者

    这个不是 SVG 本身的问题，应该是某些设置或者软件阻碍了在本地网络（127.0.0.1）上打开 SVG，只允许本地打开（硬盘双击）或者远程网络打开。

    看来是的，@Sharpness3336 发我的也是可以显示的
    Vanessa •
  • 88250 •
    订阅者 MOD

    没头绪……之前回帖中楼主截图的 request 上上去是对的，包括响应标头 Content-Type 也是 image/svg，说明内核服务端是识别的。对了，你试下浏览器访问行不行。

    1 回复
  • CuiHS •
    付费者

    我尝试过使用 http://127.0.0.1:49819/appearance/themes/Dark+/icon/wavy-line-light.svg 来访问 SVG，直接就下载这个 SVG 到本地硬盘了，但远程的 SVG，如 https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/acid.svg 就会直接在浏览器中打开显示

    Firefox,Chrome 和 Edge 都试过，表现一样。

    1 回复
  • CuiHS •
    付费者

    图片.png

    我查了下，在 7 号前后更新的程序有这几个，你也看下；我初步怀疑是 Edge，但这个更新应该是大面积的，不可能就我们两个出问题啊。

    1 回复
  • 88250 •
    订阅者 MOD

    我的意思是使用伺服功能，浏览器端访问笔记看看显示是否正常。

    2 回复
  • CuiHS •
    付费者

    我目前是这样用的：

    电脑打开思源程序，然后在浏览器中输入 http://127.0.0.1:49819，进入后依然看不到 SVG 图标，显示状态与思源程序一致。

    然后，我在思源程序的开发者模式中找到 SVG 文件的地址：http://127.0.0.1:49819/appearance/themes/Dark+/icon/wavy-line-light.svg ，直接输入到浏览器中会弹出下载框，让我下载到本地。

  • Sharpness3336 •
    付费者 作者

    网络伺服也无法显示

    msedgeK6gMDAvZdk.png

    1 回复
  • 88250 •
    订阅者 MOD

    有 Chrome 浏览器吗？有的话也试试看。

    2 回复
  • Sharpness3336 •
    付费者 作者

    Chrome 也无法显示

    chromeN97VG5t5HF.png

  • Sharpness3336 • • 1
    付费者 作者

    会不会因为系统升级了某个东西，对 Content-Type 限制更加严格了，我看直接打开和 SiYuan 里面获取的请求这里不同

    chrome9BDtctIh0R.png

    1 回复
  • Sharpness3336 •
    付费者 作者

    我是这些

    ApplicationFrameHostkiB9kHJtui.png

    1 回复
  • CuiHS •
    付费者

    我觉得是那个 EDGE webview runtime

    1 回复
  • Sharpness3336 •
    付费者 作者

    有可能，但是 Firefox 上也不显示

    firefoxMMqDix8wOd.png

    1 回复
  • 88250 •
    订阅者 MOD

    有可能是这里的问题，麻烦打开注册表看下这个值：HKEY_CLASSES_ROOT\MIME\Database\Content Type

    image.png

    1 回复
  • 88250 •
    订阅者 MOD

    关联 Issue #9413 · siyuan-note/siyuan

  • CuiHS •
    付费者

    两台电脑都看了（一台没问题，一台有问题），这个地方与你的图片都是 一样的：

    有问题这台：图片.png

    没问题这台：3a86f3822b696745940ab3f5e0300d8.png

    有问题这台是 WIN10 21H1；没问题的是 22H2

    1 回复
  • CuiHS •
    付费者

    确认应该不是：昨晚用我另一台电脑，也更新了这个 Runtime，但就没事，能正常显示 SVG，包括在开发者模式中鼠标移动到 SVG 链接上能直接弹窗显示 SVG 图像，但出问题的这台电脑就没有这个功能。

  • 88250 •
    订阅者 MOD

    今天会发布一个 dev 版，请帮忙测试该问题是否修复。

    2 回复
  • CuiHS •
    付费者

    好的。

  • CuiHS • • 2
    付费者

    安装 v202310130847 版后确认可看到 SVG 图标了，

    图片.png

    同时在浏览器中打开 127.0.0.1 上的 SVG 也直接显示图片了，没再出现弹窗保存了。

请输入回帖内容 ...
Sharpness3336
北京
回帖
15
 帖子
4
 积分
688

近期热议

推荐标签 标签

  • V2Ray
    1 引用 • 15 回帖 • 2 关注
  • 前端

    前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。

    246 引用 • 1338 回帖 • 1 关注
  • 书籍

    宋真宗赵恒曾经说过：“书中自有黄金屋，书中自有颜如玉。”

    82 引用 • 411 回帖
  • 知乎

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

    10 引用 • 66 回帖
  • AWS
    11 引用 • 28 回帖 • 8 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 74 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务，以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    85 引用 • 324 回帖
  • 996

    “工作 996， 生病 ICU”

    13 引用 • 200 回帖 • 4 关注
  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 661 关注
  • JVM

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

    180 引用 • 120 回帖 • 1 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    34 引用 • 37 回帖 • 554 关注
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    171 引用 • 1537 回帖
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 493 关注
  • Scala

    Scala 是一门多范式的编程语言，集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 156 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    589 引用 • 3528 回帖
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 1 关注
  • Sillot

    Insights（注意当前设置 master 为默认分支）

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。

    主仓库地址：Hi-Windom/Sillot

    文档地址：sillot.db.sc.cn

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记，开发者尽最大努力与思源笔记保持兼容，但无法实现 100% 兼容
    29 引用 • 25 回帖 • 126 关注
  • 人工智能

    人工智能（Artificial Intelligence）是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    115 引用 • 318 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • SQLite

    SQLite 是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖 • 4 关注
  • LeetCode

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

    209 引用 • 72 回帖
  • GraphQL

    GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时（类型系统由你的数据定义）。GraphQL 并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 12 关注
  • CentOS

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

    240 引用 • 224 回帖 • 2 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务，可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 107 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 189 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的 18 人，于 1999 年在中国杭州创立，他们相信互联网能够创造公平的竞争环境，让小企业通过创新与科技扩展业务，并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 57 关注

最新标签