登录 注册

2.10.8 自定义 SVG 图标不显示

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

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

v0Fk9cJ7hL.png

KfOf2nfiJG.png

7JeuV3kGkV.png

  • 思源笔记

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

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

    23110 引用 • 93056 回帖 • 1 关注
北京 位置
32 回帖
15
8
7
2
1.8k 110 40 1.5k 37 18 143

相关帖子

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

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

    图片.png

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

  • Sharpness3336 • • 1
    付费者 作者

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

    chrome9BDtctIh0R.png

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Vanessa •
    订阅者 付费者 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 •
    订阅者 付费者 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

近期热议

推荐标签 标签

  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug（漏洞）。

    76 引用 • 1739 回帖 • 2 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器，详细介绍请看 将 Java Swing 应用变成 Web 应用 。

    1 引用 • 15 回帖 • 640 关注
  • 黑曜石

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

    A second brain, for you, forever.

    16 引用 • 130 回帖
  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    77 引用 • 430 回帖
  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    11 引用 • 5 回帖 • 614 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 670 关注
  • 阿里巴巴

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

    43 引用 • 221 回帖 • 102 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商，致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景，七牛先后推出了对象存储，融合 CDN 加速，数据通用处理，内容反垃圾服务，以及直播云服务等。

    27 引用 • 225 回帖 • 163 关注
  • PHP

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

    179 引用 • 407 回帖 • 491 关注
  • gRpc
    11 引用 • 9 回帖 • 71 关注
  • 思源笔记

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

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

    23109 引用 • 93054 回帖 • 1 关注
  • flomo

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

    5 引用 • 107 回帖 • 1 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 913 回帖 • 248 关注
  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    30 引用 • 96 回帖 • 1 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 9 关注
  • 学习

    “梦想从学习开始，事业从实践起步” —— 习近平

    171 引用 • 513 回帖
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    117 引用 • 99 回帖 • 211 关注
  • NGINX

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

    313 引用 • 547 回帖 • 2 关注
  • GAE

    Google App Engine（GAE）是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 780 关注
  • Laravel

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

    20 引用 • 23 回帖 • 726 关注
  • 域名

    域名（Domain Name），简称域名、网域，是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。

    43 引用 • 208 回帖
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖
  • LaTeX

    LaTeX（音译“拉泰赫”）是一种基于 ΤΕΧ 的排版系统，由美国计算机学家莱斯利·兰伯特（Leslie Lamport）在 20 世纪 80 年代初期开发，利用这种格式，即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 51 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖 • 2 关注
  • MongoDB

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

    90 引用 • 59 回帖 • 8 关注
  • 链书

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

    链书社

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

    14 引用 • 257 回帖
  • 智能合约

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

    1 引用 • 11 回帖

最新标签