@jiyeqian/md2pdf 1.7.6 → 1.7.7

package/README.md

@@ -78,6 +78,7 @@ node ci/inspect-pdf.mjs out.pdf
 - 首个 H1 提升为报头大标题；其后的首段自动成为导语。
 - YAML frontmatter 的 `name` / `description` 生成元信息条；「适用于…/不用于…」自动拆两栏。
 - H2 自动分节加色块；表格深色表头＋隔行浅底；有序列表圆形序号。
+- 代码块按语言自动语法高亮（内置 highlight.js，支持 Python/JS/Bash 等常见语言）。
 - 数学公式：`$...$`（行内）与 `$$...$$`（独立成行）由内置 MathJax 渲染。
 - 脚注：`[^id]` 引用 + `[^id]: 内容` 定义；BibTeX 脚注（`@article{...}` 等）按 GB/T 7714-2025 著录，默认收集为「参考文献」章节（`--no-bibliography` 关闭）。
 - 相对路径图片自动解析进 PDF。

package/assets/base.css

@@ -197,6 +197,21 @@ pre code {
   background: transparent; border: none; padding: 0;
   color: inherit; font-size: .85em; line-height: 1.7;
 }
+
+/* ---------- 代码高亮（highlight.js，浅色底） ---------- */
+.hljs-comment, .hljs-quote { color: #6a737d; font-style: italic; }
+.hljs-keyword, .hljs-selector-tag, .hljs-doctag, .hljs-formula { color: #d73a49; }
+.hljs-title, .hljs-title.function_, .hljs-title.class_ { color: #6f42c1; }
+.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-number, .hljs-variable,
+.hljs-template-variable, .hljs-selector-id, .hljs-selector-class,
+.hljs-selector-attr, .hljs-selector-pseudo, .hljs-meta { color: #005cc5; }
+.hljs-string, .hljs-regexp, .hljs-meta .hljs-string { color: #032f62; }
+.hljs-built_in, .hljs-symbol, .hljs-bullet { color: #e36209; }
+.hljs-name, .hljs-section, .hljs-tag { color: #22863a; }
+.hljs-type, .hljs-class, .hljs-params { color: #24292e; }
+.hljs-emphasis { font-style: italic; }
+.hljs-strong { font-weight: 700; }
+.hljs-link { color: #005cc5; text-decoration: underline; }
 blockquote {
   margin: 0 0 14px; padding: 10px 14px;
   background: var(--tint); border-left: 3px solid var(--accent-soft);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jiyeqian/md2pdf",
-  "version": "1.7.6",
+  "version": "1.7.7",
   "description": "把 Markdown 排成优雅的中文 A4 PDF（无头 Chrome 渲染，带报头、表格/代码排版与页脚页码）",
   "type": "module",
   "bin": {

package/src/md2pdf.mjs

@@ -36,11 +36,12 @@ import os from 'node:os';
 import http from 'node:http';
 import { spawn, spawnSync } from 'node:child_process';
 import { fileURLToPath, pathToFileURL } from 'node:url';
+import { createRequire } from 'node:module';
 
 const ROOT = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
 const ASSETS = path.join(ROOT, 'assets');
 
-const VERSION = '1.7.6';
+const VERSION = '1.7.7';
 
 // Node ≥ 22 有全局 WebSocket；更老的版本退回到内置的极简实现
 let _WS;
@@ -219,6 +220,32 @@ function sectionize(html) {
     .join('\n');
 }
 
+/* ---------------- 代码高亮 ---------------- */
+
+// 反转 marked 输出的 HTML 实体（highlight.js 需要原始代码再自行转义）
+function decodeEntities(s) {
+  return s.replace(/&lt;/g, '<').replace(/&gt;/g, '>')
+    .replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&amp;/g, '&');
+}
+
+// 对 <pre><code> 块调用 highlight.js；带语言标记用对应语法，否则自动识别
+function highlightCode(html, hljs) {
+  if (!hljs) return html;
+  return html.replace(/<pre><code([^>]*)>([\s\S]*?)<\/code><\/pre>/g, (m, attrs, code) => {
+    const lm = /(?:language|lang)-([\w-]+)/.exec(attrs);
+    const lang = lm ? lm[1] : '';
+    const text = decodeEntities(code);
+    let out;
+    try {
+      out = (lang && hljs.getLanguage(lang))
+        ? hljs.highlight(text, { language: lang }).value
+        : hljs.highlightAuto(text).value;
+    } catch { return m; }
+    const cls = 'hljs' + (lang ? ' language-' + lang : '');
+    return '<pre><code class="' + cls + '">' + out + '</code></pre>';
+  });
+}
+
 /* ---------------- 章节编号 ---------------- */
 
 // 标题编号前缀识别（阿拉伯/中文/罗马数字、第X章、括号编号等）
@@ -531,7 +558,7 @@ class Chrome {
 
 /* ---------------- 渲染 ---------------- */
 
-async function renderOne(mdPath, opts, chrome, marked, tmpRoot) {
+async function renderOne(mdPath, opts, chrome, marked, hljs, tmpRoot) {
   const src = await readFile(mdPath, 'utf8');
   const { fm, body: rawBody } = splitFrontmatter(src);
   const isSkill = path.basename(mdPath) === 'SKILL.md' || !!fm.name;
@@ -555,6 +582,9 @@ async function renderOne(mdPath, opts, chrome, marked, tmpRoot) {
 
   let html = marked.parse(bodyWithRefs, { gfm: true, breaks: false, async: false });
 
+  // 代码高亮：对带语言标记的代码块做 highlight.js 着色
+  html = highlightCode(html, hljs);
+
   // 脚注/参考文献：先追加到正文末尾，再编号，使参考文献章节纳入编号体系
   html += renderFootnotes(footnotes, opts.bibliography, marked);
 
@@ -717,6 +747,8 @@ async function main() {
 
   const { Marked } = await import(pathToFileURL(path.join(ROOT, 'vendor', 'marked.esm.js')).href);
   const marked = new Marked({ gfm: true });
+  const require = createRequire(import.meta.url);
+  const hljs = require(path.join(ROOT, 'vendor', 'highlight', 'highlight.cjs'));
 
   const tmpRoot = await mkdtemp(path.join(os.tmpdir(), 'md2pdf-'));
   // --html-only 不需要浏览器（CI / 调样式时用）
@@ -728,7 +760,7 @@ async function main() {
       const mdPath = path.resolve(input);
       if (!existsSync(mdPath)) { console.error(`✗ 找不到文件：${input}`); failed = true; continue; }
       try {
-        const res = await renderOne(mdPath, opts, chrome, marked, tmpRoot);
+        const res = await renderOne(mdPath, opts, chrome, marked, hljs, tmpRoot);
         const out = resolveOutput(mdPath, opts);
         await mkdir(path.dirname(out), { recursive: true });
         if (opts.htmlOnly) {