Guia do editor de markdown da CSDN para postar artigos pela primeira vez, guarde-o para referência

Bem-vindo ao Markdown Editor

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

novas mudanças

Fizemos algumas extensõ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 escrever blogs com ele:

  1. O novo design de 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á o estilo de destaque selecionado no trecho de código ;
  3. Adicionada função de arrastar imagens , você pode arrastar e soltar imagens locais diretamente na área de edição para exibição direta;
  4. Nova sintaxe de fórmula matemática KaTeX ;
  5. Adicionado a função de sintaxe de sereia 1 que suporta gráficos de Gantt ;
  6. Adicionado a função de edição de artigos Markdown em várias telas;
  7. Funções adicionadas , como modo de escrita de foco, modo de visualização, modo de escrita concisa e configurações de roda de sincronização de área esquerda e direita O botão de função está localizado no meio da área de edição e na área de visualização;
  8. Adicionada funcionalidade de lista de verificação .

Tecla de atalho de função

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

A criação razoável do título é útil para a geração do catálogo

Digite 1 vez diretamente #e pressione space, e um título de nível 1 será gerado.
Depois de inserir 2 vezes #e pressioná-lo space, um título de 2 níveis será gerado.
Por analogia, suportamos 6 níveis de títulos. TOCAjuda a gerar um índice perfeito após o uso da sintaxe.

Como mudar o estilo do texto

texto enfatizado texto enfatizado

texto em negrito texto em negrito

texto de marcação

excluir texto

texto citado

H2O é um líquido .

2 10 resultado da operação é 1024.

Insira links e imagens

ligação: ligação .

foto:Alt

Imagem com dimensões:Alt

Imagem centrada:Alt

Imagens centradas e dimensionadas:Alt

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

Como inserir um bom pedaço de código

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

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

Gere uma lista que funcione para você

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

criar um formulário

Uma tabela simples é criada assim:

projeto Valor
computador $ 1600
celular $ 12
cateter $ 1

Defina o conteúdo para ser centralizado, esquerdo e direito

Use :---------:o Centro
Use :----------a Esquerda
Use ----------:a Direita

primeira linha a segunda coluna terceira coluna
Centralizar a primeira coluna do texto A segunda coluna de texto é alinhada à direita Texto da terceira coluna à esquerda

Espertinho

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

TIPO ASCII HTML
Acentos graves simples '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

criar uma lista personalizada

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

Como criar uma nota de rodapé

Um texto com notas de rodapé. 2

Anotações 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 )=( n1 ) !nN é a integral de Euler

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

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

Novo recurso de gráfico de Gantt para enriquecer seus artigos

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • Para obter a sintaxe do gráfico de Gantt , consulte aqui ,

diagramas UML

Pode ser renderizado usando diagramas UML. Sereia . Por exemplo, um diagrama de sequência gerado abaixo:

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

Isso irá gerar um fluxograma. :

链接
长方形
圆角长方形
菱形
  • Para a sintaxe da sereia , consulte aqui ,

Fluxograma Fluxograma

Ainda daremos suporte ao fluxograma do fluxograma:

Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no
  • Para obter a sintaxe do fluxograma do fluxograma , consulte aqui .

Exportar e importar

exportar

Se você quiser tentar usar este editor, pode editar este artigo livremente. Ao terminar de escrever um artigo, localize a exportação do artigo na barra de ferramentas superior e gere um arquivo .md ou .html para armazenamento local.

importar

Se você deseja carregar um arquivo .md que você escreveu, 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 das notas de rodapé↩︎

Acho que você gosta

Origin blog.csdn.net/qq_20493631/article/details/109362881
Recomendado
Clasificación