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

Markdown halkan soo dejiso (waxbarashada rakibidda kordhinta Chrome)

Markdown waa "email" qaab "luuqad calaamadeyn ah".Chen Weiliangaad loogu talinayaa dhammaanSuuqgeynta InternetkaXirfadlayaasha, bartaan oo si fiican u yaqaan luqadda.

Hadii aad ka qayb qaadatoIntercept Collegekoorsooyin lagu barto in la sameeyoHorumarinta Shabkada, u baahan in la qoroGanacsiga E-ganacsigaSuuqgeyntaQoraalka qoraalkaMaqaalka, waan maqlay Markdown, laakiin ma aanan baran, waa inay noqotaa sababtoo ah waxaad u maleyneysaa in Markdown ay adkaan doonto in la barto.

Laakiin dhab ahaantii, samayntaSuuqgeynta WeChatTafatire kasta oo , inta ay qaadanayso toban daqiiqo, wuu baran karaa.

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

nuqulsoo socdaChen WeiliangIsticmaal Markdown-ka halkan plugin CSS code si aad u Chrome → Settings → Extensions → markdown.here → Options

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

la wadaag 2 kalewarbaahin cusubHababka gaarka ah ee Markdown halkan loogu talagalay dadka:

Yang Zhiping:

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

Li Xiaolai:

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