මෙහි සලකුණු කිරීම ප්ලගින බාගත කිරීම (Chrome දිගු ස්ථාපන නිබන්ධනය)

Markdown Here ප්ලගිනය බාගන්න (Chrome දිගු ස්ථාපන නිබන්ධනය)

Markdown යනු "ඊමේල්-විලාසයේ" සලකුණු භාෂාවක් වන අතර, සියලුම මාර්ගගත අලෙවිකරණ වෘත්තිකයන් මෙම භාෂාව ඉගෙන ගෙන ප්‍රගුණ කරන ලෙස චෙන් වෙයිලියැං තරයේ නිර්දේශ කරයි.

ඔබ Markdown ගැන කලින් අසා තිබුණත්, Chazuo Academy හි මාර්ගගත අලෙවිකරණය ඉගෙන ගැනීමට පාඨමාලාවක් හදාරන නිසා සහ e-commerce අලෙවිකරණ පිටපතක් ලිවීමට අවශ්‍ය නිසා එය ඉගෙන ගෙන නොමැති නම් , Markdown ඉගෙන ගැනීම ඉතා අපහසු යැයි ඔබ සිතන නිසා විය හැකිය.

ඇත්ත වශයෙන්ම, WeChat අලෙවිකරණයේ නියැලී සිටින ඕනෑම සංස්කාරකවරයෙකුට එය විනාඩි දහයකින් ඉගෙන ගත හැකිය.

ඒ වෙලාවේ "ඇයි මම කලින් මාර්ක්ඩ්වොන්ව ඔන්ලයින් මාර්කටින් කොපි ලියන්න ඉගෙන ගත්තේ නැත්තේ" කියලා සුසුම්ලන්න පුළුවන්.

ඇත්ත වශයෙන්ම, බහුලව භාවිතා වන මාර්ක්ඩවුන් සින්ටැක්ස් වර්ග 5 ක් පමණි:

• මෙම පෙළ පළමු මට්ටමේ මාතෘකාවක් ලෙස සලකුණු කිරීමට # භාවිතා කරන්න, සහ මෙය N මට්ටමේ මාතෘකාවක් ලෙස සලකුණු කිරීමට N # භාවිතා කරන්න.
• එකතු කිරීම * හෝ 1. "2. "3. පෙළට පෙර ලැයිස්තුවක් ලෙස සාක්ෂාත් කරගත හැකිය.
• එය යොමුවක් ලෙස සලකුණු කිරීමට ඡේදයට පෙර > එකතු කරන්න
• ඇල අකුරු සංදර්ශන කිරීමට පෙළට පෙර සහ පසුව * එකක් සහ තදබල ලෙස පෙන්වීමට * දෙකක් එක් කරන්න
• අධි සබැඳි ඇතුළත් කිරීමට [පෙළ](සබැඳි ලිපිනය) භාවිතා කරන්න

ප්ලගින බාගත කිරීම

මෙහි සලකුණු කිරීම නිල බාගත කිරීමේ ලිපිනය:
http://markdown-here.com/get.html

මෙහි මාර්ක්ඩවුන් යනු බ්‍රවුසරයේ සංස්කාරකයේ ඇති මාර්ක්ඩවුන් පාඨය විදැහුම් කරන ලද HTML බවට පරිවර්තනය කරන බ්‍රවුසර ප්ලගිනයක් (Chrome/Firefox/Safari) වේ.ඔබට CSS අභිරුචිකරණය කළ හැකිය, එය බොහෝ විට Markdown ආකෘතිය භාවිතා කරන අයට ඇත්තෙන්ම සිසිල් ය. ඔබ ඊමේල්, ලේඛන ආදිය ලිවීමට Markdown භාවිතා කරයි.

මෙහි Markdown ස්ථාපනය කිරීමට සහ සැකසීමට, පහත පියවර අනුගමනය කරන්න:

1. Google Chrome හි Markdown Here ප්ලගිනය ස්ථාපනය කරන්න
2. Markdown Here විකල්පය වින්‍යාස කරන්න, සමහර CSS අභිරුචිකරණය කරන්න

පොදු ගිණුම් ඉක්මන් අකුරු සැකසීමේ ක්‍රමය

• Markdown ආකෘතියෙන් ලිපියක් ලියන්න, කරුණාකර විස්තර සඳහා මෙම ලිපිය බලන්න: "WeChat පොදු ගිණුම ඉක්මනින් ටයිප් කරන්නේ කෙසේද?ප්‍රකෝටිපති Li Xiaolai ගේ පිරිසැලසුම සඳහා ගත වන්නේ තත්පර 1ක් පමණි"

WP+ නිල ගිණුම් ලිවීමේ ක්රියාවලිය

• සදහා වර්ඩ්ප්රෙස් wechat කරන්නපොදු ගිණුම් ප්‍රවර්ධනය?විස්තර සඳහා මෙම ලිපිය බලන්න:"වර්ඩ්ප්‍රෙස් WeChat නිල ගිණුම් සංස්කාරකය වෙත අලවයි, ලිපි අකුරු සැකසීමේ විලාසය නිවැරදි කරන්නේ කෙසේද? 》

අභිරුචි CSS

ප්රධාන වෙනස් කිරීම් පහත පරිදි වේ:

1. අකුරු (ප්‍රමාණය, වර්ණය)
2. පේලි අතර ඉඩ
3. වචන පරතරය

සාරාංශ මූලධර්ම පහත පරිදි වේ:

• ලිපියේ සිරුරේ අකුරු ප්‍රමාණය 14-18px අතර වීම වඩාත් සුදුසු වන අතර 16px වඩාත් සුදුසු වේ.
• රේඛා පරතරය රේඛා පරතරය මෙන් 1.5-1.75 ගුණයක් වන අතර එය වඩාත් සුවපහසු ලෙස පෙනෙනු ඇත.
• ජංගම පර්යන්තවල ලිපි පළමු පේළියට ඇතුල් කිරීම අවශ්ය නොවේ.
• ඡේද අතර, හිස් රේඛාවක් හොඳම වේ.

මෙහි සලකුණු කිරීම CSS ප්ලගිනය කරන්න

Chen Weiliang ගේ Markdown here ප්ලගිනයෙන් පහත CSS කේතය Chrome → Settings → Extensions → markdown.here → Options → Basic Rendering 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;
}

නව මාධ්‍ය වෘත්තිකයන් සඳහා තවත් Markdown අභිරුචි විලාස දෙකක් මෙන්න:

Yang Zhiping:

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

Li Xiaolai:

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