Directory articoli
Scarica il plugin Markdown Here (tutorial per l'installazione dell'estensione per Chrome)
Markdown è un linguaggio di markup "in stile email" e Chen Weiliang raccomanda vivamente a tutti i professionisti del marketing online di impararlo e padroneggiarlo.
Se hai già sentito parlare di Markdown ma non l'hai ancora imparato perché stai seguendo un corso alla Chazuo Academy per imparare il marketing online e devi scrivere testi pubblicitari per l'e-commerce , probabilmente è perché pensi che Markdown sia molto difficile da imparare.
In realtà, qualsiasi redattore che si occupi di marketing su WeChat può impararlo in soli dieci minuti.
In quel momento, potresti sospirare "Perché non ho imparato prima a Markdwon a scrivere testi di marketing online"?
In effetti, ci sono solo 5 tipi di sintassi Markdown comunemente usati:
- Usa # per contrassegnare questo testo come titolo di primo livello e N # per contrassegnarlo come titolo di livello N.
- Aggiungendo * o 1. "2. "3. prima che il testo possa essere realizzato come un elenco.
- Aggiungi > prima del paragrafo per contrassegnarlo come riferimento
- Aggiungi un * prima e dopo il testo per visualizzare il corsivo e due * per visualizzarlo in grassetto
- Utilizzare [testo](indirizzo del collegamento) per inserire collegamenti ipertestuali
Scarica plug-in
Ridimensiona qui Indirizzo di download ufficiale:
http://markdown-here.com/get.html
Markdown qui è un plug-in del browser (Chrome/Firefox/Safari) che converte il testo Markdown nell'editor nel browser in HTML renderizzato.Puoi anche personalizzare i CSS, il che è davvero interessante per coloro che usano spesso il formato Markdown.Usi Markdown per scrivere e-mail, documenti, ecc.
Per installare e configurare Markdown qui, segui i passaggi seguenti:
- Installa il plug-in Markdown Here in Google Chrome
- Configura l'opzione Markdown Here, personalizza alcuni CSS
Metodo di composizione rapida dell'account pubblico
- Scrivi un articolo in formato Markdown, fai riferimento a questo articolo per i dettagli: "Come digitare rapidamente l'account pubblico di WeChat?Il layout del miliardario Li Xiaolai richiede solo 1 secondo"
Processo ufficiale di scrittura dell'account WP+
- Da usare WordPress chattiamoPromozione dell'account pubblico?Vedi questo articolo per i dettagli:"WordPress incolla nell'editor dell'account ufficiale di WeChat, come rendere corretto lo stile di composizione dell'articolo? 》
CSS personalizzato
Le principali modifiche sono le seguenti:
- carattere (dimensione, colore)
- Interlinea
- spaziatura delle parole
I principi di sintesi sono i seguenti:
- La dimensione del carattere del corpo dell'articolo è preferibilmente compresa tra 14 e 18px, con 16px che è il più adatto.
- L'interlinea è 1.5-1.75 volte l'interlinea, che sembrerà più confortevole.
- Gli articoli sui terminali mobili non hanno bisogno di rientrare nella prima riga.
- Tra i paragrafi, è meglio una riga vuota.
Ridimensiona qui il plugin CSS
Copia il seguente codice CSS dal plugin Markdown here di Chen Weiliang in Chrome → Impostazioni → Estensioni → markdown.here → Opzioni → CSS di rendering di base

/*
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;
}
Ecco altri due stili personalizzati Markdown per i professionisti dei nuovi media :
Yang Zhiping:
https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-yzp.css
Li Xiaolai:
https://gist.github.com/xiaol ai /aa190255b7dde302d10208ae247fc9f2
Speriamo che l'articolo "Download del plugin Markdown Here (Tutorial di installazione dell'estensione Chrome)" condiviso sul blog di Chen Weiliang ( https://www.chenweiliang.com/ ) ti sia utile.
Sentitevi liberi di condividere il link di questo articolo: https://www.chenweiliang.com/cwl-471.html
