ဤနေရာတွင် အမှတ်အသားပြုပါ ပလပ်အင်ဒေါင်းလုဒ်လုပ်ပါ (Chrome တိုးချဲ့တပ်ဆင်ခြင်း သင်ခန်းစာ)

Markdown ဤနေရာတွင် ပလပ်အင်ဒေါင်းလုဒ်လုပ်ပါ (Chrome တိုးချဲ့တပ်ဆင်မှု သင်ခန်းစာ)

Markdown သည် "အီးမေးလ်" ပုံစံ "markup ဘာသာစကား" ဖြစ်သည်။Chen Weiliangအားလုံးအတွက် အထူးအကြံပြုလိုပါသည်။网络营销လေ့ကျင့်သူများ၊ သင်ယူပြီး ဘာသာစကားကို ကျွမ်းကျင်အောင်လုပ်ပါ။

ပါဝင်မယ်ဆိုရင်ကြားဖြတ်ကောလိပ်သင်ယူရန်သင်တန်းများဝဘ်မြှင့်တင်ရေး၊ ရေးဖို့ လိုတယ်။လျှပ်စစ်ထောက်ပံ့စျေးကွက်ရှာဖွေရေးကူးယူရေးဆောင်းပါး၊ Markdown ကို ကြားဖူးပေမယ့် အဲဒါကို ကျွန်တော် မလေ့လာဖူးဘူး၊ Markdown က သင်ယူရခက်မယ်လို့ သင်ထင်တဲ့အတွက်ကြောင့် ဖြစ်မယ်။

ဒါပေမယ့် တကယ်တမ်း လုပ်နေတာWechat စျေးကွက်ရှာဖွေရေးဆယ်မိနစ်လောက်ကြာရင် ဘယ်အယ်ဒီတာမဆို သင်ယူနိုင်ပါတယ်။

ထိုအချိန်တွင် သင်သည် "အွန်လိုင်းစျေးကွက်ရှာဖွေရေးကော်ပီရေးရန် Markdwon ကို အဘယ်ကြောင့် မသင်ခဲ့ရသနည်း"

တကယ်တော့၊ အသုံးများတဲ့ Markdown syntax အမျိုးအစား 5 မျိုးပဲရှိပါတယ်။

• ဤစာသားကို ပထမအဆင့် ခေါင်းစဉ်အဖြစ် အမှတ်အသားပြုရန်နှင့် ၎င်းကို N အဆင့် ခေါင်းစဉ်အဖြစ် အမှတ်အသားပြုရန် N# ကို အသုံးပြုပါ။
• Adding * or 1. "2." 3. စာသားကို စာရင်းတစ်ခုအဖြစ် သဘောပေါက်နိုင်သည် ။
• အကိုးအကားအဖြစ် အမှတ်အသားပြုရန် စာပိုဒ်ရှေ့တွင် > ထည့်ပါ။
• စာလုံးစောင်းပြရန် * စာလုံးရှေ့နှင့်နောက်ကို စာလုံးစောင်းဖြင့်ဖော်ပြရန်နှင့် ၎င်းကို ရဲရင့်စွာပြသရန် * နှစ်ခုကို ထည့်ပါ။
• ဟိုက်ပါလင့်ခ်များကို ထည့်သွင်းရန် [စာသား](လင့်ခ်လိပ်စာ) ကို အသုံးပြုပါ။

ပလပ်အင်ဒေါင်းလုဒ်လုပ်ပါ။

ဤနေရာတွင် အမှတ်အသားပြု၍ တရားဝင်ဒေါင်းလုဒ်လိပ်စာ-
http://markdown-here.com/get.html

ဤနေရာတွင် Markdown သည် ဘရောက်ဆာပလပ်အင် (Chrome/Firefox/Safari) သည် ဘရောက်ဆာရှိ တည်းဖြတ်သူရှိ Markdown စာသားကို ပြန်ဆိုထားသော HTML အဖြစ်သို့ ပြောင်းလဲပေးသည့် ဘရောက်ဆာပလပ်အင်တစ်ခု (Chrome/Firefox/Safari) ဖြစ်သည်။Markdown ဖော်မတ်ကို မကြာခဏအသုံးပြုသူများအတွက် အလွန်ကောင်းမွန်သည့် CSS ကို စိတ်ကြိုက်ပြင်ဆင်နိုင်သည်။ သင်သည် အီးမေးလ်များ၊ စာရွက်စာတမ်းများ စသည်တို့ကို ရေးသားရန် Markdown ကို အသုံးပြုသည်။

