Dracula 一个适用于 Discourse 的暗色主题

jordan.vidrine · 2021 年6 月 23 日 14:00

我们在移动设备上不显示“浏览量”计数，仅显示“活跃度”和“回复数”。若要创建您自己的移动话题列表视图，您需要创建一个主题组件，用于编辑位于以下地址的移动端 topic-list-item 模板：

app/assets/javascripts/discourse/app/templates/mobile/list/topic-list-item.hbr

515fd8a4c

<td>
  {{~raw-plugin-outlet name="topic-list-before-columns"}}
  {{~#if showMobileAvatar}}
  <div class='pull-left'>
    <a href="{{topic.lastPostUrl}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPosterUser imageSize="large"}}</a>
  </div>
  <div class='right'>
    {{else}}
      <div>
        {{/if~}}
        {{!--
          The `~` syntax strip spaces between the elements, making it produce
          `<a class=topic-post-badges>Some text</a><span class=topic-post-badges>`,
          with no space between them.
          This causes the topic-post-badge to be considered the same word as "text"
          at the end of the link, preventing it from line wrapping onto its own line.
        --}}
        {{~raw-plugin-outlet name="topic-list-before-link"}}
        <div class='main-link'>
          {{~raw-plugin-outlet name="topic-list-before-status"}}

This file has been truncated. show original

本论坛中有人做过类似操作，可参考以下话题示例：https://meta.discourse.org/t/md-topic-list-mobile-component/146341。

如果您此前未曾创建过主题或主题组件，建议您阅读以下话题，其中对创建过程进行了详尽说明：

话题		回复	浏览量
Beginner's guide to using Discourse Themes Site Management reference , customization	11	83544	2025 年3 月 26 日
🌐 www theme Theme	14	4619	2023 年10 月 4 日
A reddit-ish theme for Discourse Theme	114	14918	2026 年4 月 24 日
Coming soon to Meta :new_moon: DARKNESS :new_moon: UX	78	18261	2017 年5 月 6 日
Designer's Guide to getting started with themes in Discourse Developer Guides tutorial , theme-guides	9	12111	2024 年4 月 8 日

Dracula 一个适用于 Discourse 的暗色主题

相关话题