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

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

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

Якщо ви берете участь уIntercept Collegeкурси, щоб навчитися робитиВеб-просування, треба писатиЕлектронна комерціяМаркетингКопірайтингСтаття, я чув про Markdown, але не вивчив його, мабуть, тому, що ви думаєте, що 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, щоб 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