Unduh plugin Markdown di dieu (Tutorial pamasangan ekstensi Chrome)

Markdown Unduh di dieuPlugin (Tutorial pamasangan ekstensi Chrome)

Markdown mangrupikeun gaya "email" "basa markup".Chen Weiliangkacida dianjurkeun pikeun sakabéhPamasaran InternétPara praktisi, diajar sareng ngawasa basa.

Lamun anjeun ilubiung dinaIntercept Collegekursus, diajar ngalakukeunPromosi wéb, kudu nulisE-commercePamasaranPanulis naskahPasal, Kuring geus ngadéngé Markdown, tapi kuring teu diajar eta, eta kudu jadi sabab pikir Markdown bakal hese diajar.

Tapi dina kanyataanana, ngalakukeunpamasaran WechatSakur redaktur , salami sapuluh menit, tiasa diajar.

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

nyalinnyaétaChen WeiliangPaké Markdown dieu kode CSS plugin ka Chrome → Setélan → Ekstensi → markdown.here → Pilihan → CSS Rendering Dasar

/*
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;
}

babagi 2 deuimédia anyarGaya khusus pikeun Markdown di dieu pikeun jalma:

Yang Zhiping:

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

Li Xiaolai:

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