Завантаження плагіна Markdown тут (підручник із встановлення розширення Chrome)

Завантажте плагін Markdown Here (інструкція з встановлення розширення Chrome)

Markdown — це мова розмітки в стилі електронної пошти, і Чень Вейлян наполегливо рекомендує всім фахівцям з онлайн-маркетингу вивчити та опанувати цю мову.

Якщо ви вже чули про Markdown, але не вивчили його, бо проходите курс в Академії Chazuo з вивчення онлайн-маркетингу та вам потрібно писати маркетингові тексти для електронної комерції , це, ймовірно, тому, що ви вважаєте, що Markdown дуже складний для вивчення.

Фактично, будь-який редактор, який займається маркетингом у WeChat, може навчитися цьому всього за десять хвилин.

У той час ви можете зітхнути: «Чому я не навчив Маркдвона писати онлайн-маркетингові тексти раніше»?

Насправді існує лише 5 типів загальновживаного синтаксису Markdown:

• Використовуйте #, щоб позначити цей текст як заголовок першого рівня, і N #, щоб позначити це як заголовок N-рівня.
• Додавання * або 1. "2. "3. перед текстом може бути реалізовано як список.
• Додайте > перед абзацом, щоб позначити його як посилання
• Додайте * перед і після тексту, щоб відображати курсив, і дві *, щоб відображати його жирним шрифтом
• Використовуйте [текст] (адреса посилання), щоб вставити гіперпосилання

Завантажити плагін

Markdown тут Офіційна адреса завантаження:
http://markdown-here.com/get.html

Тут Markdown — це плагін для веб-переглядача (Chrome/Firefox/Safari), який перетворює текст Markdown у редакторі браузера на відтворений HTML.Ви також можете налаштувати CSS, що дуже круто для тих, хто часто використовує формат Markdown.Ви використовуєте Markdown для написання електронних листів, документів тощо.

Щоб установити та налаштувати Markdown Here, просто виконайте наведені нижче дії.

1. Встановіть плагін Markdown Here у Google Chrome
2. Налаштуйте опцію Markdown Here, налаштуйте деякі CSS

Метод швидкого набору публічного облікового запису

• Напишіть статтю у форматі Markdown, подробиці див. у цій статті: "Як швидко набрати паблік акаунт WeChat?Макет мільярдера Лі Сяоляя займає лише 1 секунду"

Процес створення офіційного облікового запису WP+

• Використовуйте WordPress робити wechatРозкрутка публічного облікового запису?Докладніше див. у цій статті:"WordPress вставляє в редактор офіційного облікового запису WeChat, як зробити правильний стиль набору статті? 》

спеціальний CSS

Основні модифікації:

1. шрифт (розмір, колір)
2. Міжрядковий інтервал
3. інтервал між словами

Короткі принципи такі:

• Бажано, щоб розмір шрифту основної частини статті становив 14-18 пікселів, найкраще – 16 пікселів.
• Міжрядковий інтервал в 1.5-1.75 рази більше міжрядкового інтервалу, що буде виглядати зручніше.
• Статті на мобільних терміналах не потрібно робити з відступом у першому рядку.
• Між абзацами найкраще порожній рядок.

Markdown тут плагін CSS

Скопіюйте наступний CSS-код з плагіна Markdown here від Chen Weiliang до 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