文章導出插件 v1.2 發布:export_article
經過連續幾天的開發與打磨,「文章導出」插件終於打包發布了。這款插件讓「島上隨筆」的每一篇文章都能一鍵變成手機海報長圖或 Word 文檔,還附帶實時預覽與四種二維碼模式。
下載
- 📦 export_article-v1.2.zip(125 KB)
- SHA256:
2134bf4f82b4fa96be1ee2406a626b6659a7a288fcb695dadd959aaa810c7699
安裝:解壓到 content/plugins/ 目錄,後台插件管理啟用即可。文章詳情頁會自動出現「📤 導出」按鈕。
功能一覽
導出能力
- 圖片:手機豎版海報(720px)或 PC 閱讀樣式(1000px),2 倍清晰度 PNG
- Word:兼容 Word 的 .doc,含字體/背景/簽名樣式
實時預覽
- 左側預覽框即時同步所有設置
- 手機 9:16 或 A4 豎版兩種比例框,滿屏一屏、超屏滾動
樣式自定義
- 字號:小 20 / 中 26(默認)/ 大 32 / 特大 38
- 字體:仿宋 / 宋體 / 黑體 / 楷體 / 雅黑 / 襯線
- 行距、背景六色、文字顏色八色、首行縮進
- 封面頭/封面腳:總開關 + 單項開關(品牌/副標題/標題/來源/二維碼/時間)
- 簽名自定義,時間默認文章發佈時間
二維碼四模式
- 原文鏈接:自動生成當前文章網址
- 自定義鏈接:填任意網址,點「生成二維碼」即時更新
- 文件提取:上傳二維碼圖片 → 自動解碼 → 重新生成新碼(注:微信官方升級後的新碼無法識別)
- 圖片粘貼:上傳圖片 → 自動框選二維碼區域 → 截圖放入
所有二維碼都支持中心品牌文字(可自定義,默認「島上隨筆」)。
設計亮點
- 手機樣式:參考公眾號封面海報——深紫藍漸變星空頭 + 白底正文 + 白底二維碼區
- 字號基準體系:正文為基準,頭部/標題/底部按倍率等比縮放(26px 時頭部 39px、標題 34px)
- 面板默認收起,不干擾閱讀;左右分欄,窄屏自動改上下
開發記錄
完整產品說明、設計決策與踩坑記錄見上一篇:《文章導出插件:從一張圖到一套產品》。
幾個關鍵教訓:
- html2canvas 對中文字體名/帶空格字體名會解析崩潰,全部改用純 ASCII 字體棧
- 主題全局樣式會覆蓋導出容器,需要顯式
line-height:inherit - SVG favicon 畫到 canvas 跨域失敗,中心 logo 改用文字方案
已知限制
- 微信官方升級後的新二維碼無法解碼,「文件提取」模式僅支持舊碼/其他來源
- emlog 版本需 2.6+;PHP 8 環境測試通過
有任何問題或建議,歡迎在評論區留言。
島上隨筆 · 一島之道
文章导出
生成预览中...
