Encapsulación secundaria de axios en Vue

Nuevos cambios

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

  1. El nuevo diseño de interfaz traerá una nueva experiencia de escritura;
  2. Establezca su estilo de resaltado de código favorito en el centro de creación y Markdown mostrará el estilo de resaltado seleccionado en el fragmento de código ;
  3. Se agregó la función de arrastrar y soltar imágenes , puede arrastrar y soltar directamente imágenes locales al área de edición para visualización directa;
  4. Nueva sintaxis de fórmulas matemáticas 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. Se agregaron funciones como el modo de escritura de enfoque, el modo de vista previa, el modo de escritura concisa y la configuración de la rueda de sincronización de área izquierda y derecha.El botón de función se encuentra en el medio del área de edición y el área de vista previa;
  8. Funcionalidad de lista de verificación agregada .

Tecla de acceso directo de función

Ctrl/Command+ Deshacer: + Z
Rehacer : + Negrita : + Cursiva : + Título: + + Lista desordenada: + + Lista ordenada: + + Lista de verificación: + + Insertar código: + + Insertar enlace : + + Insertar imagen: + + Buscar: + Reemplazar: +Ctrl/CommandY
Ctrl/CommandB
Ctrl/CommandI
Ctrl/CommandShiftH
Ctrl/CommandShiftU
Ctrl/CommandShiftO
Ctrl/CommandShiftC
Ctrl/CommandShiftK
Ctrl/CommandShiftL
Ctrl/CommandShiftG
Ctrl/CommandF
Ctrl/CommandG

La creación razonable del título es de gran ayuda para la generación del catálogo.

Ingrese 1 vez directamente #y presiónelo space, y se generará un título de nivel 1.
Después de ingresar 2 veces #y presionarlo space, se generará un título de 2 niveles.
Por analogía, admitimos 6 niveles de encabezados. TOCAyuda a generar una tabla de contenido perfecta después de usar la sintaxis.

Cómo cambiar el estilo del texto

texto enfatizado texto enfatizado

texto en negrita texto en negrita

texto de marcado

eliminar texto

texto citado

H2O es un líquido .

El resultado de 2 10 operaciones es 1024.

Insertar enlaces e imágenes

enlace: enlace .

imagen:alternativa

Imagen con dimensiones:alternativa

imagen centrada:alternativa

Imágenes centradas y dimensionadas:alternativa

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

Cómo insertar una buena pieza de código

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

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

Genere una lista que funcione para usted

  • proyecto
    • proyecto
      • proyecto
  1. Artículo 1
  2. artículo 2
  3. elemento 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 el contenido para que esté centrado, a la izquierda y a la derecha

Usar :---------:centro
Usar :----------izquierda
Usar ----------:derecha

primera fila la segunda columna tercera columna
Centrar la primera columna de texto La segunda columna de texto está alineada a la derecha. Texto de la tercera columna a la izquierda

SmartyPants

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

TIPO ASCII HTML
comillas invertidas individuales 'Isn't this fun?' '¿No es esto divertido?'
Citas "Isn't this fun?" "¿No es esto divertido?"
guiones -- is en-dash, --- is em-dash – es en-guión, — es en-guión

crear una lista personalizada

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

Cómo crear una nota al pie

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

Las anotaciones también son esenciales.

Markdown convierte texto a HTML .

Fórmula matemática KaTeX

Puede renderizar expresiones matemáticas de LaTeX usando KaTeX :

Infraestructura gamma ( n ) = ( n − 1 ) ! ∀ norte ∈ norte \gamma(n) = (n-1)!\quad\forall n\in\mathbb norteC ( n )=( n1 )!norteN es la integral de Euler

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

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

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

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

diagramas UML

Se puede representar usando diagramas UML. Sirena Por ejemplo, un diagrama de secuencia generado a continuación:

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

Esto generará un diagrama de flujo. :

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

diagrama de flujo

Seguiremos admitiendo el diagrama de flujo de diagrama de flujo:

Created with Raphaël 2.3.0 开始 我的操作 确认? 结束 yes no
  • Para ver la sintaxis del diagrama de flujo de Diagrama de flujo , consulte aquí .

Exportar e importar

exportar

Si quieres probar a usar este editor, puedes editar este artículo libremente. Cuando haya terminado de escribir un artículo, busque Exportación de artículos para generar un archivo .md o un archivo .html para el almacenamiento local.

importar

Si desea cargar un archivo .md que ha 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 las notas al pie↩︎

Supongo que te gusta

Origin blog.csdn.net/Cavendixe/article/details/115453405
Recomendado
Clasificación