Markdown burada eklenti indir (Chrome uzantısı yükleme öğreticisi)

Markdown herePlugin indirme (Chrome uzantısı yükleme eğitimi)

Markdown, bir "e-posta" stili "biçimlendirme dilidir".Chen Weiliangherkese şiddetle tavsiye edilirİnternet pazarlamacılığıUygulayıcılar, dili öğrenin ve ustalaşın.

Eğer katılırsanızIntercept Kolejiyapmayı öğrenmek için kurslarWeb Promosyonu, yazman gerekElektrik tedarikçisipazarlamaMetin YazarlığıMakale, Markdown'ı duydum ama öğrenmedim, çünkü Markdown'ı öğrenmenin zor olacağını düşünüyorsunuz.

Ama aslında, yapıyorWechat pazarlamaHerhangi bir editör, on dakika sürdüğü sürece öğrenebilir.

O zaman, "Neden daha önce Markdwon'dan çevrimiçi pazarlama metni yazmayı öğrenmedim" diye iç geçirebilirsiniz?

Aslında, yaygın olarak kullanılan yalnızca 5 tür Markdown sözdizimi vardır:

• Bu metni birinci düzey başlık olarak işaretlemek için # ve bunu N düzey başlık olarak işaretlemek için N # kullanın.
• Metinden önce * veya 1. "2. " 3. eklenerek liste olarak gerçekleştirilebilir.
• Referans olarak işaretlemek için paragrafın önüne > ekleyin
• İtalik görüntülemek için metnin önüne ve arkasına bir * ve kalın olarak görüntülemek için iki * ekleyin
• Köprüler eklemek için [metin](bağlantı adresi) kullanın

Eklenti indirme

Markdown burada Resmi indirme adresi:
http://markdown-here.com/get.html

Buradaki Markdown, tarayıcıdaki düzenleyicideki Markdown metnini işlenmiş HTML'ye dönüştüren bir tarayıcı eklentisidir (Chrome/Firefox/Safari).Ayrıca, Markdown formatını sıklıkla kullananlar için gerçekten harika olan CSS'yi de özelleştirebilirsiniz.Markdown'ı e-posta, belge vb. yazmak için kullanırsınız.

Markdown Here'ı kurmak ve kurmak için aşağıdaki adımları uygulamanız yeterlidir:

1. Google Chrome'da Markdown Here eklentisini yükleyin
2. Burada İşaretleme Seçeneğini Yapılandırın, bazı CSS'leri özelleştirin

Genel hesap hızlı dizgi yöntemi

• Markdown formatında bir makale yazın, ayrıntılar için lütfen bu makaleye bakın: "WeChat genel hesabı nasıl hızlı bir şekilde dizilir?Milyarder Li Xiaolai'nin düzeni sadece 1 saniye sürüyor"

WP+ resmi hesap yazma süreci

• Kullanmak için WordPress sohbet etmekHerkese açık hesap tanıtımı?Ayrıntılar için bu makaleye bakın:"WordPress, WeChat resmi hesap düzenleyicisine yapıştırır, makale dizgi stilinin nasıl doğru hale getirileceği? 》

özel CSS

Ana değişiklikler aşağıdaki gibidir:

1. yazı tipi (boyut, renk)
2. Satır aralığı
3. kelime aralığı

Özet ilkeler aşağıdaki gibidir:

• Makalenin gövdesinin yazı tipi boyutu tercihen 14-18 piksel arasındadır, en uygunu 16 pikseldir.
• Satır aralığı, satır aralığının 1.5-1.75 katı olduğundan daha rahat görünecektir.
• Mobil terminallerdeki makalelerin ilk satırda girintili olması gerekmez.
• Paragraflar arasında boş bir satır en iyisidir.

Burada işaretleme eklentisi CSS

kopyalamakaşağıdaChen WeiliangMarkdown burada eklenti CSS kodunu kullanın Chrome → Ayarlar → Uzantılar → markdown.here → Seçenekler → Temel İşleme CSS'si

/*
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 tane daha paylaşyeni Medyaİnsanlar için Markdown için özel stiller burada:

Yang Zhiping:

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

Li Xiaolai:

https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2