Markdown nov plugin download (Chrome extension installation tutorial)

Markdown herePlugin download (Chrome extension installation tutorial)

Markdown yog "email" style "markup lus".Chen Weiliangpom zoo rau txhua tusKev Lag Luam Hauv InternetCov kws txawj, kawm thiab paub cov lus.

Yog koj koom nrogIntercept Collegecov kev kawm los kawm uaWeb Promotion, yuav tsum tau sauE-kev lag luamKev Lag LuamNtawv Luam NtawvKab lus, Kuv tau hnov ​​​​txog Markdown, tab sis kuv tsis tau kawm, nws yuav tsum yog vim koj xav tias Markdown yuav nyuaj rau kev kawm.

Tab sis qhov tseeb, uaWechat kev lag luamTxhua tus editor ntawm, ntev npaum li nws siv sijhawm kaum feeb, tuaj yeem kawm tau.

Thaum lub sijhawm ntawd, koj yuav quaj "Vim li cas kuv tsis kawm Markdwon los sau cov ntawv luam online ua ntej"?

Qhov tseeb, tsuas muaj 5 hom kev siv Markdown syntax:

  • Siv # los khij cov ntawv no ua lub npe thawj qib, thiab N # los cim qhov no raws li N-theem lub npe.
  • Ntxiv * lossis 1. "2." 3. ua ntej cov ntawv tuaj yeem pom tau tias yog daim ntawv teev npe.
  • Ntxiv> ua ntej kab lus los cim nws ua ib qho kev siv
  • Ntxiv ib * ua ntej thiab tom qab cov ntawv nyeem kom pom cov ntawv qaij, thiab ob * los tso saib bold
  • Siv [ntawv nyeem](qhov chaw nyob) los ntxig hyperlinks

Plugin download tau

Markdown ntawm no Official download chaw nyob:
http://markdown-here.com/get.html

Markdown ntawm no yog browser plugin (Chrome/Firefox/Safari) uas hloov Markdown ntawv hauv tus editor hauv browser rau hauv HTML.Koj tuaj yeem hloov kho CSS, uas yog qhov txias heev rau cov neeg uas feem ntau siv hom Markdown.Koj siv Markdown los sau email, ntaub ntawv, thiab lwm yam.

Txhawm rau nruab thiab teeb tsa Markdown Ntawm no, tsuas yog ua raws cov kauj ruam hauv qab no:

  1. Nruab Markdown Here plugin hauv Google Chrome
  2. Configure Markdown Here Option, kho qee qhov CSS

Public account ceev typesetting txoj kev

WP + txheej txheem sau tus account

kev cai CSS

Lub ntsiab kev hloov kho yog raws li nram no:

  1. font (loj, xim)
  2. Kab sib nrug
  3. sib nrug

Cov ntsiab lus luv luv yog raws li nram no:

  • Lub font loj ntawm lub cev ntawm tsab xov xwm yog qhov zoo dua ntawm 14-18px, nrog 16px yog qhov haum tshaj plaws.
  • Txoj kab sib nrug yog 1.5-1.75 npaug ntawm kab sib nrug, uas yuav saib zoo dua.
  • Cov khoom ntawm lub davhlau ya nyob twg mobile tsis tas yuav tsum tau indented ntawm thawj kab.
  • Nyob nruab nrab ntawm kab lus, ib kab dawb paug yog qhov zoo tshaj plaws.

Markdown ntawm no plugin CSS

daim ntawv theejcov hauv qab noChen WeiliangSiv Markdown ntawm no plugin CSS code rau Chrome → Chaw → Extensions → markdown.here → Options → Basic Rendering CSS

Markdown nov plugin download (Chrome extension installation tutorial)

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

 

share 2 ntxivxov xwm tshiabKev cai style rau Markdown ntawm no rau tib neeg:

Yang Zhiping:

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

 

Li Xiaolai:

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

Cia siab Chen Weiliang Blog ( https://www.chenweiliang.com/ ) qhia "Markdown here plugin download (Chrome extension installation tutorial)", uas yog pab tau rau koj.

Zoo siab txais tos los qhia qhov txuas ntawm kab lus no:https://www.chenweiliang.com/cwl-471.html

Zoo siab txais tos rau Telegram channel ntawm Chen Weiliang blog kom tau txais qhov hloov tshiab tshiab!

🔔 Ua thawj tus tau txais txiaj ntsig "ChatGPT Content Marketing AI Tool Usage Guide" hauv cov npe saum toj kawg nkaus channel! 🌟 ib
📚 Daim ntawv qhia no muaj nuj nqis loj, 🌟Qhov no yog lub sijhawm tsis tshua muaj, tsis txhob nco nws! ⏰⌛💨
Share thiab like yog tias koj nyiam!
Koj qhov kev sib koom thiab kev nyiam yog peb qhov kev txhawb nqa tas mus li!

 

评论 评论

Koj email chaw nyob yuav tsis tsum luam tawm. Yuav tsum tau siv cov liaj teb * Ntaus Cim

scroll rau saum