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

Baixeu el complement Markdown Here (tutorial d'instal·lació de l'extensió de Chrome)

Markdown és un llenguatge de marcatge "d'estil correu electrònic", i Chen Weiliang recomana fermament que tots els professionals del màrqueting en línia aprenguin i dominin aquest llenguatge.

Si ja has sentit a parlar de Markdown però no l'has après perquè estàs fent un curs a la Chazuo Academy per aprendre màrqueting en línia i necessites escriure textos de màrqueting per al comerç electrònic , probablement és perquè penses que Markdown deu ser molt difícil d'aprendre.

De fet, qualsevol editor que es dediqui al màrqueting de WeChat ho pot aprendre en només deu minuts.

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

Procés oficial d'escriptura del compte WP+

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

Copieu el següent codi CSS del connector Markdown here de Chen Weiliang a Chrome → Configuració → Extensions → markdown.here → Opcions → CSS de renderització bàsica

Chen Weiliang: baixada del complement Markdown aquí (tutorial d'instal·lació de l'extensió de Chrome)

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

 

Aquí teniu dos estils personalitzats més de Markdown per a professionals dels nous mitjans :

Yang Zhiping:

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

 

Li Xiaolai:

https://gist.github.com/xiaol ai /aa190255b7dde302d10208ae247fc9f2

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Tornar a dalt