👅 Markdown 玩法

:mag: 概览

此主题组件允许您选择要输出的 Markdown 样式。每种 Markdown“风味”都受到网络上常用 Markdown 格式的启发。

:question: 为什么您可能想要这个

这可以纯粹出于风格目的进行安装,或者解决诸如此处所述的问题。

:memo: 示例

:link: 快速链接

|||
| — | — | — |
|:octopus: 获取代码 ||
|:question: 安装指南 ||
|:mag: 预览 |
|:newspaper_roll: 文档|

安装主题组件

29 个赞

您好,感谢您的组件!

已在 Windows 11 的暗色主题下进行测试。Discourse 使用默认的亮色主题。

一切都按描述工作,但是:

  1. flavor=GitHub 使表格完全变黑
  2. flavor=Gitlab 使表头变黑
  3. flavor=Bitbucket 工作正常

GitHub:

Gitlab:

1 个赞

@Ivan_Rapekas

感谢您告知我这个问题。我有一些自定义颜色变量,它们会根据用户的系统暗/亮模式偏好自动更改。但是,如果您的 Discourse 没有自动暗模式切换功能,就会出现此问题。特别是当您的 Discourse 主题为浅色主题,但您的系统设置为深色模式时。

作为此问题的快速修复方法,我添加了一个切换自动暗主题切换的设置。如果您在主题设置中取消选中此选项,此问题应该会得到解决。

4 个赞

您好 @keegan

感谢您的回复和快速修复!这对我很有帮助。

不幸的是,我注意到此组件更改了字体:

a) 组件禁用:

b) 组件启用:

它还更改了表格单元格中的 <kbd></kbd>(比例相同):
a) 原始:
Screenshot_4

b) 使用组件:
Screenshot_3

这只是一个通知,我认为不需要修复 :slight_smile:

@Ivan_Rapekas 是的,没错。我试图模仿每个版本在 markdown 中使用的字体选择(即,当您选择 GitHub 版本时,将使用 GitHub.com 的 markdown 字体)。

2 个赞

啊,明白了。字体确实和Gitlab/GitHub很像。感谢您的解释!绝妙的主意,这已经超出了对“仅仅一个主题组件”的预期 :clap:

1 个赞

最终我在 Gitlab 布局上应用了原始代码块格式 :slight_smile: (在默认主题上有效):

/admin/customize/themes/1/common/scss/edit

// 原始 <kbd> 在 Gitlab 主题组件上

.cooked kbd {
    align-items: center;
    border: 1px solid var(--primary-low-mid);
    background: var(--primary-very-low);
    border-bottom-width: 2px;
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--font-down-1);
    justify-content: center;
    line-height: var(--line-height-large);
    margin: 0 0.15em;
    min-width: 24px;
    padding: 0.15em 0.6em;
}

这会变成:Screenshot_4

您好,我想知道这个组件是否会更新以使用颜色方案?例如主色、次色等。

2 个赞

我还没有时间更新这个,但我会尽快找时间来更新。\n\n在此期间,也许这个#official组件可以满足您的需求?\nCustomized Inline Codeblocks

1 个赞

是的,那个确实很酷。我更关注表格。您的组件通过使用更传统的表格布局和垂直分隔线来提高表格的可读性,优于核心组件。

我很欣赏团队的工作量一定很大。不着急,只是想问一下,因为我最近才发现您的 TC。:wink:

1 个赞