Markdown here 플러그인 다운로드(Chrome 확장 설치 튜토리얼)

Markdown Here 플러그인을 다운로드하세요 (크롬 확장 프로그램 설치 방법).

마크다운은 "이메일 스타일" 마크업 언어이며, 첸 웨이량은 모든 온라인 마케팅 실무자들이 이 언어를 배우고 숙달할 것을 강력히 권장합니다.

마크다운에 대해 들어본 적은 있지만 , 차주오 아카데미에서 온라인 마케팅 강좌를 수강하며 전자상거래 마케팅 카피를 작성해야 해서 아직 배우지 않았다면 , 아마도 마크다운이 배우기 어렵다고 생각하기 때문일 것입니다.

실제로 위챗 마케팅 에 종사하는 편집자라면 누구나 단 10분 만에 이를 익힐 수 있습니다.

그때는 "나는 왜 Markdwon에게 온라인 마케팅 카피 작성을 일찍 배우지 않았습니까?"라고 한숨을 쉬게 될 것입니다.

실제로 일반적으로 사용되는 Markdown 구문에는 5가지 유형만 있습니다.

• 이 텍스트를 첫 번째 수준 제목으로 표시하려면 #을 사용하고 N 수준 제목으로 표시하려면 N #을 사용합니다.
• * 또는 1. "2. "3.을 추가하면 텍스트가 목록으로 실현될 수 있습니다.
• 단락 앞에 >를 추가하여 참조로 표시
• 기울임꼴로 표시하려면 텍스트 앞뒤에 *를 추가하고 굵게 표시하려면 두 개의 *를 추가합니다.
• [텍스트](링크 주소)를 사용하여 하이퍼링크 삽입

플러그인 다운로드

Markdown here 공식 다운로드 주소:
http://markdown-here.com/get.html

Markdown은 브라우저의 편집기에 있는 Markdown 텍스트를 렌더링된 HTML로 변환하는 브라우저 플러그인(Chrome/Firefox/Safari)입니다.Markdown 형식을 자주 사용하는 사람들에게 정말 멋진 CSS를 사용자 정의할 수도 있습니다. Markdown을 사용하여 이메일, 문서 등을 작성합니다.

Markdown Here를 설치하고 설정하려면 다음 단계를 따르십시오.

1. Google 크롬에 Markdown Here 플러그인 설치
2. Markdown Here 옵션 구성, 일부 CSS 사용자 정의

공개 계정 빠른 조판 방법

• Markdown 형식으로 기사를 작성하십시오. 자세한 내용은 이 기사를 참조하십시오.: "WeChat 공개 계정을 빠르게 조판하는 방법은 무엇입니까?억만장자 리샤오라이의 레이아웃은 단 1초면 됩니다."

WP+ 공식 계정 작성 과정

• 用 워드프레스(WordPress) 위챗을 하다공개 계정 프로모션?자세한 내용은 이 문서를 참조하세요."WordPress가 WeChat 공식 계정 편집기에 붙여넣기, 기사 조판 스타일이 틀리지 않게 만드는 방법? 》

사용자 정의 CSS

주요 수정 사항은 다음과 같습니다.

1. 글꼴(크기, 색상)
2. 줄 간격
3. 단어 간격

요약 원칙은 다음과 같습니다.

• 기사 본문의 글꼴 크기는 14-18픽셀이 바람직하며 16픽셀이 가장 적합합니다.
• 줄 간격은 줄 간격의 1.5-1.75배이므로 더 편안해 보입니다.
• 모바일 단말기의 기사는 첫 줄에 들여쓸 필요가 없습니다.
• 단락 사이에는 빈 줄이 가장 좋습니다.

Markdown here 플러그인 CSS

Chen Weiliang 의 Markdown here 플러그인 에서 다음 CSS 코드를 복사하여 Chrome → 설정 → 확장 프로그램 → markdown.here → 옵션 → 기본 렌더링 CSS 에 붙여넣으세요.

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

다음은 뉴미디어 전문가를 위한 마크다운 사용자 지정 스타일 두 가지입니다 .

양지핑:

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

리 샤오라이:

https://gist.github.com/xiaol ai /aa190255b7dde302d10208ae247fc9f2