Markdown here plugin allalaadimine (Chrome'i laienduse installimise õpetus)

Hinnaalandus herePlugin allalaadimine (Chrome'i laienduse installimise õpetus)

Markdown on "e-posti" stiilis "märgistuskeel".Chen Weiliangväga soovitatav kõigile网络 营销Praktikud, õppige ja valdage keelt.

Kui osaleteIntercept Collegekursused, mida tehaVeebireklaam, vaja kirjutadaE-kaubandusTurundusCopywritingArtikkel, ma olen Markdownist kuulnud, kuid ma pole seda õppinud, see peab olema sellepärast, et arvate, et Markdowni on raske õppida.

Aga tegelikult teebWechati turundusIga lehe toimetaja, kui selleks kulub kümme minutit, saab seda õppida.

Sel ajal võite ohata: "Miks ma ei õppinud Markdwonit varem veebiturundusteksti kirjutama"?

Tegelikult on tavaliselt kasutatavat Markdowni süntaksit ainult 5 tüüpi:

• Kasutage #, et märkida see tekst esimese taseme pealkirjaks, ja N #, et märkida see N-taseme pealkirjaks.
• Lisades * või 1. "2. "3. enne kui teksti saab realiseerida loendina.
• Lisage lõigu ette >, et märkida see viitena
• Kaldkirjas kuvamiseks lisage enne ja pärast teksti * ja paksus kirjas kuvamiseks kaks *
• Hüperlinkide sisestamiseks kasutage [teksti](lingi aadress).

Plugina allalaadimine

Märkige siin Ametlik allalaadimisaadress:
http://markdown-here.com/get.html

Markdown on siin brauseri pistikprogramm (Chrome/Firefox/Safari), mis teisendab brauseri redaktoris Markdowni teksti renderdatud HTML-iks.Samuti saate kohandada CSS-i, mis on väga lahe neile, kes kasutavad sageli Markdowni vormingut. Markdowni saate kasutada meilide, dokumentide jms kirjutamiseks.

Markdown Here installimiseks ja seadistamiseks järgige lihtsalt alltoodud samme.

1. Installige Google Chrome'i pistikprogramm Markdown Here
2. Seadistage siin Markdowni valik, kohandage mõnda CSS-i

Avaliku konto kiirladimismeetod

• Kirjutage artikkel Markdowni vormingus, lisateabe saamiseks vaadake seda artiklit: "Kuidas WeChati avalikku kontot kiiresti trükkida?Miljardär Li Xiaolai küljendus võtab vaid 1 sekundi》

WP+ ametlik konto kirjutamise protsess

• Kasutage WordPress vestlemeAvaliku konto reklaamimine?Vaadake üksikasju sellest artiklist:"WordPress kleebib WeChati ametlikku kontoredaktorisse, kuidas muuta artiklite laadimisstiil õigeks? 》

kohandatud CSS

Peamised muudatused on järgmised:

1. font (suurus, värv)
2. Reavahe
3. sõnavahe

Kokkuvõtlikud põhimõtted on järgmised:

• Artikli põhiosa fondi suurus on eelistatavalt vahemikus 14–18 pikslit, kusjuures kõige sobivam on 16 pikslit.
• Reavahe on 1.5–1.75 korda suurem kui reavahe, mis näeb välja mugavam.
• Mobiilterminali käsitlevaid artikleid ei pea esimesel real taandama.
• Lõikude vahele on parem jätta tühi rida.

Märgi siin CSS-i pistikprogramm

koopiaAllpoolChen WeiliangKasutage Markdown here plugina CSS-koodi Chrome → Seaded → Laiendused → markdown.here → Valikud → CSS-i põhirenderdus

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

jaga veel 2uus meediaKohandatud stiilid Markdowni jaoks siin inimestele:

Yang Zhiping:

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

Li Xiaolai:

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