Scarica il plug-in Markdown here (esercitazione sull'installazione dell'estensione Chrome)

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:

  1. Installa il plug-in Markdown Here in Google Chrome
  2. Configura l'opzione Markdown Here, personalizza alcuni CSS

Metodo di composizione rapida dell'account pubblico

Processo ufficiale di scrittura dell'account WP+

CSS personalizzato

Le principali modifiche sono le seguenti:

  1. carattere (dimensione, colore)
  2. Interlinea
  3. 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

Chen Weiliang: download del plug-in Markdown qui (tutorial sull'installazione dell'estensione Chrome)

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

发表 评论

您的邮箱地址不会被公开.必填项已用*标注

Scorrere fino a Top