👅 Sapore di Markdown

Componente del tema
1

banner
banner1440×1024 85.1 KB

:mag: Panoramica

Questo componente del tema ti permette di selezionare un “flavor” per cui desideri che lo stile markdown venga generato quando crei post. Ogni “flavor” markdown è ispirato a un formato di markdown comunemente utilizzato sul web.

:question: Perché potresti volerlo

Può essere installato puramente per scopi stilistici o per risolvere problemi come quelli menzionati qui.

:memo: Esempi

examples
examples1440×1024 115 KB

:link: Link Rapidi

|||
| — | — | — |
|:octopus: Ottieni il codice ||
|:question: Guida all’Installazione ||
|:mag: Anteprima |
|:newspaper_roll: Documentazione|

Installa Componente Tema

29 Mi Piace
2

Ciao, grazie per questo componente!

L’ho appena testato su Windows 11 con il tema scuro. Discourse con il tema chiaro predefinito.

Tutto funziona come descritto ma:

  1. flavor=GitHub rende la tabella completamente nera
  2. flavor=Gitlab rende l’intestazione nera
  3. flavor=Bitbucket funziona bene

GitHub:

изображение
изображение790×458 21.9 KB

Gitlab:

изображение
изображение805×162 7.41 KB

1 Mi Piace
3

Ciao @Ivan_Rapekas,

Grazie per avermi informato di questo problema. Avevo alcune variabili di colore personalizzate che cambiano automaticamente in base alle preferenze della modalità scura/chiara del sistema dell’utente. Tuttavia, se non si dispone dell’impostazione automatica della modalità scura sul proprio Discourse, si verifica questo problema. Soprattutto se si dispone di un tema chiaro su Discourse ma il proprio sistema è impostato sulla modalità scura.

Come soluzione rapida, ho aggiunto un’impostazione che attiva/disattiva il passaggio automatico alla modalità scura. Se deselezioni questa opzione nelle impostazioni del tema, questo problema dovrebbe essere risolto per te.

Screen Shot 2021-11-16 at 11.35.21 AM
Screen Shot 2021-11-16 at 11.35.21 AM968×162 18.5 KB

4 Mi Piace
4

Ciao @keegan!

Grazie per la risposta e per la rapida correzione! Mi è stato d’aiuto.

Purtroppo, devo notare che questo componente cambia il font:

a) componente disabilitato:

изображение
изображение817×177 31.6 KB

b) componente abilitato:

изображение
изображение815×181 11.1 KB

Inoltre, cambia <kbd> </kbd> in una cella della tabella (la scala è la stessa):
a) originale:
Screenshot_4

b) con componente:
Screenshot_3

Questo è solo un avviso, non c’è bisogno di correggerlo, penso :slight_smile: .

5

@Ivan_Rapekas Sì, è corretto. Ho cercato di imitare le scelte dei font utilizzate nel markdown da ciascun rispettivo flavor (ad esempio, il font markdown di GitHub.com viene utilizzato quando si seleziona il flavor GitHub)

2 Mi Piace
6

Ah, capito. Davvero, i font sono simili a Gitlab/GitHub. Grazie per la spiegazione! Idea geniale, questo è più di quanto ci si aspetti da “solo un componente del tema” :clap:

1 Mi Piace
7

Finalmente ho applicato la formattazione originale del blocco di codice sul layout di Gitlab :slight_smile: (funziona sul tema predefinito):

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

// Originale <kbd> sul componente del tema 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;
}

Questo rende: Screenshot_4

8

Ciao, mi stavo chiedendo se questo componente verrà aggiornato per utilizzare schemi di colori? Ad esempio primario, secondario, ecc.

2 Mi Piace
9

Non ho avuto tempo di aggiornare questo, ma cercherò di trovare del tempo presto.

Nel frattempo, forse questo componente #ufficiale potrebbe soddisfare le tue esigenze?

1 Mi Piace
10

Sì, quello è decisamente interessante. Mi riferivo più che altro alle tabelle. Il tuo componente migliora la leggibilità delle tabelle rispetto a quelle standard. Utilizzando un layout di tabella più tradizionale con separatori verticali.

Apprezzo quanto debba essere grande il carico di lavoro del team. Nessuna fretta, stavo solo chiedendo perché ho scoperto il tuo TC solo di recente. :wink:

1 Mi Piace