[Consejos prácticos para Markdown Editor]

Bienvenido al editor de Markdown

¡Hola! Esta es la página de bienvenida que se muestra cuando utiliza el editor Markdown por primera vez . Si desea aprender a utilizar el editor Markdown, puede leer este artículo detenidamente para conocer la sintaxis básica de Markdown.

Nuevos cambios

Hemos realizado algunas ampliaciones funcionales y soporte de sintaxis para el editor Markdown. Además de las funciones estándar del editor Markdown, hemos agregado las siguientes características nuevas para ayudarlo a usarlo para escribir blogs:

  1. El nuevo diseño de la interfaz brindará una nueva experiencia de escritura;
  2. Configure su estilo de resaltado de código favorito en el centro de creación y Markdown mostrará el fragmento de código en el estilo de resaltado seleccionado ;
  3. Se agregó la función de arrastrar y soltar imágenes , puede arrastrar imágenes locales directamente al área de edición para mostrarlas directamente;
  4. Nueva sintaxis de fórmula matemática KaTeX ;
  5. Se agregó la función de sintaxis de sirena 1 que admite diagramas de Gantt ;
  6. Se agregó la función de editar artículos de Markdown en múltiples pantallas;
  7. Funciones agregadas como modo de escritura de enfoque, modo de vista previa, modo de escritura concisa, configuración de rueda sincronizada del área izquierda y derecha, etc. El botón de función está ubicado entre el área de edición y el área de vista previa;
  8. Se agregó la funcionalidad de lista de verificación .

Teclas de acceso directo a funciones

Deshacer: Ctrl/Command+ Z
Rehacer: Ctrl/Command+ Y
Negrita: Ctrl/Command+ Cursiva B
: Ctrl/Command+ I
Título: Ctrl/Command+ Shift+ H
Lista desordenada: Ctrl/Command+ Shift+ U
Lista ordenada: Ctrl/Command+ Shift+ O
Lista de verificación: + +Insertar código : + Ctrl/Command+ Insertar enlace : + + Insertar imagen: + + Buscar: + Reemplazar: +ShiftC
Ctrl/CommandShiftK
Ctrl/CommandShiftL
Ctrl/CommandShiftG
Ctrl/CommandF
Ctrl/CommandG

Cree títulos correctamente para ayudar a crear una tabla de contenido.

Ingréselo directamente una vez #y presiónelo, spacey se generará un título de nivel 1.
Luego de ingresarlo dos veces #y presionarlo space, se generará un título de nivel 2.
Por analogía, admitimos títulos de nivel 6. TOCAyuda a generar una tabla de contenidos perfecta utilizando la sintaxis.

Cómo cambiar el estilo del texto

Énfasis en el texto Énfasis en el texto

texto en negrita texto en negrita

marcar texto

Eliminar texto

texto citado

El H2O es un líquido.

El resultado de la operación 2 10 es 1024.

Insertar enlaces e imágenes

Enlace: enlace .

imagen:Alt.

Imágenes con dimensiones:Alt.

Imagen centrada:Alt.

Imagen centrada y dimensionada:Alt.

Por supuesto, para hacerlo más conveniente para los usuarios, hemos agregado la función de arrastrar y soltar imágenes.

Cómo insertar un hermoso fragmento de código

Vaya a la página de configuración del blog y elija un estilo de resaltado de fragmento de código que le guste. El mismo estilo de resaltado se muestra a continuación 代码片.

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

Genera una lista que funcione para ti

  • proyecto
    • proyecto
      • proyecto
  1. Proyecto 1
  2. Proyecto 2
  3. Proyecto 3
  • Tareas programadas
  • misión cumplida

Crear un formulario

Una tabla simple se crea así:

proyecto Valor
computadora $1600
Teléfono móvil $12
catéter $1

Establecer contenido en el centro, izquierda o derecha

Utilice :---------:el centro
. Utilice :----------la izquierda.
Utilice ----------:la derecha.

primera fila la segunda columna tercera columna
La primera columna de texto está centrada. La segunda columna de texto está a la derecha. La tercera columna de texto está a la izquierda.

Pantalones inteligentes

SmartyPants convierte caracteres de puntuación ASCII en entidades HTML de puntuación tipográfica "inteligentes". Por ejemplo:

TIPO ASCII HTML
comillas simples 'Isn't this fun?' '¿No es divertido?'
Citas "Isn't this fun?" "¿No es divertido?"
guiones -- is en-dash, --- is em-dash – es en el tablero, — es en el tablero

Crear una lista personalizada

Reducción
Herramienta de conversión de texto a HTML
Autores
John
lucas

Cómo crear un pie de página

Un texto con notas a pie de página. 2

Los comentarios también son esenciales.

Markdown convierte texto a HTML .

Fórmula matemática KaTeX

Puedes renderizar expresiones matemáticas de LaTeX usando KaTeX :

Infraestructura gamma (n) = (n − 1)! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb NC ( n )=( n.1 ) !norteN es la integral vía Euler

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

Puede encontrar más información sobre las expresiones matemáticas de LaTeX aquí .

Nueva función de diagrama de Gantt para enriquecer tus artículos

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • Con respecto a la sintaxis del diagrama de Gantt , consulte aquí .

diagrama UML

Se pueden utilizar diagramas UML para renderizar. Sirena ... Por ejemplo, el diagrama de secuencia se genera a continuación:

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

Esto producirá un diagrama de flujo. :

链接
长方形
圆角长方形
菱形
  • Con respecto a la sintaxis de Mermaid , consulte aquí ,

diagrama de flujo

Seguiremos admitiendo diagramas de flujo de diagramas de flujo:

Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no
  • Con respecto a la sintaxis del diagrama de flujo , consulte aquí .

Exportar e importar

Exportar

Si quieres probar a usar este editor, puedes editar lo que quieras en este artículo. Cuando termine de escribir un artículo, busque la exportación del artículo en la barra de herramientas superior y genere un archivo .md o .html para guardarlo localmente.

importar

Si desea cargar un archivo .md que haya escrito, puede seleccionar la función de importación en la barra de herramientas superior para importar el archivo con la extensión correspondiente y
continuar con su creación.


  1. descripción de sintaxis de sirena↩︎

  2. Explicación de la nota al pie↩︎

Supongo que te gusta

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