Markdown hier aflaai plugin (Chrome uitbreiding installasie handleiding)

Laai die Markdown Here-inprop af (Chrome-uitbreidinginstallasie-tutoriaal)

Markdown is 'n "e-posstyl" opmaaktaal, en Chen Weiliang beveel sterk aan dat alle aanlynbemarkingspraktisyns hierdie taal leer en bemeester.

As jy al voorheen van Markdown gehoor het, maar dit nie geleer het nie , omdat jy 'n kursus by Chazuo Akademie volg om aanlynbemarking te leer en e-handelsbemarkingskopie moet skryf , is dit waarskynlik omdat jy dink Markdown moet baie moeilik wees om te leer.

Trouens, enige redakteur wat betrokke is by WeChat-bemarking kan dit binne net tien minute leer.

Op daardie tydstip kan jy dalk sug "Hoekom het ek Markdwon nie geleer om vroeër aanlyn bemarkingskopie te skryf nie"?

Trouens, daar is net 5 tipes algemeen gebruikte Markdown-sintaksis:

• Gebruik # om hierdie teks as 'n eerstevlaktitel te merk, en N # om dit as 'n N-vlaktitel te merk.
• Voeg * of 1. "2. "3. by voordat die teks as 'n lys gerealiseer kan word.
• Voeg > voor die paragraaf by om dit as 'n verwysing te merk
• Voeg 'n * voor en na die teks by om kursief te vertoon, en twee * om dit vetdruk te vertoon
• Gebruik [teks](skakeladres) om hiperskakels in te voeg

Inprop aflaai

Markdown hier Amptelike aflaaiadres:
http://markdown-here.com/get.html

Markdown hier is 'n blaaier-inprop (Chrome/Firefox/Safari) wat Markdown-teks in die redigeerder in die blaaier omskakel na gelewerde HTML.Jy kan ook CSS pasmaak, wat baie gaaf is vir diegene wat dikwels die Markdown-formaat gebruik. Jy gebruik Markdown om e-posse, dokumente, ens.

Om Markdown hier te installeer en op te stel, volg net die stappe hieronder:

1. Installeer Markdown Here-inprop in Google Chrome
2. Stel Markdown Here-opsie op, pas sommige CSS aan

Openbare rekening vinnige setmetode

• Skryf 'n artikel in Markdown-formaat, verwys asseblief na hierdie artikel vir besonderhede: "Hoe om die WeChat-openbare rekening vinnig te tik?Die miljardêr Li Xiaolai se uitleg neem slegs 1 sekonde"

WP+ amptelike rekeningskryfproses

• gebruik WordPress doen wechatOpenbare rekening bevordering?Sien hierdie artikel vir besonderhede:"WordPress plak in die WeChat amptelike rekeningredigeerder, hoe om die artikeltipe-styl nie verkeerd te maak nie? 》

pasgemaakte CSS

Die belangrikste wysigings is soos volg:

1. lettertipe (grootte, kleur)
2. Lynspasiëring
3. woordspasiëring

Die opsommende beginsels is soos volg:

• Die lettergrootte van die liggaam van die artikel is verkieslik tussen 14-18px, met 16px wat die geskikste is.
• Die lynspasiëring is 1.5-1.75 keer die lynspasiëring, wat gemakliker sal lyk.
• Artikels op mobiele terminale hoef nie op die eerste reël ingekeep te word nie.
• Tussen paragrawe is 'n leë reël die beste.

Markdown hier plugin CSS

Kopieer die volgende CSS-kode vanaf Chen Weiliang se Markdown here-inprop na Chrome → Instellings → Uitbreidings → markdown.here → Opsies → Basiese Lewering 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;
}

Hier is nog twee Markdown-aangepaste style vir nuwe mediaprofessionele persone:

Yang Zhiping:

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

Li Xiaolai:

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