Descarga del complemento Markdown here (tutorial de instalación de la extensión de Chrome)

Reducción descarga de herePlugin (tutorial de instalación de la extensión de Chrome)

Markdown es un "lenguaje de marcado" estilo "correo electrónico".chen weiliangmuy recomendable para todos网络 营销Practicantes, aprendan y dominen el idioma.

Si participas enintercepción de la universidadcursos para aprender a hacerPromoción web, necesito escribirComercio electrónicoComercializaciónRedacciónArtículo, He oído hablar de Markdown, pero no lo he aprendido, debe ser porque crees que Markdown será difícil de aprender.

Pero de hecho, haciendoWeChat MarketingCualquier editor de , mientras tome diez minutos, puede aprenderlo.

En ese momento, puede suspirar "¿Por qué no aprendí a Markdwon a escribir una copia de marketing en línea antes"?

De hecho, solo hay 5 tipos de sintaxis Markdown de uso común:

• Use # para marcar este texto como un título de primer nivel y N # para marcarlo como un título de N nivel.
• Añadiendo * o 1. "2. "3. antes del texto se puede realizar como una lista.
• Agregar > antes del párrafo para marcarlo como referencia
• Agregue un * antes y después del texto para que se muestre en cursiva y dos * para que se muestre en negrita
• Utilice [texto](dirección del enlace) para insertar hipervínculos

Descarga de complementos

Markdown aquí Dirección de descarga oficial:
http://markdown-here.com/get.html

Markdown aquí es un complemento del navegador (Chrome/Firefox/Safari) que convierte el texto de Markdown en el editor del navegador en HTML renderizado.También puedes personalizar CSS, lo cual es realmente genial para aquellos que usan a menudo el formato Markdown. Usas Markdown para escribir correos electrónicos, documentos, etc.

Para instalar y configurar Markdown Here, simplemente siga los pasos a continuación:

1. Instale el complemento Markdown Here en Google Chrome
2. Configure Markdown Here Option, personalice algunos CSS

Método rápido de composición tipográfica de cuenta pública

• Escriba un artículo en formato Markdown, consulte este artículo para obtener más detalles.: "¿Cómo escribir rápidamente la cuenta pública de WeChat?El diseño del multimillonario Li Xiaolai toma solo 1 segundo"

Proceso de escritura de la cuenta oficial de WP+

• uso WordPress hacer wechatpromoción de cuenta pública?Vea este artículo para más detalles:"WordPress pega en el editor de cuentas oficial de WeChat, cómo hacer que el estilo de composición tipográfica del artículo sea correcto? 》

CSS personalizado

Las principales modificaciones son las siguientes:

1. fuente (tamaño, color)
2. Espaciado entre líneas
3. espacio entre palabras

Los principios resumidos son los siguientes:

• El tamaño de letra del cuerpo del artículo es preferentemente entre 14-18px, siendo 16px el más adecuado.
• El espacio entre líneas es de 1.5 a 1.75 veces el espacio entre líneas, lo que hará que se vea más cómodo.
• Los artículos en terminales móviles no necesitan sangría en la primera línea.
• Entre párrafos, lo mejor es una línea en blanco.

Markdown aquí complemento CSS

Copiar以下chen weiliangUse el código CSS del complemento Markdown here para Chrome → Configuración → Extensiones → markdown.here → Opciones→ Renderizado básico CSS

/*
CSS Name: Markdown here插件CSS
Version: 3.0
Description: Designed by <a href="https://www.chenweiliang.com/">陈沩亮博客</a>
Author: 陈沩亮
Author URI: https://www.chenweiliang.com/
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2017 陈沩亮.
*/

.markdown-here-wrapper {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}



div p {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}

pre, code {
 font-size: 14px;
 font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
 margin: auto 5px;
}

code {
 white-space: pre-wrap;
 border-radius: 2px;
 display: inline;
}

pre {
 font-size: 15px;
 line-height: 1.4em;
 display: block; !important;
}

pre code {
 white-space: pre;
 overflow: auto;
 border-radius: 3px;
 padding: 1px 1px;
 display: block !important;
}

strong, b{
 color: #BF360C;
}

em, i {
 color: #009688;
}

hr {
 border: 1px solid #BF360C;
 margin: 1.5em auto;
}

p {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}

table, pre, dl, blockquote, q, ul, ol {
 margin: 10px 5px;
}

ul, ol {
 padding-left: 15px;
}

li {
 margin: 10px;
}

li p {
 margin: 10px 0 !important;
}

ul ul, ul ol, ol ul, ol ol {
 margin: 0;
 padding-left: 10px;
}

ul {
 list-style-type: circle;
}

dl {
 padding: 0;
}

dl dt {
 font-size: 1em;
 font-weight: bold;
 font-style: italic;
}

dl dd {
 margin: 0 0 10px;
 padding: 0 10px;
}

blockquote, q {
 border-left: 2px solid #009688;
 padding: 0 10px;
 color: #777;
 quotes: none;
 margin-left: 1em;
}

blockquote::before, blockquote::after, q::before, q::after {
 content: none;
}

h1, h2, h3, h4, h5, h6 {
 margin: 20px 0 10px;
 padding: 0;
 font-style: bold !important;
 color: #009688 !important;
 text-align: center !important;
 margin: 1.5em 5px !important;
 padding: 0.5em 1em !important;
}

h1 {
 font-size: 24px !important;
 border-bottom: 1px solid #ddd !important;
}

h2 {
 font-size: 20px !important;
 border-bottom: 1px solid #eee !important;
}

h3 {
 font-size: 18px;
}

h4 {
 font-size: 16px;
}



table {
 padding: 0;
 border-collapse: collapse;
 border-spacing: 0;
 font-size: 1em;
 font: inherit;
 border: 0;
 margin: 0 auto;
}

tbody {
 margin: 0;
 padding: 0;
 border: 0;
}

table tr {
 border: 0;
 border-top: 1px solid #CCC;
 background-color: white;
 margin: 0;
 padding: 0;
}

table tr:nth-child(2n) {
 background-color: #F8F8F8;
}

table tr th, table tr td {
 font-size: 16px;
 border: 1px solid #CCC;
 margin: 0;
 padding: 5px 10px;
}

table tr th {
 font-weight: bold;
 color: #eee;
 border: 1px solid #009688;
 background-color: #009688;
}

compartir 2 másnuevos medios de comunicaciónEstilos personalizados para Markdown aquí para personas:

Yang Zhiping:

https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-yzp.css

Li Xiaolai:

https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2