我们没有为此提供设置,我认为仅通过 CSS 实现比较困难,但您可以创建一个主题组件来替换它。
在 CSS 中,您可以隐藏旧图标:
.post-notice {
.d-icon-user-shield {
display: none;
}
}
在 JavaScript 中(将此代码放入主题组件的 <head> 部分),您可以装饰通知并添加新图标:
<script type="text/discourse-plugin" version="0.8">
const { iconNode } = require("discourse-common/lib/icon-library");
api.decorateWidget('post-notice:before', helper => {
return iconNode('heart');
});
</script>
或者,如果您想替换为图片:
<script type="text/discourse-plugin" version="0.8">
api.decorateWidget('post-notice:before', helper => {
return helper.h('img', {
src: 'https://www.discourse.org/a/img/home-spot-1.png',
style: 'margin-right: 0.65em',
height: 30,
width: 30
});
});
</script>
借助主题和主题组件,您可以实现的功能几乎无限。如果您想进一步了解,我们提供了相关资源:

