Markdown aqui download do plug-in (tutorial de instalação da extensão do Chrome)

Redução de preço aquiPlugin download (tutorial de instalação da extensão do Chrome)

Markdown é uma "linguagem de marcação" estilo "e-mail".Chen Weiliangaltamente recomendado para todosMarketing na InternetPraticantes, aprendam e dominem o idioma.

Se você participarIntercept Collegecursos para aprender a fazerPromoção na Web, precisa escreverComércio eletrônicoMarketingRedaçãoArtigo, já ouvi falar de Markdown, mas não aprendi, deve ser porque você acha que Markdown será difícil de aprender.

Mas, na verdade, fazendoWechat marketingQualquer editor de , desde que leve dez minutos, pode aprender.

Naquela época, você pode suspirar "Por que não aprendi Markdwon a escrever uma cópia de marketing on-line mais cedo"?

Na verdade, existem apenas 5 tipos de sintaxe Markdown comumente usada:

  • Use # para marcar este texto como um título de primeiro nível e N # para marcá-lo como um título de N nível.
  • Adicionando * ou 1. "2. "3. antes que o texto possa ser realizado como uma lista.
  • Adicione > antes do parágrafo para marcá-lo como referência
  • Adicione um * antes e depois do texto para exibir itálico e dois * para exibir negrito
  • Use [texto](endereço do link) para inserir hiperlinks

Download do plug-in

Markdown aqui Endereço oficial de download:
http://markdown-here.com/get.html

Markdown aqui é um plug-in do navegador (Chrome/Firefox/Safari) que converte o texto Markdown no editor do navegador em HTML renderizado.Você também pode personalizar o CSS, o que é muito legal para quem costuma usar o formato Markdown. Você usa o Markdown para escrever e-mails, documentos, etc.

Para instalar e configurar o Markdown Here, basta seguir os passos abaixo:

  1. Instale o plugin Markdown Here no Google Chrome
  2. Configure a opção Markdown Here, personalize alguns CSS

Método de composição rápida de conta pública

Processo de criação de conta oficial WP+

CSS customizado

As principais modificações são as seguintes:

  1. fonte (tamanho, cor)
  2. Espaçamento entre linhas
  3. espaçamento entre palavras

Os princípios resumidos são os seguintes:

  • O tamanho da fonte do corpo do artigo é preferencialmente entre 14-18px, sendo 16px o mais adequado.
  • O espaçamento entre linhas é de 1.5 a 1.75 vezes o espaçamento entre linhas, o que parecerá mais confortável.
  • Artigos em terminais móveis não precisam ser recuados na primeira linha.
  • Entre os parágrafos, uma linha em branco é melhor.

Markdown aqui plugin CSS

cópia deAbaixoChen WeiliangUse o código CSS do plugin Markdown here para Chrome → Configurações → Extensões → markdown.here → Opções → CSS básico de renderização

Markdown aqui download do plug-in (tutorial de instalação da extensão do 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;
}

 

compartilhe mais 2Novas mídiasEstilos personalizados para Markdown aqui para pessoas:

Yang Zhiping:

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

 

Li Xiaolai:

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

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) compartilhou "Markdown here download do plug-in (tutorial de instalação da extensão do Chrome)", o que é útil para você.

Bem-vindo a compartilhar o link deste artigo:https://www.chenweiliang.com/cwl-471.html

Bem-vindo ao canal Telegram do blog de Chen Weiliang para receber as últimas atualizações!

🔔 Seja o primeiro a obter o valioso "Guia de uso da ferramenta de IA de marketing de conteúdo ChatGPT" no diretório superior do canal! 🌟
📚 Este guia contém um valor enorme, 🌟Esta é uma oportunidade rara, não perca! ⏰⌛💨
Compartilhe e curta se gostar!
Seus compartilhamentos e curtidas são nossa motivação contínua!

 

发表 评论

Seu endereço de e-mail não será publicado. 必填 项 已 用 * 标注

滚动 到 顶部