Phawula apha ukhuphelo lwe-plugin (isifundo sofakelo lofakelo lweChrome)

Khuphela i-plugin yeMarkdown Here (isifundo sokufaka ulwandiso lwe-Chrome)

I-Markdown lulwimi olusetyenziswa njenge-"email-style", kwaye uChen Weiliang ucebisa kakhulu ukuba bonke abantu abasebenzisa i-intanethi bafunde kwaye baluqonde olu lwimi.

Ukuba ukhe weva ngeMarkdown ngaphambili kodwa awukayifundi kuba uthatha ikhosi eChazuo Academy ukuze ufunde ukuthengisa kwi-intanethi kwaye kufuneka ubhale ikopi yokuthengisa kwi-e-commerce , mhlawumbi kungenxa yokuba ucinga ukuba iMarkdown kunzima kakhulu ukuyifunda.

Enyanisweni, nawuphi na umhleli obandakanyeka kwintengiso yeWeChat unokuyifunda ngemizuzu elishumi kuphela.

Ngelo xesha, unokuncwina, "Kutheni ndingazange ndifunde uMarkdwon ukubhala ikopi yokuthengisa kwi-intanethi ngaphambili?"

Ngapha koko, zi-5 kuphela iintlobo ze-syntax yeMarkdown esetyenziswa rhoqo:

• Sebenzisa u- # ukuphawula lo mbhalo njengesihloko somgangatho wokuqala, kunye no-N #s ukubonisa ukuba esi sisihloko somgangatho ongu-N.
• Yongeza * okanye 1. "2. "3. phambi kokubhaliweyo ukuyiqonda njengoluhlu.
• Yongeza > phambi komhlathi ukuwuchonga njengesalathiso
• Yongeza i * phambi nasemva kokubhaliweyo ukulenza libekekele, kunye nemiqondiso emibini * ukuyenza ngqindilili.
• Sebenzisa [umbhalo](idilesi yekhonkco) ukufaka ihyperlink

Ukhuphelo lwe-plug-in

Phawula apha idilesi esemthethweni yokukhuphela:
http://markdown-here.com/get.html

I-Markdown nantsi iplug-in yesikhangeli (iChrome/Firefox/Safari) enokuguqula isicatshulwa sikaMarkdown kumhleli wesikhangeli sibe yiHTML enikezelweyo. Unokwenza ngokwezifiso i-CSS, epholile ngokwenene kubantu abasoloko besebenzisa ifomathi ye-Markdown Usebenzisa i-Markdown ukubhala ii-imeyile, amaxwebhu, njl.

Ukufakela kunye nokuseta i-Markdown Apha, landela la manyathelo:

1. Faka iplagi yeMarkdown Apha kuGoogle Chrome
2. Qwalasela i-Markdown Apha Ukhetho kwaye ulungise enye iCSS

Indlela yokuseta ngokukhawuleza kwiiakhawunti zoluntu

• Bhala amanqaku ngefomathi yeMarkdown. Nceda ujonge eli nqaku ngeenkcukacha.:《Indlela yokuchwetheza ngokukhawuleza i-akhawunti yoluntu ye-WeChat?Uyilo lukaBillionaire uLi Xiaolai luthatha umzuzwana omnye kuphela"U

WP+ inkqubo yokubhala iakhawunti yoluntu

• ze WordPress siyancokolaUkunyuswa kweakhawunti yoluntu? Bona eli nqaku ngeenkcukacha:"UNcamathisela i-WordPress kumhleli weakhawunti kawonkewonke ye-WeChat, indlela yokwenza isimbo soyilo lwenqaku sichaneke? 》

CSS eqhelekileyo

Ezi ngongoma zintathu zilandelayo zitshintshwa ikakhulu:

1. Ifonti (ubungakanani, umbala)
2. Izithuba zemigca
3. izithuba zamagama

Imigaqo yesishwankathelo imi ngolu hlobo lulandelayo:

• Ubungakanani befonti yombhalo ophambili wenqaku yeyona ilungileyo phakathi kwe-14-18px, kunye ne-16px yeyona ifanelekileyo.
• Isithuba somgca si-1.5-1.75 amaxesha esithuba somgca, esiya kubonakala sikhululekile.
• Amanqaku aphathwayo akufuneki ukuba ahlehlise umgca wokuqala.
• Kungcono ukushiya umgca ongenanto phakathi kwemihlathi.

Phawula apha plugin CSS

Khuphela le khowudi yeCSS ilandelayo kwi- plugin ye-Markdown kaChen Weiliang apha ukuya kwi -Chrome → Useto → Ulwandiso → markdown.here → Iinketho → Ukwenziwa kweCSS okuSisiseko

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

Nazi ezinye iindlela ezimbini zeMarkdown ezenzelwe iingcali zeendaba ezintsha :

Yang Ziping:

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

Li Xiaolai:

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