Плагинді мына жерден жүктеп алыңыз (Chrome кеңейтімін орнату оқулығы)

шамасы мұнда плагинді жүктеп алу (Chrome кеңейтімін орнату бойынша оқулық)

Markdown - бұл "электрондық пошта" стиліндегі "белгілеу тілі".Чен Вэйлянбарлығына өте ұсыныладыИнтернет-маркетингТәжірибешілер, тіл үйреніп, меңгеріңдер.

ҚатыссаңызIntercept колледжіжасауды үйренуге арналған курстарWeb Promotion, жазу керекЭлектрондық коммерцияМаркетингКопирайтингМақала, мен Markdown туралы естідім, бірақ мен оны үйренбедім, бұл Маркдаунды үйрену қиын болады деп ойлағандықтан болуы керек.

Бірақ шын мәнінде, істеуWeChat МаркетингОны кез келген редактор, он минут қажет болса, үйрене алады.

Сол кезде сіз «Неге мен Маркдвонға онлайн маркетинг көшірмесін жазуды бұрынырақ үйренбедім» деп күрсінетін шығарсыз?

Іс жүзінде Markdown синтаксисінің тек 5 түрі бар:

• Бұл мәтінді бірінші деңгейлі тақырып ретінде белгілеу үшін # пайдаланыңыз және оны N деңгейлі тақырып ретінде белгілеу үшін N # пайдаланыңыз.
• * немесе 1 қосу. "2." 3. Мәтінді тізім ретінде іске асыруға дейін.
• Оны сілтеме ретінде белгілеу үшін абзац алдына > қосыңыз
• Мәтіннің алдында және соңынан курсивпен көрсету үшін * және қалың қаріппен көрсету үшін екі * қосыңыз
• Гиперсілтемелерді енгізу үшін [мәтін](сілтеме мекенжайы) пайдаланыңыз

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

Жүктеп алудың ресми мекенжайы:
http://markdown-here.com/get.html

Markdown - бұл браузердегі редактордағы Markdown мәтінін көрсетілген HTML-ге түрлендіретін шолғыш плагині (Chrome/Firefox/Safari).Сондай-ақ, сіз Markdown пішімін жиі пайдаланатындар үшін өте жақсы болып табылатын CSS-ті теңшей аласыз. Электрондық хаттарды, құжаттарды және т.б. жазу үшін Markdown пайдаланасыз.

Мұнда Markdown орнату және орнату үшін төмендегі қадамдарды орындаңыз:

1. Google Chrome жүйесінде Markdown Here плагинін орнатыңыз
2. Мұнда Markdown параметрін конфигурациялаңыз, кейбір CSS теңшеңіз

Қоғамдық есептік жазбаны жылдам теру әдісі

• Markdown пішімінде мақала жазыңыз, егжей-тегжейлі ақпарат алу үшін осы мақаланы қараңыз: «WeChat жалпы тіркелгісін қалай жылдам теруге болады?Миллиардер Ли Сяолаидың макети небәрі 1 секундты алады«

WP+ ресми тіркелгі жазу процесі

• үшін WordPress чат жасаңызҚоғамдық есептік жазбаны жылжыту?Толық ақпарат алу үшін осы мақаланы қараңыз:«WordPress мақаланы теру стилін қалай дұрыс жасауға болатынын WeChat ресми тіркелгі редакторына қояды? 》

теңшелетін CSS

Негізгі модификациялар келесідей:

1. шрифт (көлемі, түсі)
2. Жол аралығы
3. сөз аралығы

Жиынтық принциптері келесідей:

• Мақала мәтінінің шрифт өлшемі 14-18 пиксель арасында, ең қолайлысы 16 пиксель болып табылады.
• Жол аралығы жол аралығынан 1.5-1.75 есе артық, бұл ыңғайлырақ көрінеді.
• Мобильді терминалдардағы мақалаларды бірінші жолда шегініспен жазудың қажеті жоқ.
• Абзацтар арасында бос жол ең жақсы.

Мұнда 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