Markdown залгаасыг эндээс татаж авах (Chrome өргөтгөл суулгах заавар)

Markdown Эндээс Plugin татаж авах (Chrome өргөтгөл суулгах заавар)

Markdown нь "мэйл" маягийн "тэмдэглэгээний хэл" юм.Чен Вэйлянбүгдэд маш их зөвлөж байна网络 营销Бясалгагчид аа, хэл сурч, эзэмшээрэй.

Хэрэв та оролцволIntercept коллежхийж сурах курсуудВэб сурталчилгаа, бичих хэрэгтэйЦахим худалдааМаркетингХуулбар зохиохНийтлэл, би Markdown-ийн талаар сонссон, гэхдээ би үүнийг сураагүй, энэ нь Маркдауныг сурахад хэцүү байх болно гэж та бодож байгаа болохоор тэр байх.

Гэвч үнэн хэрэгтээ хийж байнаWeChat МаркетингXNUMX минут зарцуулсан л бол ямар ч редактор үүнийг сурч чадна.

Тэр үед та "Яагаад би Маркдвоныг онлайн маркетингийн хуулбар бичиж сураагүй юм бэ" гэж санаа алдаж магадгүй юм?

Үнэн хэрэгтээ зөвхөн 5 төрлийн түгээмэл хэрэглэгддэг Markdown синтакс байдаг:

• Энэ текстийг нэгдүгээр түвшний гарчиг болгон тэмдэглэхийн тулд #, N #-г ашиглан N түвшний гарчиг гэж тэмдэглэнэ үү.
• * эсвэл 1 нэмэх. "2. "3. Текстийг жагсаалт болгон хэрэгжүүлэхээс өмнө.
• Үүнийг ишлэл болгон тэмдэглэхийн тулд догол мөрийн өмнө > нэмнэ үү
• Текстийн өмнө болон ард нь налуугаар харуулахын тулд *, тодоор харуулахын тулд хоёр * нэмнэ
• Гипер холбоос оруулахын тулд [текст](холбоос хаяг) ашиглана уу

Plugin татаж авах

Татаж авах албан ёсны хаяг:
http://markdown-here.com/get.html

Markdown нь хөтчийн засварлагч дахь Markdown текстийг HTML-д хувиргадаг хөтчийн залгаас (Chrome/Firefox/Safari) юм.Та мөн Markdown форматыг байнга ашигладаг хүмүүст үнэхээр тохиромжтой CSS-ийг өөрчлөх боломжтой. Та Markdown ашиглан имэйл, баримт бичиг гэх мэтийг бичдэг.

Markdown-ийг энд суулгаж, тохируулахын тулд дараах алхмуудыг дагана уу.

1. Google Chrome дээр Markdown энд залгаасыг суулгана уу
2. Энд Markdown-ыг тохируулах, зарим CSS-г тохируулах

Нийтийн дансыг хурдан бичих арга

• Markdown форматаар нийтлэл бичээрэй, дэлгэрэнгүйг энэ нийтлэлээс үзнэ үү: "WeChat нийтийн дансыг хэрхэн хурдан бичих вэ?Тэрбумтан Ли Сяолагийн зураг төсөл ердөө 1 секунд л зарцуулагдана"

WP+ албан ёсны данс бичих үйл явц

• 用 WordPress чат хийхНийтийн дансны сурталчилгаа?Дэлгэрэнгүйг энэ нийтлэлээс үзнэ үү:"WordPress нь нийтлэлийн хэв маягийг хэрхэн зөв болгох талаар WeChat албан ёсны бүртгэлийн засварлагч руу оруулдаг? 》

захиалгат CSS

Үндсэн өөрчлөлтүүд нь дараах байдалтай байна.

1. фонт (хэмжээ, өнгө)
2. Мөр хоорондын зай
3. үг хоорондын зай

Хураангуй зарчмууд нь дараах байдалтай байна.

• Өгүүллийн үндсэн хэсгийн үсгийн хэмжээ нь 14-18px, 16px бол хамгийн тохиромжтой.
• Мөр хоорондын зай нь мөр хоорондын зайнаас 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