微信公衆號文章美化排版:7 套行業模板,生成可直接粘貼的成品 HTML

前言

公衆號編輯器只保留內聯樣式,外部 CSS、<style> 標籤和大部分第三方組件粘貼進去都會被過濾或失效。很多作者的做法是把文章粘進秀米、135 編輯器這類工具裏手工拼版,再全文複製粘貼,步驟多,排版風格還取決於當次手工操作。另一種做法是自己寫 HTML 片段,樣式要逐段手寫內聯,改一次配色等於全文替換。

下面介紹的 Skill「微信公衆號文章美化排版」把這件事收斂成一次調用:給一篇已完成的文章,選一套內置行業模板,產出一個全內聯樣式的 HTML 頁面,直接粘貼進公衆號編輯器。

這是什麼

這是一個面向公衆號內容創作者的排版 Skill,座標 @user_f3268e7b/wechat-article-beautify,由社區開發者 user_f3268e7b 發佈維護,當前版本 1.0.1,分類 content-creation,來源 community,標籤 requires_api_key=false(即不需要 API key)。

它解決的問題是:文章已經寫完,缺的是一套穩定的、能過微信編輯器校驗的版式。輸入可以是 Markdown、純文本或已有 HTML,輸出是帶完整內聯樣式的 HTML 成品。

核心功能

官方簡介中列出的能力如下:

  • 7 套內置行業排版模板:商務諮詢、教育培訓、金融理財、美食生活、醫療健康、文學情感、科技互聯網。
  • 單模板套用:針對一篇文章應用其中一套模板。
  • 全部模板批量套用:同一篇文章一次生成 7 個版本。
  • 多版本並排對比預覽:把不同模板的結果放在一起比較,再決定用哪一套。
  • 輸出微信編輯器可直接粘貼的成品 HTML:樣式全部內聯,不依賴外部 CSS。
  • 觸發場景:用戶說「美化文章」「文章排版」「套模板」「重排文章」「公衆號排版」等;用戶提供文章並要求按模板重排、生成多版本對比;用戶要求生成微信編輯器可用的文章頁面。

安裝與啓用

SkillHub 官方頁面(https://www.skillhub.cn/skills/user_f3268e7b/wechat-article-beautify)在本次寫作時無法訪問,官方安裝命令、目錄結構與配置字段未能從公開資料覈實,這裏不寫未經驗證的命令。

可以確認的信息是:

  • 該 Skill 基於通用 SKILL.md 格式,通過 SkillHub 分發。
  • 標籤 requires_api_key=false,運行時不需要額外配置 API key。
  • Skill 座標:@user_f3268e7b/wechat-article-beautify,用戶在自己的 Skill 工作區按座標引用即可。

具體的安裝入口和啓用步驟,以官方頁面當時展示的內容爲準。

典型用法

以下用法來自官方簡介中列出的觸發場景。

1、單模板套用。把文章正文(Markdown 或純文本)連同「用商務諮詢模板美化」這類要求一起交給 Skill,得到一份套用該模板的成品 HTML,粘貼進公衆號編輯器即可。

2、批量生成並對比。要求「把這篇文章用全部模板各排一版」,Skill 會生成 7 個版本,並排展示供選擇。適合拿不準哪套模板適合自己的欄目時先做一輪篩選。

3、HTML 重排。手裏已經有一份 HTML 文章,要求「套模板重排」,Skill 按模板重新組織樣式。注意這裏重排的是樣式層,原文的段落結構是否被改寫,取決於 Skill 的實現細節,官方資料沒有說明,建議先用一篇短文試一遍再上長文。

適用場景與注意

適合:公衆號作者、內容編輯、需要把同一篇文章快速出多版樣式的人;文章已經定稿、只差版式的環節。

需要注意:

  • 它不負責寫文章。輸入必須是已完成的文章,Skill 只做編排和套樣式,不補寫內容。
  • 模板是行業分類,不是品牌定製。7 套模板按行業劃分,同一行業內的不同公衆號如果配色、字號有品牌要求,需要自行調整成品 HTML,或只把模板當作起點。
  • 粘貼後仍需人工檢查。微信編輯器對部分標籤和屬性的支持有限制,粘貼後建議在手機端預覽一遍,重點看圖片尺寸、表格和長代碼塊。
  • 數據以官方頁面爲準。本文寫作時 SkillHub 頁面無法訪問,評分、下載量、版本號均引自預先抓取的資料,使用前請到官方頁面覈對最新狀態。

結尾

這個 Skill 的價值在於把「文章定稿到粘貼進編輯器」之間的排版環節固定下來:7 套行業模板、批量出多版、樣式全內聯,減少在第三方編輯器裏手工拼版和複製粘貼的次數。

官方地址:https://api.skillhub.cn/user_f3268e7b/wechat-article-beautify
SkillHub 頁面:https://www.skillhub.cn/skills/user_f3268e7b/wechat-article-beautify

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