Unduh plugin Markdown di dieu (Tutorial pamasangan ekstensi Chrome)

Unduh plugin Markdown Here (tutorial pamasangan éksténsi Chrome)

Markdown nyaéta basa markup "gaya email", sareng Chen Weiliang nyarankeun pisan ka sadaya praktisi pamasaran online pikeun diajar sareng nguasaan basa ieu.

Upami anjeun kantos nguping Markdown sateuacanna tapi teu acan diajar éta kusabab anjeun ngiringan kursus di Chazuo Academy pikeun diajar pamasaran online sareng kedah nyerat salinan pamasaran e-commerce , éta panginten kusabab anjeun mikir Markdown sesah pisan dipelajari.

Kanyataanna, saha waé éditor anu kalibet dina pamasaran WeChat tiasa diajar éta ngan ukur dina sapuluh menit.

Dina waktos éta, anjeun tiasa ngahuleng "Naha kuring henteu diajar Markdwon nyerat salinan pamasaran online tadi"?

Nyatana, ngan ukur aya 5 jinis sintaksis Markdown anu biasa dianggo:

• Anggo # pikeun nandaan téks ieu salaku judul tingkat kahiji, sareng N # pikeun nandaan ieu salaku judul tingkat N.
• Nambahkeun * atawa 1. "2. "3. saméméh téks bisa direalisasikeun salaku daptar.
• Tambihkeun > sateuacan paragraf pikeun ditandaan salaku rujukan
• Tambihkeun * sateuacan sareng saatos téks pikeun nunjukkeun miring, sareng dua * pikeun nampilkeunana dina hurup
• Anggo [téks] (alamat tautan) pikeun nyelapkeun hyperlink

Unduh plugin

Markdown dieu Alamat download resmi:
http://markdown-here.com/get.html

Markdown di dieu mangrupikeun plugin browser (Chrome/Firefox/Safari) anu ngarobih téks Markdown dina editor dina browser kana HTML anu didamel.Anjeun ogé tiasa nyaluyukeun CSS, anu saé pisan pikeun anu sering nganggo format Markdown. Anjeun nganggo Markdown pikeun nyerat email, dokumén, jsb.

Pikeun masang sareng nyetél Markdown Ieuh, tuturkeun léngkah-léngkah ieu di handap:

1. Pasang Markdown dieu plugin dina Google Chrome
2. Konpigurasikeun Markdown Di dieu Pilihan, ngaropea sababaraha CSS

Métode pangaturan gancang akun publik

• Tulis artikel dina format Markdown, mangga tingal artikel ieu pikeun detil: "Kumaha gancang ngetikkeun akun umum WeChat?Tata perenah miliarder Li Xiaolai ngan ukur butuh 1 detik"

WP + prosés nulis akun resmi

• pikeun WordPress ngalakukeun wechatPromosi akun publik?Tempo artikel ieu pikeun detil:"WordPress nempelkeun kana redaktur akun resmi WeChat, kumaha carana ngadamel gaya tulisan tulisan anu leres? 》

CSS custom

Modifikasi utama nyaéta kieu:

1. font (ukuran, warna)
2. Spasi garis
3. spasi kecap

Prinsip kasimpulan nyaéta kieu:

• Ukuran font dina awak artikel langkung saé antara 14-18px, kalayan 16px anu paling cocog.
• Jarak garis nyaéta 1.5-1.75 kali jarak garis, anu bakal katingali langkung nyaman.
• Artikel dina terminal mobile teu kudu indented dina baris kahiji.
• Antara paragraf, baris kosong pangalusna.

Markdown dieu plugin CSS

Salin kode CSS ieu tina plugin Markdown here Chen Weiliang ka Chrome → Settings → Extensions → markdown.here → Options → Basic Rendering 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;
}

Ieu dua gaya khusus Markdown deui pikeun para profesional média anyar :

Yang Zhiping:

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

Li Xiaolai:

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