降價 here插件下載(Chrome擴展安裝教程)
Markdown 是一種「電子郵件」風格的「標記語言」,陳溈亮強烈推薦所有網絡營銷從業者,學習和掌握該語言。
如果你因為參加插坐學院的課程,學習做網絡推廣,需要寫電商營銷文案文章,曾經聽說過Markdown,但卻沒學,那一定是因為,你覺得Markdown肯定會很難學。
但事實上,從事微信營銷的任何編輯員,只要花十分種就可以學會它。
屆時,你可能會感嘆“我怎麼沒早點去學Markdwon來寫網絡營銷文案”?
其實常用的Markdown語法只有5 類:
- 通過#來標記這段文字是一級標題,N個#表標這是N級標題。
- 在文字前加上*或者是1. “2. “3.就可以實現為列表。
- 在段前加上>即可標識為引用
- 在文字前後各加上一個*即可顯示為斜體,兩個*號顯示為粗體
- 使用[文字](鏈接地址)即可插入超鏈接
插件下載
Markdown here 官方下載地址:
http://markdown-here.com/get.html
Markdown here 是個瀏覽器插件(Chrome/Firefox/Safari),可以將瀏覽器中編輯器裡的Markdown 文本轉換成渲染過後的HTML。還能自定義CSS,對應經常使用Markdown 格式的人來說, 確實是很爽, 你寫郵件、文檔等用Markdown 。
安裝設定好Markdown Here ,只需以下操作步驟:
- 在Google Chrome 中安裝Markdown Here 插件
- 配置Markdown Here Option,自定義一些CSS
公眾號快速排版方法
- 寫Markdown 格式的文章,詳情請參考此文:《微信公眾號如何快速排版?億萬富翁李笑來排版只需1秒“
WP+公眾號寫作流程
- 對於 WordPress 做微信公眾號推廣?詳情查看此文:“WordPress粘貼到微信公眾號編輯器,如何讓文章排版樣式不出錯? 》
自定義CSS
主要修改以下3個重點:
- 字體(大小、顏色)
- 行間距
- 字間距
總結原則如下:
- 文章正文的字號最好在14—18px 之間,以16px 最為合適。
- 行間距以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 here 自定義樣式:
陽志平:
https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-yzp.css
李笑來:
https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2
希望陳溈亮博客( https://www.chenweiliang.com/ ) 分享的《Markdown here插件下載(Chrome擴展安裝教程)》,對您有幫助。
歡迎分享本文鏈接:https://www.chenweiliang.com/cwl-471.html
歡迎加入陳溈亮博客的Telegram 頻道,獲取最新更新!
📚 這份指南蘊含價值巨大,🌟難逢的機遇,切勿錯失良機! ⏰⌛💨
喜歡就分享和按贊!
您的分享和按贊,是我們持續的動力!