Markdown apa kutsitsa pulogalamu yowonjezera (maphunziro owonjezera a Chrome)

Tsitsani pulogalamu yowonjezera ya Markdown Here (phunziro lokhazikitsa zowonjezera za Chrome)

Markdown ndi chilankhulo cholembera makalata chomwe chimagwiritsidwa ntchito pa "imelo", ndipo Chen Weiliang akulangiza mwamphamvu kuti akatswiri onse otsatsa pa intaneti aphunzire ndikuchidziwa bwino chilankhulochi.

Ngati mudamvapo za Markdown kale koma simunaphunzire chifukwa mukutenga maphunziro ku Chazuo Academy kuti muphunzire malonda apaintaneti ndipo muyenera kulemba kopi yotsatsa malonda pa intaneti , mwina ndi chifukwa mukuganiza kuti Markdown ndi yovuta kwambiri kuphunzira.

Ndipotu, mkonzi aliyense wochita malonda a WeChat akhoza kuphunzira izi mu mphindi khumi zokha.

Panthawiyo, mutha kudandaula "Chifukwa chiyani sindinaphunzire Markdwon kulemba kopi yotsatsa pa intaneti"?

M'malo mwake, pali mitundu 5 yokha yamawu omwe amagwiritsidwa ntchito kwambiri a Markdown:

  • Gwiritsani ntchito # kuti mulembe mawuwa ngati mutu woyamba, ndi N # kuti mulembe ngati mutu wa N-level.
  • Kuonjezera * kapena 1. "2. "3. malemba asanazindikiridwe ngati mndandanda.
  • Onjezani> patsogolo pa ndimeyi kuti muyilembe ngati chilankhulo
  • Onjezani * mawu asanayambe kapena pambuyo pake kuti muwonetse italic, ndi ziwiri * kuti muwonetse m'zilembo zakuda
  • Gwiritsani ntchito [mawu](link adilesi) kuti muyike maulaliki

Kutsitsa pulogalamu yowonjezera

Markdown here Adilesi yotsitsa yovomerezeka:
http://markdown-here.com/get.html

Markdown apa ndi pulogalamu yowonjezera ya msakatuli (Chrome/Firefox/Safari) yomwe imatembenuza mawu a Markdown mumkonzi mu msakatuli kukhala HTML yomasulira.Mukhozanso kusintha CSS, yomwe ili yabwino kwambiri kwa iwo omwe amagwiritsa ntchito mawonekedwe a Markdown.Mumagwiritsa ntchito Markdown kulemba maimelo, zolemba, ndi zina.

Kuti muyike ndikukhazikitsa Markdown Apa, tsatirani izi:

  1. Ikani pulogalamu yowonjezera ya Markdown Here mu Google Chrome
  2. Konzani Markdown Apa Njira, sinthani CSS ina

Njira yosinthira mwachangu akaunti ya anthu

WP + ndondomeko yolembera akaunti

CSS mwambo

Zosintha zazikulu ndi izi:

  1. font (kukula, mtundu)
  2. Kutalikirana kwa mizere
  3. kusiyana kwa mawu

Mfundo zachidule ndi izi:

  • Kukula kwa mawonekedwe a thupi la nkhaniyo makamaka kumakhala pakati pa 14-18px, ndipo 16px ndiyomwe ili yoyenera kwambiri.
  • Kutalikirana kwa mizere ndi 1.5-1.75 kuchulukitsa kwa mizere, zomwe zidzawoneka bwino.
  • Zolemba pa ma terminals am'manja siziyenera kulembedwa pamzere woyamba.
  • Pakati pa ndime, mzere wopanda kanthu ndi wabwino kwambiri.

Markdown apa pulogalamu yowonjezera CSS

Koperani khodi iyi ya CSS kuchokera ku pulogalamu yowonjezera ya Chen Weiliang 's Markdown pano kupita ku Chrome → Zikhazikiko → Zowonjezera → markdown.here → Zosankha → Kupereka Koyambira CSS

Chen Weiliang: Markdown apa plug-in download (phunziro lowonjezera la Chrome)

/*
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 mitundu iwiri yowonjezera ya Markdown kwa akatswiri atsopano atolankhani :

Yang Zhiping:

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

 

Li Xiaolai:

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

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Pitani pamwamba