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

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

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

Егер сіз Markdown туралы бұрын естіген болсаңыз, бірақ Chazuo Academy-де онлайн маркетингті үйрену курсынан өтіп жатқандықтан және электрондық коммерция маркетингі туралы мәтін жазу қажет болғандықтан үйренбеген болсаңыз , бұл сіз 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 плагинін белгілеңіз

Chen Weiliang компаниясының Markdown here плагинінен келесі 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;
}

Жаңа медиа мамандарына арналған тағы екі Markdown арнайы стильдері :

Ян Жипин:

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

Ли Сяолаи:

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