Ku calaamadee halkan plugin soo dejiso (waxbarashada rakibidda kordhinta Chrome)

Soo dejiso plugin-ka Markdown Here (casharka rakibidda kordhinta Chrome)

Markdown waa luuqad calaamadayn ah oo "qaab email ah", Chen Weiliangna wuxuu si xooggan ugu talinayaa in dhammaan xirfadlayaasha suuqgeynta internetka ay bartaan oo ay bartaan luqaddan.

Haddii aad hore u maqashay Markdown laakiin aadan baran sababtoo ah waxaad koorso ka qaadanaysaa Chazuo Academy si aad u barato suuqgeynta khadka tooska ah oo aad u baahan tahay inaad qorto nuqul suuqgeynta elektaroonigga ah , waxay u badan tahay inay tahay sababtoo ah waxaad u malaynaysaa in Markdown ay aad u adag tahay in la barto.

Xaqiiqdii, tifaftire kasta oo ku hawlan suuqgeynta WeChat wuxuu ku baran karaa toban daqiiqo gudahood.

Waqtigaas, waxaa laga yaabaa inaad u hindhiso "Waa maxay sababta aan u baran waayay Markdwon inuu qoro nuqul suuq-geynta online ka hor"?

Dhab ahaantii, waxaa jira 5 nooc oo keliya oo la isticmaalo Markdown syntax:

• Isticmaal # si aad qoraalkan ugu calaamadiso cinwaan heerka koowaad ah, iyo N # si aad tan ugu calaamadiso ciwaanka heerka N.
• Ku darista * ama 1. "2. "3. ka hor inta aan qoraalka la xaqiijin sida liiska.
• Ku dar > ka hor cutubka si aad u calaamadiso tixraac ahaan
• Ku dar * ka hor iyo ka dib qoraalka si aad farta ugu muujiso, iyo laba * si aad u muujiso geesinimo
• Isticmaal [text] (ciwaanka isku xirka) si aad u geliso hyperlinks

Soo dejiso plugin

Halkan ku calaamadee cinwaanka rasmiga ah ee soo dejinta:
http://markdown-here.com/get.html

Markdown halkan waa plugin browser ah (Chrome/Firefox/Safari) kaas oo u beddelaya qoraalka Markdown ee tafatiraha browserka oo u beddelaya HTML.Waxa kale oo aad habayn kartaa CSS, oo runtii u fiican kuwa inta badan isticmaala qaabka Markdown. Waxaad isticmaashaa Markdown si aad u qorto emails, documents, iwm.

Si aad u rakibto oo aad u dejiso Markdown Halkan, raac talaabooyinka hoose:

1. Ku rakib Markdown Here plugin gudaha Google Chrome
2. Habee Markdown Halkan Xulashada, habayso qaar CSS ah

Habka qorista degdega ah ee xisaabta dadweynaha

• Ku qor maqaal qaab Markdown ah, fadlan faahfaahin ka eeg maqaalkan: "Sida ugu dhaqsaha badan loo qoro xisaabta dadweynaha ee WeChat?Qaabka bilyaneerka Li Xiaolai wuxuu qaadanayaa 1 ilbiriqsi oo keliya"

WP+ habka qorista xisaabta rasmiga ah

• ee WordPress samee wechatHorumarinta akoonnada dadweynaha?Faahfaahinta ka eeg maqaalkan:"WordPress wuxuu ku dhejiyaa tifaftiraha xisaabaadka rasmiga ah ee WeChat, sida loo saxo qaabka qorista maqaalka? 》

CSS caado ah

Wax ka beddelka ugu weyn waa sida soo socota:

1. farta (xajmiga, midabka)
2. Kala dheereynta khadka
3. kala dheeraynta erayada

Mabaadi'da kooban waa sida soo socota:

• Cabbirka font ee jirka maqaalka ayaa doorbidaya inta u dhaxaysa 14-18px, iyadoo 16px ay tahay tan ugu habboon.
• Fogaanta xariiqdu waa 1.5-1.75 jeer kala dheeraynta xariiqda, taas oo u ekaan doonta mid raaxo leh.
• Maqaallada ku yaal teerminalka moobaylka looma baahna in lagu geliyo laynka koowaad.
• Inta u dhaxaysa cutubyada, xariiq maran ayaa ugu fiican.

Ku calaamadee halkan plugin CSS

Nuqul ka samee koodhka CSS-ka soo socda ee Chen Weiliang 's Markdown here plugin una dir Chrome → Settings → Extensions → markdown.here → Options → CSS-ka Aasaasiga ah

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

Waa kuwan laba qaab oo kale oo loogu talagalay Markdown-ka xirfadlayaasha warbaahinta cusub :

Yang Zhiping:

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

Li Xiaolai:

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