Descărcare plugin Markdown aici (tutorial de instalare a extensiei Chrome)

Descărcați pluginul Markdown Here (tutorial de instalare a extensiei Chrome)

Markdown este un limbaj de markup „în stilul e-mailurilor”, iar Chen Weiliang recomandă insistent ca toți practicienii de marketing online să învețe și să stăpânească acest limbaj.

Dacă ai auzit de Markdown înainte, dar nu l-ai învățat pentru că urmezi un curs la Academia Chazuo pentru a învăța marketing online și trebuie să scrii texte de marketing pentru comerțul electronic , probabil că este pentru că ți se pare că Markdown trebuie să fie foarte dificil de învățat.

De fapt, orice editor implicat în marketingul WeChat îl poate învăța în doar zece minute.

În acel moment, puteți suspina „De ce nu am învățat Markdwon să scriu mai devreme o copie de marketing online”?

De fapt, există doar 5 tipuri de sintaxă Markdown utilizate în mod obișnuit:

  • Utilizați # pentru a marca acest text ca titlu de prim nivel și N # pentru a marca acest text ca titlu de nivel N.
  • Adăugând * sau 1. „2. „3. înainte ca textul să poată fi realizat ca o listă.
  • Adăugați > înainte de paragraf pentru a-l marca ca referință
  • Adăugați un * înainte și după text pentru a afișa cursiv și două * pentru a-l afișa cu caractere aldine
  • Utilizați [text](adresa linkului) pentru a insera hyperlinkuri

Descărcare plugin

Markdown aici Adresa oficială de descărcare:
http://markdown-here.com/get.html

Markdown aici este un plugin de browser (Chrome/Firefox/Safari) care convertește textul Markdown din editorul browserului în HTML redat.De asemenea, puteți personaliza CSS, ceea ce este foarte tare pentru cei care folosesc adesea formatul Markdown. Folosiți Markdown pentru a scrie e-mailuri, documente etc.

Pentru a instala și configura Markdown Here, trebuie doar să urmați pașii de mai jos:

  1. Instalați pluginul Markdown Here în Google Chrome
  2. Configurați opțiunea Markdown Here, personalizați unele CSS

Metoda de compunere rapidă a contului public

Procesul oficial de scriere a contului WP+

CSS personalizat

Principalele modificări sunt următoarele:

  1. font (dimensiune, culoare)
  2. Spațiere între linii
  3. spațierea cuvintelor

Principiile rezumative sunt următoarele:

  • Dimensiunea fontului corpului articolului este de preferință între 14-18px, 16px fiind cel mai potrivit.
  • Distanța dintre linii este de 1.5-1.75 ori mai mare decât distanța dintre linii, ceea ce va arăta mai confortabil.
  • Articolele de pe terminalele mobile nu trebuie să fie indentate pe prima linie.
  • Între paragrafe, cel mai bine este o linie goală.

Markdown aici pluginul CSS

Copiați următorul cod CSS din pluginul Markdown here al lui Chen Weiliang în Chrome → Setări → Extensii → markdown.here → Opțiuni → CSS de randare de bază

Chen Weiliang: Descărcare plug-in Markdown aici (tutorial de instalare a extensiei 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;
}

 

Iată încă două stiluri personalizate Markdown pentru profesioniștii din noile media :

Yang Zhiping:

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

 

Li Xiaolai:

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

发表 评论

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

Derulaţi în sus