👅 Вариации Markdown

[keegan (Keegan George)]

Обзор

Этот компонент темы позволяет выбрать вариант (стиль) разметки Markdown, который будет использоваться при создании сообщений. Каждый вариант «вкуса» Markdown вдохновлен форматом, широко используемым в интернете.

Зачем это может понадобиться

Это можно установить исключительно в эстетических целях или для решения таких проблем, как упомянутая здесь.

Примеры

Быстрые ссылки

Получить код
Руководство по установке
Предпросмотр
Документация

Установить компонент темы

[Ivan_Rapekas]

Привет, спасибо за этот компонент!

Только что протестировал его в Windows 11 с тёмной темой. Discourse использует стандартную светлую тему.

Всё работает, как описано, но:

1. flavor=GitHub делает таблицу полностью чёрной
2. flavor=Gitlab делает заголовок чёрным
3. flavor=Bitbucket работает нормально

GitHub:

Gitlab:

[keegan (Keegan George)]

Привет, @Ivan_Rapekas,

Спасибо, что сообщили об этой проблеме. У меня были пользовательские переменные цвета, которые автоматически менялись в зависимости от предпочтений пользователя по темной/светлой теме системы. Однако, если у вас на Discourse не включено автоматическое переключение темной темы, возникает эта проблема. Особенно если у вас на Discourse светлая тема, но в системе включен темный режим.

В качестве быстрого решения я добавил настройку, которая включает или отключает автоматическое переключение темной темы. Если вы снимете галочку с этой опции в настройках вашей темы, проблема должна быть решена.

[Ivan_Rapekas]

Привет, @keegan!

Спасибо за ответ и быстрое исправление! Это помогло мне.

К сожалению, я должен отметить, что при этом компонент меняет шрифт:

a) компонент отключён:

b) компонент включён:

Также он меняет <kbd> </kbd> в ячейке таблицы (масштаб тот же):
a) оригинал:

b) с компонентом:

Это просто замечание, исправлять не нужно, я думаю .

[keegan (Keegan George)]

@Ivan_Rapekas Да, всё верно. Я попытался имитировать выбор шрифтов, используемых в Markdown каждым конкретным вариантом (например, шрифт Markdown с GitHub.com применяется при выборе варианта GitHub).

[Ivan_Rapekas]

Ах, понял. Действительно, шрифты похожи на Gitlab/GitHub. Спасибо за объяснение! Блестящая идея, это больше, чем можно было ожидать от «просто компонента темы»

[Ivan_Rapekas]

@Ivan_Rapekas

a) оригинал:

b) с компонентом:

Наконец-то я применил оригинальное форматирование блоков кода к макету Gitlab (работает в теме по умолчанию):

/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;
}

Это даёт:

[Heliosurge (Dan DeMontmorency)]

Привет! Подскажите, пожалуйста, планируется ли обновление этого компонента для поддержки цветовых схем? Например, primary, secondary и т.д.

[keegan (Keegan George)]

У меня пока не было времени обновить это, но я постараюсь найти время в ближайшее время.

А пока, возможно, этот official компонент подойдет для ваших нужд?

Customized Inline Codeblocks

Summary Customized Inline Codeblocks allows you to change the styling of the inline codeblocks to add more visual separation between the code and other elements. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-inline-codeblock-styles New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features With component: [image] …

[Heliosurge (Dan DeMontmorency)]

Да, этот вариант определенно крутой. Я больше обращал внимание на таблицы — ваш компонент здесь улучшает читаемость таблиц по сравнению с ядром, используя более традиционную раскладку с вертикальными разделителями.

Я понимаю, насколько велика загрузка у команды. Никуда не торопитесь, просто решил спросить, так как только недавно нашёл ваш TC.