Markdown hier aflaai plugin (Chrome uitbreiding installasie handleiding)

Markdown hier Inprop aflaai (Chrome uitbreiding installasie handleiding)

Markdown is 'n "e-pos" styl "opmerktaal".Chen Weiliangsterk aanbeveel vir almal网络 营销Praktisyns, leer en bemeester die taal.

As jy deelneem aanOnderskep Kollegekursusse om te leer doenWebpromosie, moet skryfelektrisiteitsvoorsienerbemarkingKopieskryfwerkArtikel, ek het gehoor van Markdown, maar ek het dit nie geleer nie, dit moet wees omdat jy dink Markdown sal moeilik wees om te leer.

Maar in werklikheid doenWechat bemarkingEnige redakteur van , solank dit tien minute neem, kan dit 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

kopie以下Chen WeiliangGebruik die Markdown hier-inprop CSS-kode om Chrome → Instellings → Uitbreidings → markdown.hier → Opsies→ Basiese weergawe 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;
}

deel nog 2nuwe mediaPasgemaakte style vir Markdown hier vir mense:

Yang Zhiping:

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

Li Xiaolai:

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