登录 注册

2.10.8 自定义 SVG 图标不显示

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

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

v0Fk9cJ7hL.png

KfOf2nfiJG.png

7JeuV3kGkV.png

  • 思源笔记

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

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

    22390 引用 • 89647 回帖
北京 位置
32 回帖
15
8
7
2
1.7k 110 40 1.4k 32 18 136

相关帖子

优质回帖
  • 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

近期热议

推荐标签 标签

  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 95 关注
  • AngularJS

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

    12 引用 • 50 回帖 • 474 关注
  • flomo

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

    5 引用 • 107 回帖
  • danl
    • 132 关注
  • 链书

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

    链书社

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

    14 引用 • 257 回帖 • 1 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 357 关注
  • 微服务

    微服务架构是一种架构模式，它提倡将单一应用划分成一组小的服务。服务之间互相协调，互相配合，为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建，能够被独立的部署。

    96 引用 • 155 回帖 • 2 关注
  • Quicker

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

    32 引用 • 136 回帖 • 2 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 9 关注
  • OnlyOffice
    4 引用 • 3 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具，是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 171 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 351 关注
  • V2EX

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

    17 引用 • 236 回帖 • 328 关注
  • 服务器

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

    125 引用 • 588 回帖
  • 阿里巴巴

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

    43 引用 • 221 回帖 • 117 关注
  • SMTP

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

    4 引用 • 18 回帖 • 617 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 1 关注
  • WiFiDog

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

    1 引用 • 7 回帖 • 590 关注
  • DevOps

    DevOps（Development 和 Operations 的组合词）是一组过程、方法与系统的统称，用于促进开发（应用程序/软件工程）、技术运营和质量保障（QA）部门之间的沟通、协作与整合。

    47 引用 • 25 回帖
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统，在 BSD 开源许可证下发布。

    22 引用 • 22 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器，在 1999 年被捐献给 ASF（Apache Software Foundation），隶属于 Jakarta 项目，现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范，同时也提供 HTTP 服务，是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 1 关注
  • SOHO

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

    7 引用 • 55 回帖 • 16 关注
  • 七牛云

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

    27 引用 • 225 回帖 • 168 关注
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    53 引用 • 40 回帖
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 547 关注
  • LaTeX

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

    12 引用 • 54 回帖 • 62 关注

最新标签