# 滚动字幕 / 新闻播报条

**URL:** https://meta.discourse.org/t/marquee-news-ticker/294705
**Category:** Theme component
**Created:** [2024年二月8日 15:59 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705 "2024-02-08T15:59:57Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![fokx](https://avatars.discourse-cdn.com/v4/letter/f/958977/32.png) [@fokx](https://meta.discourse.org/u/fokx)
#### Post date: [2024年二月8日 15:59 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/1 "2024-02-08T15:59:58Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **摘要** | 在标题栏上方添加一个跑马灯（新闻滚动条） |
| 👓 | **预览** | 待定 |
| 🛠 | **仓库** | |
| [https://github.com/fokx/discourse-marquee](https://github.com/fokx/discourse-marquee) | | |
| ❓ | **安装指南** | [如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **刚接触 Discourse 主题？** | [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

安装此主题组件

此主题组件将在标题栏上方添加一个跑马灯（新闻滚动条）。可用作固定主题作为横幅的替代方案。

这是改编自 @carson 出色的 [www-theme](https://meta.discourse.org/t/www-theme/247575/)。

可配置选项：

- 对未登录用户的可见性
- 跑马灯文本速度
- 跑马灯列表（支持 HTML）
- 在标题栏下方/上方

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [2024年二月8日 16:33 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/2 "2024-02-08T16:33:50Z")

</div>

非常感谢这个主题组件！它远远优于简单的独立消息，并且无疑会通过其消息吸引论坛上的用户！

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年二月9日 02:12 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/3 "2024-02-09T02:12:06Z")

</div>

我想知道您是否可以添加一个选项，将其置于网站标题的上方或下方？这很酷。

---

<div class="post-metadata">

### Author: ![fokx](https://avatars.discourse-cdn.com/v4/letter/f/958977/32.png) [@fokx](https://meta.discourse.org/u/fokx)
#### Post date: [2024年二月9日 13:56 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/4 "2024-02-09T13:56:31Z")

</div>

好的，这是一个添加此功能的提交：

> <https://github.com/fokx/discourse-marquee/commit/554f68b575789ba7dd46abfa973f6d17473e9de5>

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [2024年二月9日 15:30 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/5 "2024-02-09T15:30:27Z")

</div>

> [@fokx](#):
>
> 跑马灯列表（支持 HTML）

您声称这是支持的；我猜必须为此创建一个超链接，对吗？

---

<div class="post-metadata">

### Author: ![fokx](https://avatars.discourse-cdn.com/v4/letter/f/958977/32.png) [@fokx](https://meta.discourse.org/u/fokx)
#### Post date: [2024年二月10日 01:23 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/6 "2024-02-10T01:23:11Z")

</div>

是的，我认为您可以使用类似以下的方式：

```html
<a href="https://xxx/">XXX</a>

```

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年二月10日 01:32 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/7 "2024-02-10T01:32:32Z")

</div>

谢谢。速度非常快。

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [2024年二月10日 12:49 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/8 "2024-02-10T12:49:36Z")

</div>

表现出色；我可以肯定这确实达到了预期的效果！

---

<div class="post-metadata">

### Author: ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [2024年七月14日 02:59 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/9 "2024-07-14T02:59:01Z")

</div>

有趣的TC！

通过标签自动填充跑马灯列表将是一个非常棒的功能。

谢谢！

---

<div class="post-metadata">

### Author: ![Gabriel\_Devries](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gabriel_devries/32/497271_2.png) [@Gabriel\_Devries](https://meta.discourse.org/u/Gabriel_Devries)
#### Post date: [2025年四月19日 15:07 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/10 "2025-04-19T15:07:54Z")

</div>

最终，我为此找到的解决方法是通过 API 运行的脚本，该脚本从主题中提取标题，并将它们与帖子链接一起插入到跑马灯列表中。但通过标签的形式仍然很棒。

> **[GitHub - thecynicalcanuck/discourse-marque-api-updater-script: An unraid python script to automatically update...](https://github.com/thecynicalcanuck/discourse-marque-api-updater-script)**
>
> An unraid python script to automatically update the discourse marquee ticker by Fokx

---

<div class="post-metadata">

### Author: ![Andrew\_Rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrew_rowe/32/445877_2.png) [@Andrew\_Rowe](https://meta.discourse.org/u/Andrew_Rowe)
#### Post date: [2025年四月19日 21:16 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/11 "2025-04-19T21:16:28Z")

</div>

这是一个很棒的组件，非常感谢！！！  
真不敢相信我到现在才发现它

---

<div class="post-metadata">

### Author: ![Andrew\_Rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrew_rowe/32/445877_2.png) [@Andrew\_Rowe](https://meta.discourse.org/u/Andrew_Rowe)
#### Post date: [2025年四月20日 14:40 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/12 "2025-04-20T14:40:16Z")

</div>

我还在犹豫我的网站上这个轮播/新闻跑马灯是否令人讨厌。😆（完全没有冒犯组件作者的意思，再次感谢，这是一个非常酷且易于使用的组件）  
一方面，我认为它使页面更具活力。另一方面，我觉得在一个我想鼓励人们停下来阅读的环境中，它确实很分散注意力。  
所以我想这是一个功能请求，或者我自己可以想出一些办法。  
如果这个功能只在选定的页面上显示，那就太好了。比如按类别显示，或者只在着陆页上显示。  
我喜欢它在页面滚动时可以滚动到视图之外。我觉得一个好的选项是，一旦它第一次滚动出视图，它就会消失，直到用户下次访问。

---

<div class="post-metadata">

### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [2025年四月20日 16:51 UTC](https://meta.discourse.org/t/marquee-news-ticker/294705/13 "2025-04-20T16:51:21Z")

</div>

太棒了！感谢分享。

说实话，添加一个开关和关闭按钮会很棒。这将改善体验，而不会给一部分人群带来压力。
