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

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

마크다운은 "이메일" 스타일의 "마크업 언어"입니다.천 웨이량모두에게 적극 권장인터넷 營실무자는 언어를 배우고 마스터하십시오.

에 참여하면인터셉트 칼리지하는 법을 배우는 코스웹 프로모션, 써야 한다전자 상거래마케팅카피 라이팅글, 마크다운은 들어본 적이 있는데 배우지 못했는데 아마 마크다운이 배우기 어려울 거라 생각하기 때문일 것입니다.

하지만 실제로 해보면위챗 마케팅의 모든 편집자는 XNUMX분이면 배울 수 있습니다.

그때는 "나는 왜 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

부이하천 웨이량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;
}

2개 더 공유새로운 미디어사람들을 위한 Markdown 사용자 정의 스타일:

양지핑:

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

리 샤오라이:

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