Markdown here spraudņa lejupielāde (Chrome paplašinājuma instalēšanas apmācība)

Markdown šeitSpraudņa lejupielāde (Chrome paplašinājuma instalēšanas apmācība)

Markdown ir "e-pasta" stila "iezīmēšanas valoda".Čens Veiliangsļoti ieteicams visiemInterneta mārketingsPraktizētāji, mācieties un apgūstiet valodu.

Ja jūs piedalātiesPārtveršanas koledžakursi, ko iemācīties darītTīmekļa veicināšana, jārakstaE-komercijaMārketingstekstu rakstīšanaRaksts, esmu dzirdējis par Markdown, bet neesmu to iemācījies, tas noteikti ir tāpēc, ka jūs domājat, ka Markdown būs grūti iemācīties.

Bet patiesībā darotWechat mārketingsJebkurš redaktors, ja vien tas aizņem desmit minūtes, var to apgūt.

Tajā laikā jūs varat nopūsties: "Kāpēc es neiemācījos Markdvonu rakstīt tiešsaistes mārketinga kopiju agrāk"?

Faktiski ir tikai 5 parasti lietotās Markdown sintakses veidi:

• Izmantojiet #, lai atzīmētu šo tekstu kā pirmā līmeņa nosaukumu, un N #, lai atzīmētu to kā N līmeņa nosaukumu.
• Pievienojot * vai 1. "2. "3. pirms tekstu var realizēt kā sarakstu.
• Pievienojiet > pirms rindkopas, lai atzīmētu to kā atsauci
• Pievienojiet * pirms un pēc teksta, lai rādītu slīprakstā, un divus *, lai attēlotu treknrakstā
• Izmantojiet [teksts] (saites adrese), lai ievietotu hipersaites

Spraudņa lejupielāde

Atzīmēt šeit Oficiālā lejupielādes adrese:
http://markdown-here.com/get.html

Markdown šeit ir pārlūkprogrammas spraudnis (Chrome/Firefox/Safari), kas pārvērš Markdown tekstu pārlūkprogrammas redaktorā renderētajā HTML.Varat arī pielāgot CSS, kas ir ļoti forši tiem, kuri bieži izmanto Markdown formātu. Jūs izmantojat Markdown, lai rakstītu e-pastus, dokumentus utt.

Lai instalētu un iestatītu Markdown Here, vienkārši veiciet tālāk norādītās darbības.

1. Instalējiet spraudni Markdown Here pārlūkprogrammā Google Chrome
2. Konfigurēt Markdown šeit opciju, pielāgot dažus CSS

Publiskā konta ātrās salikšanas metode

• Uzrakstiet rakstu Markdown formātā. Lai iegūtu sīkāku informāciju, lūdzu, skatiet šo rakstu: "Kā ātri drukāt WeChat publisko kontu?Miljardiera Li Sjaolai izkārtojums aizņem tikai 1 sekundi》

WP+ oficiālais konta rakstīšanas process

• Izmantojiet WordPress tērzētPubliskā konta veicināšana?Plašāku informāciju skatiet šajā rakstā:"WordPress ielīmē WeChat oficiālajā konta redaktorā, kā padarīt rakstu rakstīšanas stilu nepareizu? 》

pielāgots CSS

Galvenās modifikācijas ir šādas:

1. fonts (izmērs, krāsa)
2. Līniju atstarpes
3. vārdu atstarpes

Kopsavilkuma principi ir šādi:

• Raksta pamatteksta fonta lielums ir vēlams no 14 līdz 18 pikseļiem, un vispiemērotākais ir 16 pikseļi.
• Attālums starp rindām ir 1.5–1.75 reizes lielāks par rindstarpu, kas izskatīsies ērtāk.
• Rakstiem par mobilajām galiekārtām pirmajā rindā nav jābūt atkāpei.
• Starp rindkopām vislabāk ir atstāt tukšu rindu.

Markdown šeit spraudnis CSS

kopijusekojošaisČens VeiliangsIzmantojiet Markdown šeit spraudņa CSS kodu, lai Chrome → Iestatījumi → Paplašinājumi → markdown.here → Opcijas → Pamata renderēšanas 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;
}

dalīties ar vēl 2jaunie medijiPielāgoti Markdown stili cilvēkiem šeit:

Yang Zhiping:

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

Li Sjaolai:

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