@lyhue1991/wxgzh 0.1.0 → 0.1.2

package/README.md

@@ -12,32 +12,40 @@
 - 支持主题样式、自定义 CSS、自动摘要、封面图生成。
 - 也支持分步执行，便于你单独检查 HTML、封面或发布结果。
 
-默认一键流程：
+**操作方法**
+
+* step1: 一键安装（要求：Node.js >= 18）
 
 ```bash
-wxgzh article.md
+npm install -g @lyhue1991/wxgzh
+```
+安装完成后可直接使用 `wxgzh` 命令。
+
+
+* step2: 一键配置 (提前准备好微信公众号AppID和 AppSecret ， 并配置好IP白名单)
+
+```bash
+wxgzh config --appid 你的AppID --appsecret 你的AppSecret 
+
+```
+
+* step3: 一键投稿 (将本地markdown文章直接投递到公众号草稿箱， 人工确认后即可发布)
+
+```bash
+wxgzh article.md --author 文章作者姓名
 ```
 
 这条命令会自动执行：
 
 1. 读取 `article.md`
 2. 转换成公众号可用 HTML
-3. 上传正文中的本地图片到微信
+3. 上传正文中的本地图片和非微信图床图片到微信公众号图床
 4. 自动生成封面图（如果你没有提供）
 5. 提交到微信公众号草稿箱
 
-## 安装
-
-要求：Node.js >= 18
 
-```bash
-npm install
-npm run build
-```
 
-如果你希望全局使用命令，也可以在发布或本地链接后通过 `wxgzh` 调用。
-
-## 二、基本配置
+## 二、配置说明
 
 ### 1. 如何获取公众号 `appid` 和 `appsecret`
 
@@ -100,8 +108,6 @@ wxgzh config --list-themes
 当前内置主题来自 `styles/` 目录，例如：`default`、`blue`、`green`、`red`、`yellow`、`brown`、`black`、`orange`。
 
 
-
-
 ## 三、快速流程
 
 最常见用法：
@@ -375,7 +381,10 @@ enableComment: true
 
 命令行参数优先级高于 Front Matter，Front Matter 又高于默认配置。
 
-## 支持的 Markdown 内容
+
+## 六，备忘清单
+
+### 1. 支持的 Markdown 内容
 
 本项目当前重点支持这些常见内容：
 
@@ -387,9 +396,10 @@ enableComment: true
 - 表格
 - 数学公式（行内与块级）
 
-## 常用命令速查
+### 2. 常用命令速查
 
 ```bash
+wxgzh --help  
 wxgzh article.md
 wxgzh config --list
 wxgzh config --list-themes
@@ -399,34 +409,4 @@ wxgzh cover --title "我的文章" --to .wxgzh/cover.jpg
 wxgzh publish --article .wxgzh/article.html --cover .wxgzh/cover.jpg
 ```
 
-## 开发与构建
-
-安装依赖：
-
-```bash
-npm install
-```
-
-类型检查：
-
-```bash
-npm run typecheck
-```
-
-构建：
-
-```bash
-npm run build
-```
-
-查看帮助：
-
-```bash
-node dist/cli/index.js --help
-```
-
-## 说明
 
-- 配置文件保存在用户目录下，不会写进项目源码目录。
-- `dist/` 是编译输出目录，日常修改应以 `src/` 为准。
-- 如果一键发布失败，建议改用“分步流程”逐步检查 `HTML`、图片上传和封面图。

package/dist/core/converter.js

@@ -41,9 +41,9 @@ exports.extractPublishableContent = extractPublishableContent;
 exports.readHtmlMetadata = readHtmlMetadata;
 const promises_1 = require("node:fs/promises");
 const node_path_1 = __importDefault(require("node:path"));
+const css_inline_1 = require("@css-inline/css-inline");
 const cheerio = __importStar(require("cheerio"));
 const highlight_js_1 = __importDefault(require("highlight.js"));
-const juice_1 = __importDefault(require("juice"));
 const markdown_it_1 = __importDefault(require("markdown-it"));
 const markdown_it_mathjax3_1 = __importDefault(require("markdown-it-mathjax3"));
 const themes_1 = require("./themes");
@@ -178,6 +178,35 @@ q table:last-child {
   margin-bottom: 0 !important;
 }
 `;
+const WECHAT_LAYOUT_INLINE_CSS = `
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+ol,
+dl,
+blockquote,
+q,
+pre,
+hr,
+section.img-wrapper,
+section.tbl-wrapper,
+section.math-block {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+section.img-wrapper,
+section.tbl-wrapper,
+section.math-block {
+  width: 100% !important;
+  box-sizing: border-box !important;
+}
+`;
 const WECHAT_TABLE_INLINE_CSS = `
 section.tbl-wrapper {
   margin: 1.4em 3% !important;
@@ -615,13 +644,11 @@ async function renderMarkdownToHtml(body, metadata) {
     const customCss = await loadCustomCss();
     const articleHtml = $('article').html() ?? '';
     const baseHtml = createDocumentHtml(articleHtml, metadata);
-    const inlinedHtml = juice_1.default.inlineContent(baseHtml, `${themeCss}\n${HIGHLIGHT_INLINE_CSS}\n${WECHAT_BLOCKQUOTE_INLINE_CSS}\n${WECHAT_TABLE_INLINE_CSS}\n${WECHAT_MATH_INLINE_CSS}\n${customCss}`, {
-        removeStyleTags: true,
-        preserveMediaQueries: true,
-        preserveFontFaces: true,
+    const inlinedHtml = (0, css_inline_1.inline)(baseHtml, {
+        extraCss: `${themeCss}\n${HIGHLIGHT_INLINE_CSS}\n${WECHAT_BLOCKQUOTE_INLINE_CSS}\n${WECHAT_TABLE_INLINE_CSS}\n${WECHAT_MATH_INLINE_CSS}\n${WECHAT_LAYOUT_INLINE_CSS}\n${customCss}`,
+        keepAtRules: true,
         applyWidthAttributes: false,
-        applyHeightAttributes: false,
-        applyAttributesTableElements: true
+        applyHeightAttributes: false
     });
     return cleanInlinedHtml(inlinedHtml);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lyhue1991/wxgzh",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Markdown to WeChat Official Account draft CLI",
   "license": "MIT",
   "main": "dist/cli/index.js",
@@ -26,14 +26,14 @@
     "node": ">=18"
   },
   "dependencies": {
+    "@css-inline/css-inline": "^0.20.0",
     "axios": "^1.8.4",
-    "cheerio": "^1.0.0",
+    "cheerio": "1.0.0-rc.12",
     "commander": "^14.0.1",
     "dotenv": "^16.4.7",
     "form-data": "^4.0.2",
     "gray-matter": "^4.0.3",
     "highlight.js": "^11.11.1",
-    "juice": "^11.1.1",
     "markdown-it": "^14.1.0",
     "markdown-it-mathjax3": "^5.2.0",
     "mathjax": "^4.1.1",