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

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

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

Эгер катышсаңызIntercept колледжижасоону үйрөнүү үчүн курстарWeb Promotion, жазуу керекэлектр жеткирүүчүMarketingкопирайтингМакала, мен Маркдаун жөнүндө уктум, бирок мен аны үйрөнө элекмин, анткени Маркдаун үйрөнүү кыйын болот деп ойлойсуз.

Бирок чындыгында кылып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

көчүрүүАзЧен ВейлянБул жерде Markdown плагининин CSS кодун колдонуңуз 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 үчүн ыңгайлаштырылган стилдер:

Ян Жипин:

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

Ли Сяолаи:

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