Markdown Here ကို install လုပ်ပြီး set up လုပ်ရန်၊ အောက်ပါ အဆင့်များကို လိုက်နာပါ။

1. Google Chrome တွင် Markdown Here ပလပ်အင်ကို ထည့်သွင်းပါ။
2. Markdown Here Option ကို စီစဉ်သတ်မှတ်ပါ၊ အချို့သော CSS ကို စိတ်ကြိုက်ပြင်ဆင်ပါ။

အများသူငှာ အကောင့်အမြန်စာရိုက်ခြင်းနည်းလမ်း

• Markdown ဖော်မတ်ဖြင့် ဆောင်းပါးတစ်ပုဒ်ရေးပါ၊ အသေးစိတ်အတွက် ဤဆောင်းပါးကို ဖတ်ရှုပါ။: "WeChat အများသူငှာအကောင့်ကို အမြန်စာရိုက်နည်း။ဘီလီယံနာ Li Xiaolai ၏ အပြင်အဆင်သည် ၁ စက္ကန့်သာ ကြာသည်။"

WP+ တရားဝင်အကောင့်ရေးသားခြင်းလုပ်ငန်းစဉ်

• အသုံးပြုပါ WordPress wechat လုပ်ပါ။အများသူငှာအကောင့်မြှင့်တင်ရေး?အသေးစိတ်အတွက် ဤဆောင်းပါးကို ကြည့်ပါ-"WordPress သည် WeChat တရားဝင်အကောင့်တည်းဖြတ်သူသို့ ကူးထည့်သည်၊၊ ဆောင်းပါးစာရိုက်ခြင်းစတိုင်ကို မမှားအောင်ပြုလုပ်နည်း? 》

စိတ်ကြိုက် CSS

အဓိက ပြုပြင်ပြောင်းလဲမှုများမှာ အောက်ပါအတိုင်းဖြစ်သည်။

1. ဖောင့် (အရွယ်အစား၊ အရောင်)
2. လိုင်းအကွာ
3. စကားလုံးအကွာအဝေး

အကျဉ်းချုပ်မူများမှာ အောက်ပါအတိုင်းဖြစ်သည်။

• ဆောင်းပါးကိုယ်ထည်၏ ဖောင့်အရွယ်အစားသည် 14-18px အကြား ဖြစ်နိုင်ချေရှိပြီး 16px သည် အသင့်တော်ဆုံးဖြစ်သည်။
• လိုင်းအကွာအဝေးသည် မျဉ်းအကွာအဝေးထက် 1.5-1.75 ဆဖြစ်ပြီး ပိုမိုသက်တောင့်သက်သာရှိမည်ဖြစ်သည်။
• မိုဘိုင်းလ်စက်များပေါ်ရှိ ဆောင်းပါးများကို ပထမစာကြောင်းတွင် ဘောင်ခတ်ရန် မလိုအပ်ပါ။
• စာပိုဒ်များကြားတွင် အလွတ်မျဉ်းသည် အကောင်းဆုံးဖြစ်သည်။

ဤနေရာတွင် ပလပ်အင် CSS ကို အမှတ်အသားပြုပါ။

ကော်ပီအောက်ပါChen WeiliangMarkdown here plugin CSS code ကိုသုံးပါ။ Chrome → ဆက်တင်များ → တိုးချဲ့မှုများ → markdown.here → ရွေးချယ်မှုများ → အခြေခံ 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;
}

နောက်ထပ် 2 ခုမျှဝေပါ။မီဒီယာအသစ်ဤနေရာတွင် Markdown အတွက် စိတ်ကြိုက်စတိုင်များ

Yang Zhiping-

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

Li Xiaolai-

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