Markdown бул жерден плагинди жүктөп алуу (Chrome кеңейтүүсүн орнотуу үйрөткүчү)

Markdown Here плагинин жүктөп алыңыз (Chrome кеңейтүүсүн орнотуу боюнча окуу куралы)

Markdown - бул "электрондук почта стилиндеги" белгилөө тили, жана Чен Вэйлян бардык онлайн-маркетинг адистерине бул тилди үйрөнүүнү жана өздөштүрүүнү сунуштайт .

Эгер сиз Markdown жөнүндө мурда уккан болсоңуз, бирок аны Chazuo Academyде онлайн маркетингди үйрөнүү үчүн курска катышып жаткандыктан жана электрондук коммерция маркетинги боюнча текст жазышыңыз керек болгондуктан үйрөнө элек болсоңуз, анда сиз Markdownду үйрөнүү абдан кыйын деп ойлогондуктан болушуңуз мүмкүн.

Чындыгында, WeChat маркетинги менен алектенген ар бир редактор аны он мүнөттүн ичинде үйрөнө алат.

Ошол убакта сиз "эмне үчүн мен Маркдвонго онлайн маркетинг көчүрмөсүн жазганды үйрөнгөн жокмун" деп үшкүрөсүз?

Чынында, көп колдонулган Markdown синтаксисинин 5 гана түрү бар:

• Бул текстти биринчи даражадагы аталыш катары белгилөө үчүн # колдонуңуз, ал эми аны N деңгээлиндеги аталыш катары белгилөө үчүн N # колдонуңуз.
• * же 1 кошуу. "2. "3. текст тизме катары ишке ашырылышы мүмкүн алдында.
• Аны шилтеме катары белгилөө үчүн абзацтын алдына > кошуңуз
• Тексттин алдында жана кийин курсив менен көрсөтүү үчүн * жана калың менен көрсөтүү үчүн эки * кошуңуз
• Гипершилтемелерди киргизүү үчүн [текст](шилтеме дареги) колдонуңуз

Плагинди жүктөп алуу

Маркdown бул жерде расмий жүктөө дареги:
http://markdown-here.com/get.html

Markdown бул жерде браузердеги редактордогу Markdown текстин рендерленген HTMLге айландырган браузер плагини (Chrome/Firefox/Safari).Сиз ошондой эле CSS-ти ыңгайлаштыра аласыз, бул Markdown форматын көп колдонгондор үчүн абдан сонун. Сиз Markdownду электрондук каттарды, документтерди ж.б. жазуу үчүн колдоносуз.

Бул жерде Markdown орнотуу жана орнотуу үчүн төмөнкү кадамдарды аткарыңыз:

1. Google Chrome'го Markdown Бул жерде плагинди орнотуңуз
2. Бул жерде Markdown конфигурациялоо опциясы, кээ бир CSS ыңгайлаштырыңыз

Коомдук эсепти тез терүү ыкмасы

• Маркdown форматында макала жазыңыз, чоо-жайын билүү үчүн ушул макаланы караңыз: "WeChat коомдук эсебин кантип тез терүү керек?Миллиардер Ли Сяолайдын макети 1 секундду гана алат«

WP+ расмий эсеп жазуу процесси

• үчүн WordPress wechat кылКоомдук эсепти жылдыруу?чоо-жайын билүү үчүн бул макаланы карагыла:"WordPress WeChat расмий аккаунтунун редакторуна чаптап, макаланы терүү стилин кантип туура кылуу керек? 》

ыңгайлаштырылган CSS

Негизги өзгөртүүлөр төмөнкүлөр болуп саналат:

1. шрифт (өлчөмү, түсү)
2. Сап аралыгы
3. сөз аралыгы

Жыйынтык принциптери төмөнкүдөй:

• Макаланын негизги шрифтинин өлчөмү 14-18px ортосунда, эң ылайыктуусу 16px менен.
• Сап аралыгы 1.5-1.75 эсе сап аралыкты түзөт, бул ыңгайлуураак көрүнөт.
• Мобилдик терминалдардагы макалалар биринчи сапта чегинүүнүн кереги жок.
• Абзацтардын ортосунда бош сап эң жакшы.

Markdown бул жерде плагин CSS

Төмөнкү CSS кодун Chen Weiliang'дын Markdown here плагининен 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;
}

Жаңы медиа адистери үчүн дагы эки Markdown ыңгайлаштырылган стили :

Ян Жипин:

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

Ли Сяолаи:

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