Descàrrega del complement Markdown aquí (tutorial d'instal·lació de l'extensió de Chrome)

Markdown aquí Descàrrega del complement (tutorial d'instal·lació de l'extensió de Chrome)

Markdown és un "llenguatge de marques" d'estil "correu electrònic".Chen Weiliangmolt recomanable per a tothomMàrqueting a InternetPracticants, aprenen i dominen la llengua.

Si hi participesIntercept Collegecursos, aprendre a ferPromoció web, cal escriureComerç electrònicMàrquetingRedaccióArticle, he sentit parlar de Markdown, però no ho he après, deu ser perquè creus que Markdown serà difícil d'aprendre.

Però de fet, elMàrqueting de WechatQualsevol editor de , sempre que trigui deu minuts, ho pot aprendre.

En aquell moment, podeu sospirar "Per què no vaig aprendre Markdwon a escriure còpies de màrqueting en línia abans"?

De fet, només hi ha 5 tipus de sintaxi de Markdown que s'utilitza habitualment:

• Utilitzeu # per marcar aquest text com a títol de primer nivell i N # per marcar-lo com a títol de nivell N.
• Afegint * o 1. "2. "3. abans que el text es pugui realitzar com una llista.
• Afegiu > abans del paràgraf per marcar-lo com a referència
• Afegiu un * abans i després del text per mostrar-lo en cursiva i dos * per mostrar-lo en negreta
• Utilitzeu [text](adreça de l'enllaç) per inserir hiperenllaços

Descàrrega del connector

Markdown aquí Adreça oficial de descàrrega:
http://markdown-here.com/get.html

Markdown aquí és un connector del navegador (Chrome/Firefox/Safari) que converteix el text de Markdown a l'editor del navegador en HTML renderitzat.També podeu personalitzar CSS, que és molt interessant per a aquells que utilitzen sovint el format Markdown. Feu servir Markdown per escriure correus electrònics, documents, etc.

Per instal·lar i configurar Markdown Here, només cal que seguiu aquests passos:

1. Instal·leu el connector Markdown Here a Google Chrome
2. Configura l'opció Markdown Here, personalitza alguns CSS

Mètode de composició ràpida del compte públic

• Escriviu un article en format Markdown; consulteu aquest article per obtenir-ne més informació: "Com escriure ràpidament el compte públic de WeChat?El disseny del multimilionari Li Xiaolai dura només 1 segon"

Procés oficial d'escriptura del compte WP+

• Utilitzeu WordPress fer wechatPromoció del compte públic?Consulteu aquest article per obtenir més informació:"WordPress s'enganxa a l'editor del compte oficial de WeChat, com fer que l'estil de composició de l'article sigui correcte? "

CSS personalitzat

Les principals revisions són les següents:

1. tipus de lletra (mida, color)
2. Espai entre línies
3. espaiat de paraules

Els principis resums són els següents:

• La mida del tipus de lletra del cos de l'article és preferiblement entre 14 i 18 píxels, sent 16 píxels el més adequat.
• L'interlineat és d'1.5 a 1.75 vegades l'interlineat, que semblarà més còmode.
• No cal que els articles dels terminals mòbils estiguin sagnats a la primera línia.
• Entre paràgrafs, una línia en blanc és millor.

Markdown aquí connector CSS

còpiaA sotaChen WeiliangUtilitzeu el codi CSS del connector Markdown here per Chrome → Configuració → Extensions → markdown.here → Opcions→ CSS de representació bàsica

/*
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;
}

comparteix 2 mésnous suportsEstils personalitzats per a Markdown aquí per a la gent:

Yang Zhiping:

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

Li Xiaolai:

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