wechat mp article

wechat-mp-article

高顏值的微信公眾號圖文訊息排版

使用手冊

• 微信公眾號圖文訊息預設樣式

  微信公眾號的圖文訊息編輯器中提供了一般的富文本編輯功能, 例如粗體, 斜體, 顏色, 背景等等, 但默認的樣式排版下不太適合閱讀大段文字. 另外還提供了引用( <blockquote> )和表格( <table> )的預設樣式.

• 高顏值的微信公眾號圖文訊息排版

  使用了適合中文排版的CSS 樣式庫, 讓微信公眾號圖文訊息閱讀起來賞心悅目. 現在推薦使用赫赬

  基於typo.css 和Entry.css 來實現排版效果, 例如typo.css 排版實例, 博文demo, 散文demo

  以前喜歡Zine 的排版, 現在非常喜歡WeicoNote簡潔的編輯風格, 也做了些借鑒, 讓寫文章的時候可以更關注內容而非排版.

• 高顏值的微信公眾號圖文訊息編輯器

  基於Mditor做了一個markdown 的編輯器. 你可以使用這個編輯器來編寫公眾號圖文訊息, 編寫完後全選右邊的內容複製到公眾號的圖文訊息編輯器中即可.

填過的坑

• 樣式中不要有字體設定, 否則複製到圖文訊息的編輯器中, 會造成樣式被丟棄
• 複製嵌套多層級的ul/ol結構到圖文訊息的編輯器中, 會變成最多只有兩個層級的結構
• pre內容複製到圖文訊息編輯器中沒有保留換行, 會造成所有內容都擠成一行

其他資源

開源

• markdown-nice
• md
• md4wxpub
• WXEditor 類似市面上的公眾號文章排版編輯器
• 雷劈網開源微信編輯器

圖文編輯

• 新媒體排版
• i排版
• 秀米
• 135編輯器
• 51排版
• 荔枝助理
• 構思編輯器
• 易點編輯器
• 微小寶編輯器
• 微信排版工具集
• 如何排版微信公眾平台的文章？
• online-markdown

圖片設計

• 創客貼- 極簡的平面設計工具
• 易啟秀- 輕設計
• Canva
• BeFunky

影片

• 騰訊影片
• 優酷視頻
• Windows上製作影片的軟體有哪些？推薦最佳的影片製作軟體！
  • 愛剪輯
  • Online video converter to MP4
  • 愛美刻
• 8個免費影片剪輯軟體，你，值得擁有

資源導航

• SDC 設計師網站導航

版權聲明

• 自由轉載-非商用-非衍生-保持署名（創意共享3.0授權）
• Choose a License