Executando verificação de segurança...
26

Testando com Sucessinho o Markdown

Bom dia time! Este é um singelo teste...

Motivo 1

Havia um tempo em que...

Outrora hora ora ora ora

Sei que nada sei

Motivo 2

  • Sucessinho ✅
  • Massinha 🍰
  • Açaí 🍇

Motivo 3

  • Digimon
  • Yu-Gi-Oh
  • Pokemon

Motivo 4

Aloha, Hello, Olá,

Motivo 5
  • Love
  • Amor
  • Dragoste
Motivo 6
Título 1Título 2Título 3
Linha 1Linha 1Linha 1
Linha 2Linha 2Linha 2

Códigos

  • Python
print("Hello World")
  • Rust
fn main() {
    println!("Hello World");
}
  • Php
<?php
echo 'Hello Word'
?>
  • Javascript
console.log('Hello Word')
  • Java
class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!"); 
    }
}
  • GoLang
package main
import "fmt"
func main() {
    fmt.Println("hello world")
}
  • Lisp
(format t "Hello, World!")

Bônus

Olha só:

graph LR;
    A-->B;
    B-->C;
    C-->D;
    D-->A;

Este gráfico é top demais

pie title Galerinha de TI com os code nomes de seus influencers
    "Deschampers" : 317
    "Gafanhoters" : 216
    "Código Fonters" : 150
    "Linux Tipers": 112
    "L. Montaners": 105

Outro diagrama, porque é muito legal!!!

flowchart LR
    A-->B
    B-->C
    C-->D
    click A callback "Tooltip for a callback"
    click B "https://www.github.com" "This is a tooltip for a link"
    click A call callback() "Tooltip for a callback"
    click B href "https://www.github.com" "This is a tooltip for a link"

Mais um né....

flowchart LR
    A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]

Tá bom, a saidera!!!

flowchart LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px
    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
Carregando publicação patrocinada...
5
4

Opa mister, ele funcionou no modo preview sim quando estava editando este post para publicar, só demora um poquinho pra carregar mais ou menos uns 30 segundos todas as vezes que eu incluia algo.

Este gráfico é top demais

pie title Galerinha de TI com os code nomes de seus influencers
    "Deschampers" : 317
    "Gafanhoters" : 216
    "Código Fonters" : 150
    "Linux Tipers": 112
    "L. Montaners": 105

Por estranho que pareça, no modo fullscreen não funcionou, mas quando usei o modo fora do fullscreen funcionou corretamente, talvez este teste possa ajudar.

Gostei muito dessa funcionalidade!!!

3
4

Aqui no Chrome o mermaid funciona no Preview somente se clicar em alguma outra parte do site ou se entrar em full screen, sair e aguardar alguns segundos.

Num primeiro momento ele fica assim:

Imgur

E em seguida o diagrama é exibido normalmente

Testei isso nos seguintes navegadores: Firefox 102, Chrome 103, Gnome Web 42.2 e Brave 1.40

O firefox é o que exibe o diagrama mais rapidamente, cerca de 2 a 3 segundos, nos outros navegadores leva em média 26 segundos.

Tentei debugar no firefox aqui, mas ainda não entendi porque a função mermaid() só está sendo chamada / atualizada se clicar em algum elemento da página


Update:

No modo split o preview funciona normalmente

1
1

Muito bom, Filipe! Eu havia testado no tabnews localmente, mas suspeitei que não fosse um problema com o site, então fiz um projeto rápido para testar o editor do bytemd separadamente, mas devo ter feito algo errado porque o estilo do editor ficou completamente quebrado e fiquei devendo um vídeo ou gif demonstrando a issue.