[Dicas práticas para editor de Markdown]

Bem-vindo ao editor Markdown

Olá! Esta é a página de boas-vindas exibida quando você usa o editor Markdown pela primeira vez . Se quiser aprender como usar o editor Markdown, você pode ler este artigo com atenção para aprender sobre a sintaxe básica do Markdown.

novas mudanças

Fizemos algumas expansões funcionais e suporte de sintaxe para o editor Markdown. Além das funções padrão do editor Markdown, adicionamos os seguintes novos recursos para ajudá-lo a usá-lo para escrever blogs:

  1. O novo design da interface trará uma nova experiência de escrita;
  2. Defina seu estilo de destaque de código favorito no centro de criação e o Markdown exibirá a parte do código no estilo de destaque selecionado ;
  3. Adicionada função de arrastar e soltar imagens , você pode arrastar imagens locais diretamente para a área de edição para exibição direta;
  4. Nova sintaxe de fórmula matemática KaTeX ;
  5. Adicionada função de sintaxe sereia 1 que suporta gráficos de Gantt ;
  6. Adicionada a função de edição de artigos Markdown em múltiplas telas;
  7. Funções adicionadas , como modo de escrita de foco, modo de visualização, modo de escrita concisa, configurações de roda sincronizada nas áreas esquerda e direita , etc. O botão de função está localizado entre a área de edição e a área de visualização;
  8. Funcionalidade de lista de verificação adicionada .

Teclas de atalho de função

Desfazer: Ctrl/Command+ Z
Refazer: Ctrl/Command+ Y
Negrito: Ctrl/Command+ B
Itálico: Ctrl/Command+ I
Título: Ctrl/Command+ Shift+ H
Lista não ordenada: Ctrl/Command+ Shift+ U
Lista ordenada: Ctrl/Command+ Shift+ O
Lista de verificação: + +Inserir código : + Ctrl/Command+ Inserir link : + + Inserir imagem: + + Localizar: + Substituir: +ShiftC
Ctrl/CommandShiftK
Ctrl/CommandShiftL
Ctrl/CommandShiftG
Ctrl/CommandF
Ctrl/CommandG

Crie títulos adequadamente para ajudar a criar um índice analítico

Insira-o diretamente uma vez #e pressione-o, spacee um título de nível 1 será gerado.
Após inseri-lo duas vezes #e pressioná-lo space, será gerado um título de nível 2.
Por analogia, oferecemos suporte a títulos de nível 6. TOCAjuda a gerar um índice perfeito usando sintaxe.

Como mudar o estilo do texto

Ênfase no texto Ênfase no texto

texto em negrito texto em negrito

marcar texto

Excluir texto

texto citado

H2O é um líquido.

O resultado da operação 2 10 é 1024.

Insira links e imagens

Ligação: ligação .

foto:Alt.

Fotos com dimensões:Alt.

Imagem centralizada:Alt.

Imagem centralizada e dimensionada:Alt.

Claro, para torná-lo mais conveniente para os usuários, adicionamos a função de arrastar e soltar imagens.

Como inserir um belo pedaço de código

Vá para a página de configurações do blog e escolha um estilo de destaque de fragmento de código de sua preferência. O mesmo estilo de destaque é mostrado abaixo 代码片.

// An highlighted block
var foo = 'bar';

Gere uma lista que funcione para você

  • projeto
    • projeto
      • projeto
  1. Projeto 1
  2. Projeto 2
  3. Projeto 3
  • Atividades agendadas
  • missão cumprida

Crie um formulário

Uma tabela simples é criada assim:

projeto Valor
computador US$ 1.600
celular US$ 12
cateter US$ 1

Definir o conteúdo para centralizar, esquerda ou direita

Use :---------:o centro
. Use :----------a esquerda.
Use ----------:a direita.

primeira linha A segunda coluna terceira coluna
A primeira coluna do texto está centralizada A segunda coluna de texto está à direita A terceira coluna de texto está à esquerda

Espertinho

SmartyPants converte caracteres de pontuação ASCII em entidades HTML de pontuação tipográfica "inteligentes". Por exemplo:

TIPO ASCII HTML
crases únicos 'Isn't this fun?' 'Isso não é divertido?'
Citações "Isn't this fun?" “Isso não é divertido?”
Traços -- is en-dash, --- is em-dash – é travessão, – é travessão

Crie uma lista personalizada

Remarcação
Ferramenta de conversão de texto para HTML
Autores
John
Lucas

Como criar um rodapé

Um texto com notas de rodapé. 2

Comentários também são essenciais

Markdown converte texto em HTML .

Fórmula matemática KaTeX

Você pode renderizar expressões matemáticas LaTeX usando KaTeX :

Infraestrutura gama (n) = (n − 1)! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb NC ( n )=( n-1 ) !∀n _N é a integral via Euler

Γ ( z ) = ∫ 0 ∞ tz − 1 e − tdt . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.C ( z )=0tz 1 e−t dt _ _.

Você pode encontrar mais informações sobre expressões matemáticas LaTeX aqui .

Nova função de gráfico de Gantt para enriquecer seus artigos

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • Em relação à sintaxe do gráfico de Gantt , consulte aqui ,

Diagrama UML

Diagramas UML podem ser usados ​​para renderização. Sereia ... Por exemplo, um diagrama de sequência gerado abaixo:

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

Isso produzirá um fluxograma. :

链接
长方形
圆角长方形
菱形
  • Em relação à sintaxe Mermaid , consulte aqui ,

Fluxograma Fluxograma

Ainda ofereceremos suporte a fluxogramas de fluxograma:

Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no
  • Em relação à sintaxe do fluxograma do fluxograma , consulte aqui .

Exportar e importar

Exportar

Se quiser tentar usar este editor, você pode editar o que quiser neste artigo. Ao terminar de escrever um artigo, encontre a exportação do artigo na barra de ferramentas superior e gere um arquivo .md ou .html para salvar localmente.

importar

Se quiser carregar um arquivo .md que você escreveu, você pode selecionar a função de importação na barra de ferramentas superior para importar o arquivo com a extensão correspondente e
continuar sua criação.


  1. descrição da sintaxe da sereia↩︎

  2. Explicação da nota de rodapé↩︎

Acho que você gosta

Origin blog.csdn.net/TurtleOrange/article/details/123270308
Recomendado
Clasificación