Scaricate u plugin Markdown quì (tutorial di installazione di l'estensione di Chrome)

Markdown Scarica quì Plugin (tutorial d'installazione di l'estensione di Chrome)

Markdown hè una "lingua di marcatura" in stile "email".Chen Weiliangaltamente cunsigliatu per tuttiMarketing InternetPraticanti, amparate è ammaistrà a lingua.

Sè vo participà àIntercept Collegecorsi da amparà à fàPromozione Web, bisognu di scriveE-commerceMarketingcopywritingArticulu, aghju intesu parlà di Markdown, ma ùn aghju micca amparatu, deve esse perchè pensate chì Markdown serà difficiule d'amparà.

Ma in fatti, fàMarketing WechatQualchese editore di , finu à chì dura dece minuti, pò amparà.

À quellu tempu, pudete suspirà "Perchè ùn aghju micca amparatu Markdwon à scrive una copia di marketing in linea prima"?

In fatti, ci sò solu 5 tippi di sintassi di Markdown cumunimenti usati:

• Aduprate # per marcà stu testu cum'è un titulu di primu livellu, è N # per marcà questu cum'è un titulu di livellu N.
• Aghjunghjendu * o 1. "2. "3. prima chì u testu pò esse realizatu cum'è una lista.
• Aghjunghjite > prima di u paràgrafu per marcà cum'è riferenza
• Aghjunghjite un * prima è dopu à u testu per vede corsu, è dui * per vede in grassu
• Aduprate [testu] (indirizzu di u ligame) per inserisce ligami

Scaricate u plugin

Markdown quì Indirizzu ufficiale di scaricamentu:
http://markdown-here.com/get.html

Markdown quì hè un plugin di navigatore (Chrome/Firefox/Safari) chì cunverte u testu Markdown in l'editore in u navigatore in HTML resu.Pudete ancu persunalizà CSS, chì hè veramente bellu per quelli chì spessu usanu u formatu Markdown.Usate Markdown per scrive email, documenti, etc.

Per installà è cunfigurà Markdown Here, basta à seguità i passi sottu:

1. Installa u plugin Markdown Here in Google Chrome
2. Configurate l'opzione Markdown Here, persunalizà qualchì CSS

Metudu di scrittura rapida di u contu publicu

• Scrivite un articulu in u furmatu Markdown, per piacè riferite à questu articulu per i dettagli: "Cumu scrive rapidamente u contu publicu WeChat?U layout di u miliardariu Li Xiaolai dura solu 1 secondu"

Prucessu di scrittura di u contu ufficiale WP+

• per WordPress fà wechatPrumuzione di u contu publicu?Vede stu articulu per i dettagli:"WordPress incolla in l'editore di u contu ufficiale WeChat, cumu fà u stilu di scrittura di l'articulu curretta? 》

CSS persunalizata

I cambiamenti principali sò i seguenti:

1. font (taglia, culore)
2. Spaziu di ligna
3. spaziatura di e parolle

I principii riassuntu sò i seguenti:

• U font size di u corpu di l'articulu hè preferibile trà 14-18px, cù 16px chì hè u più adattatu.
• U spaziu di a linea hè 1.5-1.75 volte u spaziu di a linea, chì vi pare più còmode.
• L'articuli nantu à i terminali mobili ùn anu micca bisognu à esse indentati in a prima linea.
• Trà i paragrafi, una linea bianca hè megliu.

Markdown quì plugin CSS

cupiàSottuChen WeiliangAduprate u Markdown here plugin codice CSS per Chrome → Settings → Extensions → markdown.here → Options→ Basic Rendering 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;
}

sparte 2 piùnovi mediaStili persunalizati per Markdown quì per e persone:

Yang Zhiping:

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

Li Xiaolai:

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