所有上传图片的水印

经过一些尝试,我找到了一个临时的“解决方案”来处理水印问题。:partying_face:

以防万一其他人也有兴趣,我想分享一下我的变通方法。希望这能帮到大家。:smiling_face_with_three_hearts:

  1. 首先,我在另一个子域名上安装了 Chevereto(免费版)。
    (非常简单,只需将 installer.php 文件上传到服务器,打开页面并按照提示设置即可。几分钟就能完成。):kissing_heart:

  2. 免费版也支持水印功能,你可以在仪表盘的图像上传设置中进行配置。

你还可以在仪表盘中设置图像的最大宽度和高度,这样所有上传的大图都会自动调整大小。

  1. 将 Chevereto 插件(脚本)添加到 Discourse 的 <head> 标签中:
    <script async src="https://img.example.com/sdk/pup.js" data-url="https://img.example.com/upload"></script>

  2. Discourse 似乎不再支持带有 fa-icon 的 i 标签,因此我不得不修改 JavaScript 代码,将:
    <i class="fa fa-cloud-upload d-icon d-icon-upload"></i>
    改为:
    <svg class="fa d-icon d-icon-cloud-upload-alt svg-icon svg-node" aria-hidden="true"><use xlink:href="#cloud-upload-alt"></use></svg>

  3. 如果一切设置正确,Discourse 编辑器中将会显示一个云上传图标。

  4. 只需点击新图标,将图像拖放到弹出窗口中,它会自动上传并将带水印的代码粘贴到编辑器中。:partying_face:

  5. 目前在桌面端运行完美。但我仍在研究如何将图标添加到智能手机上。:thinking: 如果我找到方法,会更新这篇帖子。

这只是一个临时的变通方案,并不完美,但可以在几分钟内轻松实现。我仍然希望 Discourse 未来能在核心功能或通过插件/主题组件(TC)中直接添加水印支持。

9 个赞