Posibles puntos de sintaxis para bloguear con CSDN Markdown

Prólogo

Planeo cambiar mi editor para escribir un blog. Aunque sigo pensando que escribir con un editor de texto enriquecido es mejor que escribir con Markdown, la razón por la que podría verse bien es que no tiene tantas campanas y silbatos. Quien me hizo gustar las campanas y los silbatos, así que dejé las cosas simples, y ahora empiezo a aprender a usar Markdown para escribir un blog. Puede haber muchos puntos gramaticales utilizados, por ejemplo, sangría de caracteres chinos, fuente, tamaño y color de caracteres chinos, centrar la imagen, dibujar líneas divisorias, insertar fórmulas (uso de látex), dibujar diagramas de flujo, etc. Por supuesto, algunos con botones gráficos no se escribirán.

SmartyPants transformado en entidades HTML de puntuación impresas "inteligentes"

Bajo la condición de que el método de entrada esté ajustado al inglés, haga doble clic en el carácter como se muestra en la Figura 1 y luego complete el contenido que se convertirá entre los dos caracteres, puede usarlo para SmartyPantsconvertir ASCIIcaracteres de puntuación en HTMLentidades de puntuación impresas "inteligentes" . like this code below.

`like this code below`

Figura 1. La ubicación de '' 'en el teclado

Texto centrado

La parte de descripción de texto de la imagen de arriba usa el formato centrado en texto, centro ordinario :, <center>图1.在键盘上的位置</center>negrita centrada : <center>**图1.在键盘上的位置**</center>, no sé por qué, uso negrita centrada, no hay signos de negrita, pero quedan cuatro asteriscos.

Dibuja líneas divididas

Siguiendo el hábito anterior de usar editores de texto enriquecido, me gusta agregar largas líneas horizontales entre los títulos para mostrar la división. Hay tres maneras de dibujar líneas divisorias horizontales, a saber: tres guiones en el estado Inglés ---, tres estados subrayada en Inglés: ___y tres asteriscos: ***. Además, el autor descubrió que escribir una línea de texto directamente entre las dos líneas divisorias aparecerá en negrita de forma predeterminada. La solución es dejar una línea en blanco debajo del texto. En otros casos, también se puede resolver con una línea en blanco.

Sangría dos caracteres chinos

Añadir a la sangría de líneas de código &emsp;&emsp;o añadir &emsp;después de golpear un espacio también se puede lograr con sangría dos personajes (de hecho, sólo 1,5 caracteres indentación). Además, el número N &emsp;una vez cada N caracteres puede ser implementado indentación. Tenga cuidado de no escribir los caracteres incorrectamente y no escriba el punto y coma en inglés. Si lo escribe correctamente, el cuadro de edición &emsp;se deformará y el cuadro de vista previa &emsp;desaparecerá.

Centrado y cambio de tamaño de la imagen.

Inserte
directamente CTRL+ C, CTRL+ Vcopie y pegue en la posición correspondiente.
El centrado se agrega después del
final del enlace de la imagen . Tenga en cuenta que no debe haber espacios antes y después , y no hay espacio después.?#pic_center#
El tamaño está
entre paréntesis, después del último carácter, escriba uno 空格y luego ingrese el tamaño al que desea ajustar la imagen, por ejemplo =600x400, pero esto puede distorsionar la imagen, por lo que solo necesita ajustar el ancho, es decir =600x, al final xNo se pueden omitir las letras .

Inserte la descripción de la imagen aquí
Nota: defina la etiqueta de texto del teclado <kbd>keyboard</kbd>,keyboard

Color, tamaño, fuente

La tabla de comparación de colores RGB que se muestra en la tabla de colores 2 proviene de la tabla de comparación de colores de este sitio web . Aquí, algunas tablas de comparación de posibles colores se interceptan para referencia futura. Si hay alguna infracción, el aviso se eliminará inmediatamente. Modifique el código de idioma de la etiqueta del color del texto: 纯红色indicando que fontal coloratributo se le asigna un valor #FF0000, es decir , el color correspondiente es rojo puro .

Inserte la descripción de la imagen aquí

Figura 2. Tabla de comparación de colores y hexadecimales RGB

Tamaño de la fuente
, de acuerdo con este blog describe, el tamaño del texto puede ser de 1-7 digitales, navegador por defecto es 3. color parecido Disponiéndose, acaba de dar fontla sizemodificación del tamaño asignación de propiedad se puede conseguir, el código de lenguaje de códigos: size = 1el resultado es la siguiente: . size = 1 , el tamaño del valor cambiado al mismo tamaño que el defecto después de 3: tamaño = 3
La fuente
siente que la fuente no tiene nada que cambiar, pero también está aquí. El estilo de fuente se puede modificar cambiando el valor fontdel faceatributo, por ejemplo, se puede cambiar a 黑体, 宋体y así sucesivamente 微软雅黑. Código de idioma de la etiqueta :, el 华文行楷resultado es el siguiente: Hua Xing Kai , Hua Cai Cai Yun: Hua Cai Cai Yun , Fundador Shu Body: Fundador Shu Body , el estilo de fuente y el nombre se pueden encontrar en la ruta que se muestra en la Figura 3.

Inserte la descripción de la imagen aquí

Figura 3. Estilo de fuente

Insertar fórmula

El editor usa LaTeX para editar la fórmula. Su documento de gramática está aquí , y la gramática es más complicada, así que no entraré en detalles aquí. Cuando quiera usarlo, vaya al documento de gramática y copie el código al editor. Por ejemplo, si quiero agregar una matriz aquí, primero encontraré el código en el documento, como se muestra en la Figura 4, y luego lo copiaré y lo colocaré en $ $ el medio para convertirlo $\begin{bmatrix}a & b \\c & d\end{bmatrix}$ . Si la fórmula quiere estar centrada, póngala en el $$ $$medio y hágalo $$\begin{bmatrix} a & b \\ c & d\end{bmatrix}$$. Aún es más problemático, es mejor editarlo en la oficina y copiar la imagen directamente.
Inserte la descripción de la imagen aquí

Figura 4. Código para dibujar una matriz La fórmula produce efectos:

$\ begin {bmatrix} a & b \\ c & d \ end {bmatrix}$

Insertar diagrama de flujo

csdn_markdown utiliza el diagrama de flujo de Mermaid para dibujar un diagrama de flujo, y encuentra una demostración en su sitio web oficial para modificarlo que escribir directamente. El siguiente es un diagrama dibujado por una demostración provista por este, que ya contiene los componentes básicos necesarios para dibujar un diagrama de flujo, por lo que cuando necesite dibujar un diagrama de flujo en el futuro, puede usar esta demostración para modificarla, puede dibujar rápidamente el diagrama de flujo . { }El contenido en el bloque de código es el código, y las llaves se agregan por razones de símbolos.

{```mermaid
flowchat
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...
para=>parallel: parallel tasks

st->op1->cond
cond(yes)->io->e
cond(no)->para
para(path1, bottom)->sub1(right)->op1
para(path2, top)->op1
```}

Otros

Básicamente, se pueden resolver otros métodos de operación haciendo clic en Ayuda. Además, como agregar bloques de código, referencias, hipervínculos, listas, etc., hay botones de acceso directo correspondientes en la barra de herramientas en la parte superior del compilador, que pueden completar fácilmente la operación. Creo que con los consejos anteriores, escribir un blog que se vea bien no es un problema.

Inserte la descripción de la imagen aquí