mirror of
https://github.com/JimLiu/baoyu-skills.git
synced 2026-07-13 22:29:48 +08:00
Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a7d6b5c69b | |||
| 6e18725906 | |||
| 7133d54f04 | |||
| 208bb20e98 | |||
| 6edc1b7822 | |||
| e754eae5ae | |||
| cc016f3b16 | |||
| 2188160418 | |||
| 77204d2e4a | |||
| 35eeb62f10 | |||
| 7dfa2b6e6c | |||
| a2eecec26f | |||
| 903e7ad79d |
@@ -6,7 +6,7 @@
|
|||||||
},
|
},
|
||||||
"metadata": {
|
"metadata": {
|
||||||
"description": "Skills shared by Baoyu for improving daily work efficiency",
|
"description": "Skills shared by Baoyu for improving daily work efficiency",
|
||||||
"version": "1.38.0"
|
"version": "1.42.0"
|
||||||
},
|
},
|
||||||
"plugins": [
|
"plugins": [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -2,6 +2,33 @@
|
|||||||
|
|
||||||
English | [中文](./CHANGELOG.zh.md)
|
English | [中文](./CHANGELOG.zh.md)
|
||||||
|
|
||||||
|
## 1.42.0 - 2026-02-28
|
||||||
|
|
||||||
|
### Features
|
||||||
|
- `baoyu-markdown-to-html`: consolidate heritage and warm into single modern theme, add per-theme color defaults (default→blue, grace→purple, simple→green, modern→orange)
|
||||||
|
- `baoyu-post-to-wechat`: add default color preference support in EXTEND.md, add modern theme option to first-time setup
|
||||||
|
|
||||||
|
## 1.41.0 - 2026-02-28
|
||||||
|
|
||||||
|
### Features
|
||||||
|
- `baoyu-markdown-to-html`: rename themes (red→heritage, orange→warm), add 13 named color presets, serif-cjk font family, and per-theme style defaults
|
||||||
|
|
||||||
|
## 1.40.1 - 2026-02-28
|
||||||
|
|
||||||
|
### Features
|
||||||
|
- `baoyu-image-gen`: clarify model resolution priority (EXTEND.md overrides env vars) and display current model with switch hints during generation
|
||||||
|
|
||||||
|
## 1.40.0 - 2026-02-28
|
||||||
|
|
||||||
|
### Features
|
||||||
|
- `baoyu-image-gen`: support OpenAI chat completions endpoint for image generation (by @zhao-newname)
|
||||||
|
- `baoyu-markdown-to-html`: add CLI customization options (--color, --font-family, --font-size, --code-theme, --mac-code-block, --line-number, --cite, --count, --legend) and EXTEND.md config support
|
||||||
|
|
||||||
|
## 1.39.0 - 2026-02-28
|
||||||
|
|
||||||
|
### Features
|
||||||
|
- `baoyu-markdown-to-html`: add red theme (traditional calligraphy style with red-gold palette and serif typography) and orange theme (warm modern style with rounded corners and relaxed line height)
|
||||||
|
|
||||||
## 1.38.0 - 2026-02-28
|
## 1.38.0 - 2026-02-28
|
||||||
|
|
||||||
### Features
|
### Features
|
||||||
|
|||||||
@@ -2,6 +2,33 @@
|
|||||||
|
|
||||||
[English](./CHANGELOG.md) | 中文
|
[English](./CHANGELOG.md) | 中文
|
||||||
|
|
||||||
|
## 1.42.0 - 2026-02-28
|
||||||
|
|
||||||
|
### 新功能
|
||||||
|
- `baoyu-markdown-to-html`:合并 heritage 和 warm 为 modern 主题,新增主题默认颜色(default→蓝、grace→紫、simple→绿、modern→橙)
|
||||||
|
- `baoyu-post-to-wechat`:EXTEND.md 新增默认颜色配置,首次设置增加 modern 主题和颜色选择
|
||||||
|
|
||||||
|
## 1.41.0 - 2026-02-28
|
||||||
|
|
||||||
|
### 新功能
|
||||||
|
- `baoyu-markdown-to-html`:重命名主题(red→heritage、orange→warm),新增 13 个颜色预设、serif-cjk 字体、主题级样式默认值
|
||||||
|
|
||||||
|
## 1.40.1 - 2026-02-28
|
||||||
|
|
||||||
|
### 新功能
|
||||||
|
- `baoyu-image-gen`:明确模型解析优先级(EXTEND.md 优先于环境变量),生成图片时显示当前模型及切换方式
|
||||||
|
|
||||||
|
## 1.40.0 - 2026-02-28
|
||||||
|
|
||||||
|
### 新功能
|
||||||
|
- `baoyu-image-gen`:支持 OpenAI Chat Completions 端点生成图片 (by @zhao-newname)
|
||||||
|
- `baoyu-markdown-to-html`:新增 CLI 自定义选项(--color、--font-family、--font-size、--code-theme、--mac-code-block、--line-number、--cite、--count、--legend)及 EXTEND.md 配置支持
|
||||||
|
|
||||||
|
## 1.39.0 - 2026-02-28
|
||||||
|
|
||||||
|
### 新功能
|
||||||
|
- `baoyu-markdown-to-html`:新增红色主题(红金配色、宋体排版、传统书法风格)和橙色主题(暖色调现代风、圆角装饰、宽松行距)
|
||||||
|
|
||||||
## 1.38.0 - 2026-02-28
|
## 1.38.0 - 2026-02-28
|
||||||
|
|
||||||
### 新功能
|
### 新功能
|
||||||
|
|||||||
@@ -110,14 +110,22 @@ npx -y bun ${SKILL_DIR}/scripts/main.ts --prompt "A cat" --image out.png --provi
|
|||||||
|
|
||||||
**Load Priority**: CLI args > EXTEND.md > env vars > `<cwd>/.baoyu-skills/.env` > `~/.baoyu-skills/.env`
|
**Load Priority**: CLI args > EXTEND.md > env vars > `<cwd>/.baoyu-skills/.env` > `~/.baoyu-skills/.env`
|
||||||
|
|
||||||
## Replicate Model Configuration
|
## Model Resolution
|
||||||
|
|
||||||
When using `--provider replicate`, the model can be configured in the following ways (highest priority first):
|
Model priority (highest → lowest), applies to all providers:
|
||||||
|
|
||||||
1. CLI flag: `--model <owner/name>`
|
1. CLI flag: `--model <id>`
|
||||||
2. EXTEND.md: `default_model.replicate`
|
2. EXTEND.md: `default_model.[provider]`
|
||||||
3. Env var: `REPLICATE_IMAGE_MODEL`
|
3. Env var: `<PROVIDER>_IMAGE_MODEL` (e.g., `GOOGLE_IMAGE_MODEL`)
|
||||||
4. Built-in default: `google/nano-banana-pro`
|
4. Built-in default
|
||||||
|
|
||||||
|
**EXTEND.md overrides env vars**. If both EXTEND.md `default_model.google: "gemini-3-pro-image-preview"` and env var `GOOGLE_IMAGE_MODEL=gemini-3.1-flash-image-preview` exist, EXTEND.md wins.
|
||||||
|
|
||||||
|
**Agent MUST display model info** before each generation:
|
||||||
|
- Show: `Using [provider] / [model]`
|
||||||
|
- Show switch hint: `Switch model: --model <id> | EXTEND.md default_model.[provider] | env <PROVIDER>_IMAGE_MODEL`
|
||||||
|
|
||||||
|
### Replicate Models
|
||||||
|
|
||||||
Supported model formats:
|
Supported model formats:
|
||||||
|
|
||||||
|
|||||||
@@ -36,6 +36,7 @@ Environment variables:
|
|||||||
DASHSCOPE_IMAGE_MODEL Default DashScope model (z-image-turbo)
|
DASHSCOPE_IMAGE_MODEL Default DashScope model (z-image-turbo)
|
||||||
REPLICATE_IMAGE_MODEL Default Replicate model (google/nano-banana-pro)
|
REPLICATE_IMAGE_MODEL Default Replicate model (google/nano-banana-pro)
|
||||||
OPENAI_BASE_URL Custom OpenAI endpoint
|
OPENAI_BASE_URL Custom OpenAI endpoint
|
||||||
|
OPENAI_IMAGE_USE_CHAT Use /chat/completions instead of /images/generations (true|false)
|
||||||
GOOGLE_BASE_URL Custom Google endpoint
|
GOOGLE_BASE_URL Custom Google endpoint
|
||||||
DASHSCOPE_BASE_URL Custom DashScope endpoint
|
DASHSCOPE_BASE_URL Custom DashScope endpoint
|
||||||
REPLICATE_BASE_URL Custom Replicate endpoint
|
REPLICATE_BASE_URL Custom Replicate endpoint
|
||||||
|
|||||||
@@ -70,6 +70,10 @@ export async function generateImage(
|
|||||||
|
|
||||||
if (!apiKey) throw new Error("OPENAI_API_KEY is required");
|
if (!apiKey) throw new Error("OPENAI_API_KEY is required");
|
||||||
|
|
||||||
|
if (process.env.OPENAI_IMAGE_USE_CHAT === "true") {
|
||||||
|
return generateWithChatCompletions(baseURL, apiKey, prompt, model);
|
||||||
|
}
|
||||||
|
|
||||||
const size = args.size || getOpenAISize(model, args.aspectRatio, args.quality);
|
const size = args.size || getOpenAISize(model, args.aspectRatio, args.quality);
|
||||||
|
|
||||||
if (args.referenceImages.length > 0) {
|
if (args.referenceImages.length > 0) {
|
||||||
@@ -84,6 +88,40 @@ export async function generateImage(
|
|||||||
return generateWithOpenAIGenerations(baseURL, apiKey, prompt, model, size, args.quality);
|
return generateWithOpenAIGenerations(baseURL, apiKey, prompt, model, size, args.quality);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function generateWithChatCompletions(
|
||||||
|
baseURL: string,
|
||||||
|
apiKey: string,
|
||||||
|
prompt: string,
|
||||||
|
model: string
|
||||||
|
): Promise<Uint8Array> {
|
||||||
|
const res = await fetch(`${baseURL}/chat/completions`, {
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
Authorization: `Bearer ${apiKey}`,
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
model,
|
||||||
|
messages: [{ role: "user", content: prompt }],
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!res.ok) {
|
||||||
|
const err = await res.text();
|
||||||
|
throw new Error(`OpenAI API error: ${err}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = (await res.json()) as { choices: Array<{ message: { content: string } }> };
|
||||||
|
const content = result.choices[0]?.message?.content ?? "";
|
||||||
|
|
||||||
|
const match = content.match(/data:image\/[^;]+;base64,([A-Za-z0-9+/=]+)/);
|
||||||
|
if (match) {
|
||||||
|
return Uint8Array.from(Buffer.from(match[1]!, "base64"));
|
||||||
|
}
|
||||||
|
|
||||||
|
throw new Error("No image found in chat completions response");
|
||||||
|
}
|
||||||
|
|
||||||
async function generateWithOpenAIGenerations(
|
async function generateWithOpenAIGenerations(
|
||||||
baseURL: string,
|
baseURL: string,
|
||||||
apiKey: string,
|
apiKey: string,
|
||||||
|
|||||||
@@ -92,6 +92,7 @@ test -f "$HOME/.baoyu-skills/baoyu-post-to-wechat/EXTEND.md" && grep -o 'default
|
|||||||
| `default` (Recommended) | 经典主题 - 传统排版,标题居中带底边,二级标题白字彩底 |
|
| `default` (Recommended) | 经典主题 - 传统排版,标题居中带底边,二级标题白字彩底 |
|
||||||
| `grace` | 优雅主题 - 文字阴影,圆角卡片,精致引用块 |
|
| `grace` | 优雅主题 - 文字阴影,圆角卡片,精致引用块 |
|
||||||
| `simple` | 简洁主题 - 现代极简风,不对称圆角,清爽留白 |
|
| `simple` | 简洁主题 - 现代极简风,不对称圆角,清爽留白 |
|
||||||
|
| `modern` | 现代主题 - 大圆角、药丸形标题、宽松行距(搭配 `--color red` 还原传统红金风格) |
|
||||||
|
|
||||||
### Step 2: Convert
|
### Step 2: Convert
|
||||||
|
|
||||||
@@ -113,11 +114,32 @@ npx -y bun ${SKILL_DIR}/scripts/main.ts <markdown_file> [options]
|
|||||||
|
|
||||||
| Option | Description | Default |
|
| Option | Description | Default |
|
||||||
|--------|-------------|---------|
|
|--------|-------------|---------|
|
||||||
| `--theme <name>` | Theme name (default, grace, simple) | default |
|
| `--theme <name>` | Theme name (default, grace, simple, modern) | default |
|
||||||
|
| `--color <name\|hex>` | Primary color: preset name or hex value | theme default |
|
||||||
|
| `--font-family <name>` | Font: sans, serif, serif-cjk, mono, or CSS value | theme default |
|
||||||
|
| `--font-size <N>` | Font size: 14px, 15px, 16px, 17px, 18px | 16px |
|
||||||
| `--title <title>` | Override title from frontmatter | |
|
| `--title <title>` | Override title from frontmatter | |
|
||||||
| `--keep-title` | Keep the first heading in content | false (removed) |
|
| `--keep-title` | Keep the first heading in content | false (removed) |
|
||||||
| `--help` | Show help | |
|
| `--help` | Show help | |
|
||||||
|
|
||||||
|
**Color Presets:**
|
||||||
|
|
||||||
|
| Name | Hex | Label |
|
||||||
|
|------|-----|-------|
|
||||||
|
| blue | #0F4C81 | 经典蓝 |
|
||||||
|
| green | #009874 | 翡翠绿 |
|
||||||
|
| vermilion | #FA5151 | 活力橘 |
|
||||||
|
| yellow | #FECE00 | 柠檬黄 |
|
||||||
|
| purple | #92617E | 薰衣紫 |
|
||||||
|
| sky | #55C9EA | 天空蓝 |
|
||||||
|
| rose | #B76E79 | 玫瑰金 |
|
||||||
|
| olive | #556B2F | 橄榄绿 |
|
||||||
|
| black | #333333 | 石墨黑 |
|
||||||
|
| gray | #A9A9A9 | 雾烟灰 |
|
||||||
|
| pink | #FFB7C5 | 樱花粉 |
|
||||||
|
| red | #A93226 | 中国红 |
|
||||||
|
| orange | #D97757 | 暖橘 (modern default) |
|
||||||
|
|
||||||
**Examples:**
|
**Examples:**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
@@ -127,6 +149,9 @@ npx -y bun ${SKILL_DIR}/scripts/main.ts article.md
|
|||||||
# With specific theme
|
# With specific theme
|
||||||
npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --theme grace
|
npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --theme grace
|
||||||
|
|
||||||
|
# Theme with custom color
|
||||||
|
npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --theme modern --color red
|
||||||
|
|
||||||
# Keep the first heading in content
|
# Keep the first heading in content
|
||||||
npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --keep-title
|
npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --keep-title
|
||||||
|
|
||||||
@@ -169,6 +194,7 @@ npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --title "My Article"
|
|||||||
| `default` | 经典主题 - 传统排版,标题居中带底边,二级标题白字彩底 |
|
| `default` | 经典主题 - 传统排版,标题居中带底边,二级标题白字彩底 |
|
||||||
| `grace` | 优雅主题 - 文字阴影,圆角卡片,精致引用块 (by @brzhang) |
|
| `grace` | 优雅主题 - 文字阴影,圆角卡片,精致引用块 (by @brzhang) |
|
||||||
| `simple` | 简洁主题 - 现代极简风,不对称圆角,清爽留白 (by @okooo5km) |
|
| `simple` | 简洁主题 - 现代极简风,不对称圆角,清爽留白 (by @okooo5km) |
|
||||||
|
| `modern` | 现代主题 - 大圆角、药丸形标题、宽松行距(搭配 `--color red` 还原传统红金风格) |
|
||||||
|
|
||||||
## Supported Markdown Features
|
## Supported Markdown Features
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
#!/usr/bin/env npx tsx
|
#!/usr/bin/env npx tsx
|
||||||
|
|
||||||
import fs from "node:fs";
|
import fs from "node:fs";
|
||||||
|
import { homedir } from "node:os";
|
||||||
import path from "node:path";
|
import path from "node:path";
|
||||||
import { fileURLToPath } from "node:url";
|
import { fileURLToPath } from "node:url";
|
||||||
import frontMatter from "front-matter";
|
import frontMatter from "front-matter";
|
||||||
@@ -40,13 +41,91 @@ const EXTERNAL_THEME_DIR =
|
|||||||
|| path.resolve(path.dirname(EXTERNAL_THEME_CONFIG_PATH), "theme-css");
|
|| path.resolve(path.dirname(EXTERNAL_THEME_CONFIG_PATH), "theme-css");
|
||||||
const FALLBACK_THEMES: ThemeName[] = ["default", "grace", "simple"];
|
const FALLBACK_THEMES: ThemeName[] = ["default", "grace", "simple"];
|
||||||
|
|
||||||
const DEFAULT_STYLE = {
|
const FONT_FAMILY_MAP: Record<string, string> = {
|
||||||
|
sans: `-apple-system-font,BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB , Microsoft YaHei UI , Microsoft YaHei ,Arial,sans-serif`,
|
||||||
|
serif: `Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif`,
|
||||||
|
"serif-cjk": `"Source Han Serif SC", "Noto Serif CJK SC", "Source Han Serif CN", STSong, SimSun, serif`,
|
||||||
|
mono: `Menlo, Monaco, 'Courier New', monospace`,
|
||||||
|
};
|
||||||
|
|
||||||
|
const FONT_SIZE_OPTIONS = ["14px", "15px", "16px", "17px", "18px"];
|
||||||
|
|
||||||
|
const COLOR_PRESETS: Record<string, string> = {
|
||||||
|
blue: "#0F4C81",
|
||||||
|
green: "#009874",
|
||||||
|
vermilion: "#FA5151",
|
||||||
|
yellow: "#FECE00",
|
||||||
|
purple: "#92617E",
|
||||||
|
sky: "#55C9EA",
|
||||||
|
rose: "#B76E79",
|
||||||
|
olive: "#556B2F",
|
||||||
|
black: "#333333",
|
||||||
|
gray: "#A9A9A9",
|
||||||
|
pink: "#FFB7C5",
|
||||||
|
red: "#A93226",
|
||||||
|
orange: "#D97757",
|
||||||
|
};
|
||||||
|
|
||||||
|
const CODE_BLOCK_THEMES = [
|
||||||
|
"1c-light", "a11y-dark", "a11y-light", "agate", "an-old-hope",
|
||||||
|
"androidstudio", "arduino-light", "arta", "ascetic",
|
||||||
|
"atom-one-dark-reasonable", "atom-one-dark", "atom-one-light",
|
||||||
|
"brown-paper", "codepen-embed", "color-brewer", "dark", "default",
|
||||||
|
"devibeans", "docco", "far", "felipec", "foundation",
|
||||||
|
"github-dark-dimmed", "github-dark", "github", "gml", "googlecode",
|
||||||
|
"gradient-dark", "gradient-light", "grayscale", "hybrid", "idea",
|
||||||
|
"intellij-light", "ir-black", "isbl-editor-dark", "isbl-editor-light",
|
||||||
|
"kimbie-dark", "kimbie-light", "lightfair", "lioshi", "magula",
|
||||||
|
"mono-blue", "monokai-sublime", "monokai", "night-owl", "nnfx-dark",
|
||||||
|
"nnfx-light", "nord", "obsidian", "panda-syntax-dark",
|
||||||
|
"panda-syntax-light", "paraiso-dark", "paraiso-light", "pojoaque",
|
||||||
|
"purebasic", "qtcreator-dark", "qtcreator-light", "rainbow", "routeros",
|
||||||
|
"school-book", "shades-of-purple", "srcery", "stackoverflow-dark",
|
||||||
|
"stackoverflow-light", "sunburst", "tokyo-night-dark", "tokyo-night-light",
|
||||||
|
"tomorrow-night-blue", "tomorrow-night-bright", "vs", "vs2015", "xcode",
|
||||||
|
"xt256",
|
||||||
|
];
|
||||||
|
|
||||||
|
const HLJS_CDN_BASE = "https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/npm/highlightjs/11.11.1";
|
||||||
|
|
||||||
|
interface StyleConfig {
|
||||||
|
primaryColor: string;
|
||||||
|
fontFamily: string;
|
||||||
|
fontSize: string;
|
||||||
|
foreground: string;
|
||||||
|
blockquoteBackground: string;
|
||||||
|
accentColor: string;
|
||||||
|
containerBg: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const DEFAULT_STYLE: StyleConfig = {
|
||||||
primaryColor: "#0F4C81",
|
primaryColor: "#0F4C81",
|
||||||
fontFamily:
|
fontFamily: FONT_FAMILY_MAP.sans!,
|
||||||
"-apple-system-font,BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB , Microsoft YaHei UI , Microsoft YaHei ,Arial,sans-serif",
|
|
||||||
fontSize: "16px",
|
fontSize: "16px",
|
||||||
foreground: "0 0% 3.9%",
|
foreground: "0 0% 3.9%",
|
||||||
blockquoteBackground: "#f7f7f7",
|
blockquoteBackground: "#f7f7f7",
|
||||||
|
accentColor: "#6B7280",
|
||||||
|
containerBg: "transparent",
|
||||||
|
};
|
||||||
|
|
||||||
|
const THEME_STYLE_DEFAULTS: Record<string, Partial<StyleConfig>> = {
|
||||||
|
default: {
|
||||||
|
primaryColor: COLOR_PRESETS.blue,
|
||||||
|
},
|
||||||
|
grace: {
|
||||||
|
primaryColor: COLOR_PRESETS.purple,
|
||||||
|
},
|
||||||
|
simple: {
|
||||||
|
primaryColor: COLOR_PRESETS.green,
|
||||||
|
},
|
||||||
|
modern: {
|
||||||
|
primaryColor: COLOR_PRESETS.orange,
|
||||||
|
accentColor: "#E4B1A0",
|
||||||
|
containerBg: "rgba(250, 249, 245, 1)",
|
||||||
|
fontFamily: FONT_FAMILY_MAP.sans,
|
||||||
|
fontSize: "15px",
|
||||||
|
blockquoteBackground: "rgba(255, 255, 255, 0.6)",
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
Object.entries(COMMON_LANGUAGES).forEach(([name, lang]) => {
|
Object.entries(COMMON_LANGUAGES).forEach(([name, lang]) => {
|
||||||
@@ -490,46 +569,137 @@ function printUsage(): void {
|
|||||||
console.error(
|
console.error(
|
||||||
[
|
[
|
||||||
"Usage:",
|
"Usage:",
|
||||||
" npx tsx src/md/render.ts <markdown_file> [--theme <name>]",
|
" npx tsx src/md/render.ts <markdown_file> [options]",
|
||||||
"",
|
"",
|
||||||
"Options:",
|
"Options:",
|
||||||
` --theme Theme name (${THEME_NAMES.join(", ")})`,
|
` --theme <name> Theme (${THEME_NAMES.join(", ")})`,
|
||||||
|
` --color <name|hex> Primary color: ${Object.keys(COLOR_PRESETS).join(", ")}, or hex`,
|
||||||
|
` --font-family <name> Font: ${Object.keys(FONT_FAMILY_MAP).join(", ")}, or CSS value`,
|
||||||
|
` --font-size <N> Font size: ${FONT_SIZE_OPTIONS.join(", ")} (default: 16px)`,
|
||||||
|
` --code-theme <name> Code highlight theme (default: github)`,
|
||||||
|
` --mac-code-block Show Mac-style code block header`,
|
||||||
|
` --line-number Show line numbers in code blocks`,
|
||||||
|
` --cite Enable footnote citations`,
|
||||||
|
` --count Show reading time / word count`,
|
||||||
|
` --legend <value> Image caption: title-alt, alt-title, title, alt, none`,
|
||||||
|
` --keep-title Keep the first heading in output`,
|
||||||
].join("\n")
|
].join("\n")
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function parseArgValue(argv: string[], i: number, flag: string): string | null {
|
||||||
|
const arg = argv[i]!;
|
||||||
|
if (arg.includes("=")) {
|
||||||
|
return arg.slice(flag.length + 1);
|
||||||
|
}
|
||||||
|
const next = argv[i + 1];
|
||||||
|
return next ?? null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveFontFamily(value: string): string {
|
||||||
|
return FONT_FAMILY_MAP[value] ?? value;
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveColor(value: string): string {
|
||||||
|
return COLOR_PRESETS[value] ?? value;
|
||||||
|
}
|
||||||
|
|
||||||
function parseArgs(argv: string[]): CliOptions | null {
|
function parseArgs(argv: string[]): CliOptions | null {
|
||||||
|
const ext = loadExtendConfig();
|
||||||
|
|
||||||
let inputPath = "";
|
let inputPath = "";
|
||||||
let theme: ThemeName = "default";
|
let theme: ThemeName = ext.default_theme ?? "default";
|
||||||
let keepTitle = false;
|
let keepTitle = ext.keep_title ?? false;
|
||||||
|
let primaryColor: string | undefined = ext.default_color ? resolveColor(ext.default_color) : undefined;
|
||||||
|
let fontFamily: string | undefined = ext.default_font_family ? resolveFontFamily(ext.default_font_family) : undefined;
|
||||||
|
let fontSize: string | undefined = ext.default_font_size ?? undefined;
|
||||||
|
let codeTheme = ext.default_code_theme ?? "github";
|
||||||
|
let isMacCodeBlock = ext.mac_code_block ?? true;
|
||||||
|
let isShowLineNumber = ext.show_line_number ?? false;
|
||||||
|
let citeStatus = ext.cite ?? false;
|
||||||
|
let countStatus = ext.count ?? false;
|
||||||
|
let legend = ext.legend ?? "alt";
|
||||||
|
|
||||||
for (let i = 0; i < argv.length; i += 1) {
|
for (let i = 0; i < argv.length; i += 1) {
|
||||||
const arg = argv[i];
|
const arg = argv[i]!;
|
||||||
|
|
||||||
if (!arg.startsWith("--") && !inputPath) {
|
if (!arg.startsWith("--") && !inputPath) {
|
||||||
inputPath = arg;
|
inputPath = arg;
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (arg === "--theme") {
|
|
||||||
theme = (argv[i + 1] || "") as ThemeName;
|
|
||||||
i += 1;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (arg.startsWith("--theme=")) {
|
|
||||||
theme = arg.slice("--theme=".length) as ThemeName;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (arg === "--keep-title") {
|
|
||||||
keepTitle = true;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (arg === "--help" || arg === "-h") {
|
if (arg === "--help" || arg === "-h") {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (arg === "--keep-title") { keepTitle = true; continue; }
|
||||||
|
if (arg === "--mac-code-block") { isMacCodeBlock = true; continue; }
|
||||||
|
if (arg === "--no-mac-code-block") { isMacCodeBlock = false; continue; }
|
||||||
|
if (arg === "--line-number") { isShowLineNumber = true; continue; }
|
||||||
|
if (arg === "--cite") { citeStatus = true; continue; }
|
||||||
|
if (arg === "--count") { countStatus = true; continue; }
|
||||||
|
|
||||||
|
if (arg === "--theme" || arg.startsWith("--theme=")) {
|
||||||
|
const val = parseArgValue(argv, i, "--theme");
|
||||||
|
if (!val) { console.error("Missing value for --theme"); return null; }
|
||||||
|
theme = val as ThemeName;
|
||||||
|
if (!arg.includes("=")) i += 1;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (arg === "--color" || arg.startsWith("--color=")) {
|
||||||
|
const val = parseArgValue(argv, i, "--color");
|
||||||
|
if (!val) { console.error("Missing value for --color"); return null; }
|
||||||
|
primaryColor = resolveColor(val);
|
||||||
|
if (!arg.includes("=")) i += 1;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (arg === "--font-family" || arg.startsWith("--font-family=")) {
|
||||||
|
const val = parseArgValue(argv, i, "--font-family");
|
||||||
|
if (!val) { console.error("Missing value for --font-family"); return null; }
|
||||||
|
fontFamily = resolveFontFamily(val);
|
||||||
|
if (!arg.includes("=")) i += 1;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (arg === "--font-size" || arg.startsWith("--font-size=")) {
|
||||||
|
const val = parseArgValue(argv, i, "--font-size");
|
||||||
|
if (!val) { console.error("Missing value for --font-size"); return null; }
|
||||||
|
fontSize = val.endsWith("px") ? val : `${val}px`;
|
||||||
|
if (!FONT_SIZE_OPTIONS.includes(fontSize)) {
|
||||||
|
console.error(`Invalid font size: ${fontSize}. Valid: ${FONT_SIZE_OPTIONS.join(", ")}`);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (!arg.includes("=")) i += 1;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (arg === "--code-theme" || arg.startsWith("--code-theme=")) {
|
||||||
|
const val = parseArgValue(argv, i, "--code-theme");
|
||||||
|
if (!val) { console.error("Missing value for --code-theme"); return null; }
|
||||||
|
codeTheme = val;
|
||||||
|
if (!CODE_BLOCK_THEMES.includes(codeTheme)) {
|
||||||
|
console.error(`Unknown code theme: ${codeTheme}`);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (!arg.includes("=")) i += 1;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (arg === "--legend" || arg.startsWith("--legend=")) {
|
||||||
|
const val = parseArgValue(argv, i, "--legend");
|
||||||
|
if (!val) { console.error("Missing value for --legend"); return null; }
|
||||||
|
const valid = ["title-alt", "alt-title", "title", "alt", "none"];
|
||||||
|
if (!valid.includes(val)) {
|
||||||
|
console.error(`Invalid legend: ${val}. Valid: ${valid.join(", ")}`);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
legend = val;
|
||||||
|
if (!arg.includes("=")) i += 1;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
console.error(`Unknown argument: ${arg}`);
|
console.error(`Unknown argument: ${arg}`);
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
@@ -544,9 +714,8 @@ function parseArgs(argv: string[]): CliOptions | null {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
inputPath,
|
inputPath, theme, keepTitle, primaryColor, fontFamily, fontSize,
|
||||||
theme,
|
codeTheme, isMacCodeBlock, isShowLineNumber, citeStatus, countStatus, legend,
|
||||||
keepTitle,
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -554,6 +723,78 @@ interface CliOptions {
|
|||||||
inputPath: string;
|
inputPath: string;
|
||||||
theme: ThemeName;
|
theme: ThemeName;
|
||||||
keepTitle: boolean;
|
keepTitle: boolean;
|
||||||
|
primaryColor?: string;
|
||||||
|
fontFamily?: string;
|
||||||
|
fontSize?: string;
|
||||||
|
codeTheme: string;
|
||||||
|
isMacCodeBlock: boolean;
|
||||||
|
isShowLineNumber: boolean;
|
||||||
|
citeStatus: boolean;
|
||||||
|
countStatus: boolean;
|
||||||
|
legend: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ExtendConfig {
|
||||||
|
default_theme: string | null;
|
||||||
|
default_color: string | null;
|
||||||
|
default_font_family: string | null;
|
||||||
|
default_font_size: string | null;
|
||||||
|
default_code_theme: string | null;
|
||||||
|
mac_code_block: boolean | null;
|
||||||
|
show_line_number: boolean | null;
|
||||||
|
cite: boolean | null;
|
||||||
|
count: boolean | null;
|
||||||
|
legend: string | null;
|
||||||
|
keep_title: boolean | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function extractYamlFrontMatter(content: string): string | null {
|
||||||
|
const match = content.match(/^---\s*\n([\s\S]*?)\n---\s*$/m);
|
||||||
|
return match ? match[1]! : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseExtendYaml(yaml: string): Partial<ExtendConfig> {
|
||||||
|
const config: Partial<ExtendConfig> = {};
|
||||||
|
for (const line of yaml.split("\n")) {
|
||||||
|
const trimmed = line.trim();
|
||||||
|
if (!trimmed || trimmed.startsWith("#")) continue;
|
||||||
|
const colonIdx = trimmed.indexOf(":");
|
||||||
|
if (colonIdx < 0) continue;
|
||||||
|
const key = trimmed.slice(0, colonIdx).trim();
|
||||||
|
let value = trimmed.slice(colonIdx + 1).trim().replace(/^['"]|['"]$/g, "");
|
||||||
|
if (value === "null" || value === "") continue;
|
||||||
|
|
||||||
|
if (key === "default_theme") config.default_theme = value;
|
||||||
|
else if (key === "default_color") config.default_color = value;
|
||||||
|
else if (key === "default_font_family") config.default_font_family = value;
|
||||||
|
else if (key === "default_font_size") config.default_font_size = value.endsWith("px") ? value : `${value}px`;
|
||||||
|
else if (key === "default_code_theme") config.default_code_theme = value;
|
||||||
|
else if (key === "mac_code_block") config.mac_code_block = value === "true";
|
||||||
|
else if (key === "show_line_number") config.show_line_number = value === "true";
|
||||||
|
else if (key === "cite") config.cite = value === "true";
|
||||||
|
else if (key === "count") config.count = value === "true";
|
||||||
|
else if (key === "legend") config.legend = value;
|
||||||
|
else if (key === "keep_title") config.keep_title = value === "true";
|
||||||
|
}
|
||||||
|
return config;
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadExtendConfig(): Partial<ExtendConfig> {
|
||||||
|
const paths = [
|
||||||
|
path.join(process.cwd(), ".baoyu-skills", "baoyu-markdown-to-html", "EXTEND.md"),
|
||||||
|
path.join(homedir(), ".baoyu-skills", "baoyu-markdown-to-html", "EXTEND.md"),
|
||||||
|
];
|
||||||
|
for (const p of paths) {
|
||||||
|
try {
|
||||||
|
const content = fs.readFileSync(p, "utf-8");
|
||||||
|
const yaml = extractYamlFrontMatter(content);
|
||||||
|
if (!yaml) continue;
|
||||||
|
return parseExtendYaml(yaml);
|
||||||
|
} catch {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return {};
|
||||||
}
|
}
|
||||||
|
|
||||||
function preprocessCjkEmphasis(markdown: string): string {
|
function preprocessCjkEmphasis(markdown: string): string {
|
||||||
@@ -679,14 +920,16 @@ function loadThemeCss(theme: ThemeName): {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
function buildCss(baseCss: string, themeCss: string): string {
|
function buildCss(baseCss: string, themeCss: string, style: StyleConfig = DEFAULT_STYLE): string {
|
||||||
const variables = `
|
const variables = `
|
||||||
:root {
|
:root {
|
||||||
--md-primary-color: ${DEFAULT_STYLE.primaryColor};
|
--md-primary-color: ${style.primaryColor};
|
||||||
--md-font-family: ${DEFAULT_STYLE.fontFamily};
|
--md-font-family: ${style.fontFamily};
|
||||||
--md-font-size: ${DEFAULT_STYLE.fontSize};
|
--md-font-size: ${style.fontSize};
|
||||||
--foreground: ${DEFAULT_STYLE.foreground};
|
--foreground: ${style.foreground};
|
||||||
--blockquote-background: ${DEFAULT_STYLE.blockquoteBackground};
|
--blockquote-background: ${style.blockquoteBackground};
|
||||||
|
--md-accent-color: ${style.accentColor};
|
||||||
|
--md-container-bg: ${style.containerBg};
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@@ -708,13 +951,28 @@ function normalizeThemeCss(css: string): string {
|
|||||||
return stripOutputScope(css);
|
return stripOutputScope(css);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function fetchCodeThemeCss(themeName: string): Promise<string> {
|
||||||
|
const url = `${HLJS_CDN_BASE}/styles/${themeName}.min.css`;
|
||||||
|
try {
|
||||||
|
const res = await fetch(url);
|
||||||
|
if (!res.ok) {
|
||||||
|
console.error(`Failed to fetch code theme CSS: ${res.status} ${url}`);
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
return await res.text();
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Failed to fetch code theme CSS from ${url}:`, error);
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
interface HtmlDocumentMeta {
|
interface HtmlDocumentMeta {
|
||||||
title: string;
|
title: string;
|
||||||
author?: string;
|
author?: string;
|
||||||
description?: string;
|
description?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
function buildHtmlDocument(meta: HtmlDocumentMeta, css: string, html: string): string {
|
function buildHtmlDocument(meta: HtmlDocumentMeta, css: string, html: string, codeThemeCss?: string): string {
|
||||||
const lines = [
|
const lines = [
|
||||||
"<!doctype html>",
|
"<!doctype html>",
|
||||||
"<html>",
|
"<html>",
|
||||||
@@ -729,8 +987,11 @@ function buildHtmlDocument(meta: HtmlDocumentMeta, css: string, html: string): s
|
|||||||
if (meta.description) {
|
if (meta.description) {
|
||||||
lines.push(` <meta name="description" content="${meta.description}" />`);
|
lines.push(` <meta name="description" content="${meta.description}" />`);
|
||||||
}
|
}
|
||||||
|
lines.push(` <style>${css}</style>`);
|
||||||
|
if (codeThemeCss) {
|
||||||
|
lines.push(` <style>${codeThemeCss}</style>`);
|
||||||
|
}
|
||||||
lines.push(
|
lines.push(
|
||||||
` <style>${css}</style>`,
|
|
||||||
"</head>",
|
"</head>",
|
||||||
"<body>",
|
"<body>",
|
||||||
' <div id="output">',
|
' <div id="output">',
|
||||||
@@ -758,34 +1019,38 @@ async function inlineCss(html: string): Promise<string> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function normalizeCssText(cssText: string): string {
|
function normalizeCssText(cssText: string, style: StyleConfig = DEFAULT_STYLE): string {
|
||||||
return cssText
|
return cssText
|
||||||
.replace(/var\(--md-primary-color\)/g, DEFAULT_STYLE.primaryColor)
|
.replace(/var\(--md-primary-color\)/g, style.primaryColor)
|
||||||
.replace(/var\(--md-font-family\)/g, DEFAULT_STYLE.fontFamily)
|
.replace(/var\(--md-font-family\)/g, style.fontFamily)
|
||||||
.replace(/var\(--md-font-size\)/g, DEFAULT_STYLE.fontSize)
|
.replace(/var\(--md-font-size\)/g, style.fontSize)
|
||||||
.replace(/var\(--blockquote-background\)/g, DEFAULT_STYLE.blockquoteBackground)
|
.replace(/var\(--blockquote-background\)/g, style.blockquoteBackground)
|
||||||
|
.replace(/var\(--md-accent-color\)/g, style.accentColor)
|
||||||
|
.replace(/var\(--md-container-bg\)/g, style.containerBg)
|
||||||
.replace(/hsl\(var\(--foreground\)\)/g, "#3f3f3f")
|
.replace(/hsl\(var\(--foreground\)\)/g, "#3f3f3f")
|
||||||
.replace(/--md-primary-color:\s*[^;"']+;?/g, "")
|
.replace(/--md-primary-color:\s*[^;"']+;?/g, "")
|
||||||
.replace(/--md-font-family:\s*[^;"']+;?/g, "")
|
.replace(/--md-font-family:\s*[^;"']+;?/g, "")
|
||||||
.replace(/--md-font-size:\s*[^;"']+;?/g, "")
|
.replace(/--md-font-size:\s*[^;"']+;?/g, "")
|
||||||
.replace(/--blockquote-background:\s*[^;"']+;?/g, "")
|
.replace(/--blockquote-background:\s*[^;"']+;?/g, "")
|
||||||
|
.replace(/--md-accent-color:\s*[^;"']+;?/g, "")
|
||||||
|
.replace(/--md-container-bg:\s*[^;"']+;?/g, "")
|
||||||
.replace(/--foreground:\s*[^;"']+;?/g, "");
|
.replace(/--foreground:\s*[^;"']+;?/g, "");
|
||||||
}
|
}
|
||||||
|
|
||||||
function normalizeInlineCss(html: string): string {
|
function normalizeInlineCss(html: string, style: StyleConfig = DEFAULT_STYLE): string {
|
||||||
let output = html;
|
let output = html;
|
||||||
output = output.replace(
|
output = output.replace(
|
||||||
/<style([^>]*)>([\s\S]*?)<\/style>/gi,
|
/<style([^>]*)>([\s\S]*?)<\/style>/gi,
|
||||||
(_match, attrs: string, cssText: string) =>
|
(_match, attrs: string, cssText: string) =>
|
||||||
`<style${attrs}>${normalizeCssText(cssText)}</style>`
|
`<style${attrs}>${normalizeCssText(cssText, style)}</style>`
|
||||||
);
|
);
|
||||||
output = output.replace(
|
output = output.replace(
|
||||||
/style="([^"]*)"/gi,
|
/style="([^"]*)"/gi,
|
||||||
(_match, cssText: string) => `style="${normalizeCssText(cssText)}"`
|
(_match, cssText: string) => `style="${normalizeCssText(cssText, style)}"`
|
||||||
);
|
);
|
||||||
output = output.replace(
|
output = output.replace(
|
||||||
/style='([^']*)'/gi,
|
/style='([^']*)'/gi,
|
||||||
(_match, cssText: string) => `style='${normalizeCssText(cssText)}'`
|
(_match, cssText: string) => `style='${normalizeCssText(cssText, style)}'`
|
||||||
);
|
);
|
||||||
return output;
|
return output;
|
||||||
}
|
}
|
||||||
@@ -824,11 +1089,29 @@ async function main(): Promise<void> {
|
|||||||
options.inputPath.replace(/\.md$/i, ".html")
|
options.inputPath.replace(/\.md$/i, ".html")
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const themeDefaults = THEME_STYLE_DEFAULTS[options.theme] ?? {};
|
||||||
|
const style: StyleConfig = {
|
||||||
|
...DEFAULT_STYLE,
|
||||||
|
...themeDefaults,
|
||||||
|
...(options.primaryColor !== undefined ? { primaryColor: options.primaryColor } : {}),
|
||||||
|
...(options.fontFamily !== undefined ? { fontFamily: options.fontFamily } : {}),
|
||||||
|
...(options.fontSize !== undefined ? { fontSize: options.fontSize } : {}),
|
||||||
|
};
|
||||||
|
|
||||||
const { baseCss, themeCss } = loadThemeCss(options.theme);
|
const { baseCss, themeCss } = loadThemeCss(options.theme);
|
||||||
const css = normalizeThemeCss(buildCss(baseCss, themeCss));
|
const css = normalizeThemeCss(buildCss(baseCss, themeCss, style));
|
||||||
|
|
||||||
|
const codeThemeCss = await fetchCodeThemeCss(options.codeTheme);
|
||||||
|
|
||||||
const markdown = fs.readFileSync(inputPath, "utf-8");
|
const markdown = fs.readFileSync(inputPath, "utf-8");
|
||||||
|
|
||||||
const renderer = initRenderer({});
|
const renderer = initRenderer({
|
||||||
|
legend: options.legend,
|
||||||
|
citeStatus: options.citeStatus,
|
||||||
|
countStatus: options.countStatus,
|
||||||
|
isMacCodeBlock: options.isMacCodeBlock,
|
||||||
|
isShowLineNumber: options.isShowLineNumber,
|
||||||
|
});
|
||||||
const { yamlData } = renderer.parseFrontMatterAndContent(markdown);
|
const { yamlData } = renderer.parseFrontMatterAndContent(markdown);
|
||||||
const { html: baseHtml, readingTime: readingTimeResult } = renderMarkdown(
|
const { html: baseHtml, readingTime: readingTimeResult } = renderMarkdown(
|
||||||
markdown,
|
markdown,
|
||||||
@@ -855,8 +1138,8 @@ async function main(): Promise<void> {
|
|||||||
author: stripQuotes(yamlData.author),
|
author: stripQuotes(yamlData.author),
|
||||||
description: stripQuotes(yamlData.description) || stripQuotes(yamlData.summary),
|
description: stripQuotes(yamlData.description) || stripQuotes(yamlData.summary),
|
||||||
};
|
};
|
||||||
const html = buildHtmlDocument(meta, css, content);
|
const html = buildHtmlDocument(meta, css, content, codeThemeCss);
|
||||||
const inlinedHtml = normalizeInlineCss(await inlineCss(html));
|
const inlinedHtml = normalizeInlineCss(await inlineCss(html), style);
|
||||||
const finalHtml = modifyHtmlStructure(inlinedHtml);
|
const finalHtml = modifyHtmlStructure(inlinedHtml);
|
||||||
|
|
||||||
let backupPath = "";
|
let backupPath = "";
|
||||||
|
|||||||
@@ -32,3 +32,8 @@ blockquote {
|
|||||||
#output section > :first-child {
|
#output section > :first-child {
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mermaid-diagram .nodeLabel p {
|
||||||
|
color: unset !important;
|
||||||
|
letter-spacing: unset !important;
|
||||||
|
}
|
||||||
|
|||||||
@@ -269,6 +269,7 @@ pre.code__pre,
|
|||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin: 10px 8px;
|
margin: 10px 8px;
|
||||||
|
box-shadow: inset 0 0 10px rgba(0,0,0,0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ==================== 图片 ==================== */
|
/* ==================== 图片 ==================== */
|
||||||
|
|||||||
@@ -0,0 +1,181 @@
|
|||||||
|
/**
|
||||||
|
* MD 现代主题 (modern)
|
||||||
|
* 大圆角、药丸形标题、宽松行距、现代感
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ==================== 容器样式覆盖 ==================== */
|
||||||
|
section,
|
||||||
|
container {
|
||||||
|
font-family: var(--md-font-family);
|
||||||
|
font-size: var(--md-font-size);
|
||||||
|
line-height: 2;
|
||||||
|
background-color: var(--md-container-bg);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.01);
|
||||||
|
border-radius: 25px;
|
||||||
|
padding: 12px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#output {
|
||||||
|
font-family: var(--md-font-family);
|
||||||
|
font-size: var(--md-font-size);
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 一级标题 ==================== */
|
||||||
|
h1 {
|
||||||
|
display: table;
|
||||||
|
padding: 0.3em 1em;
|
||||||
|
margin: 20px auto;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
background: var(--md-primary-color);
|
||||||
|
border-radius: 15px;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 二级标题 ==================== */
|
||||||
|
h2 {
|
||||||
|
display: block;
|
||||||
|
padding: 0.2em 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
width: 100%;
|
||||||
|
color: var(--md-primary-color);
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
border-bottom: 2px solid var(--md-accent-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 三级标题 ==================== */
|
||||||
|
h3 {
|
||||||
|
margin: 0 8px 10px;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 四级标题 ==================== */
|
||||||
|
h4 {
|
||||||
|
margin: 0 8px 10px;
|
||||||
|
color: var(--md-primary-color);
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 五级标题 ==================== */
|
||||||
|
h5 {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 8px 10px;
|
||||||
|
padding: 4px 10px;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
background: rgba(255, 255, 255, 0.7);
|
||||||
|
border: 1px solid rgb(189, 224, 254);
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 六级标题 ==================== */
|
||||||
|
h6 {
|
||||||
|
margin: 0 8px 10px;
|
||||||
|
color: var(--md-primary-color);
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 段落 ==================== */
|
||||||
|
p {
|
||||||
|
margin: 20px 0;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
line-height: 2;
|
||||||
|
letter-spacing: 0px;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 引用块 ==================== */
|
||||||
|
blockquote {
|
||||||
|
font-style: normal;
|
||||||
|
padding: 15px 12px;
|
||||||
|
border-left: 7px solid var(--md-accent-color);
|
||||||
|
border-radius: 10px;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
background-color: var(--blockquote-background);
|
||||||
|
margin: 12px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote > p {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 代码块 ==================== */
|
||||||
|
pre.code__pre,
|
||||||
|
.hljs.code__pre {
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 图片 ==================== */
|
||||||
|
img {
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: 5px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 列表 ==================== */
|
||||||
|
ol {
|
||||||
|
padding-left: 1em;
|
||||||
|
margin: 15px 0;
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
margin: 15px 0;
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin: 0.2em 0;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 分隔线 ==================== */
|
||||||
|
hr {
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px 0 0;
|
||||||
|
border-color: var(--md-primary-color);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 强调 ==================== */
|
||||||
|
strong {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 标记高亮 ==================== */
|
||||||
|
.markup-highlight {
|
||||||
|
background-color: hsl(var(--foreground));
|
||||||
|
padding: 10px;
|
||||||
|
color: var(--md-container-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.markup-underline {
|
||||||
|
text-decoration: underline;
|
||||||
|
text-decoration-color: var(--md-accent-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 链接 ==================== */
|
||||||
|
a {
|
||||||
|
color: var(--md-primary-color);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 表格 ==================== */
|
||||||
|
th {
|
||||||
|
background: color-mix(in srgb, var(--md-primary-color) 10%, transparent);
|
||||||
|
}
|
||||||
@@ -48,7 +48,7 @@ test -f "$HOME/.baoyu-skills/baoyu-post-to-wechat/EXTEND.md" && echo "user"
|
|||||||
│ Not found │ Run first-time setup ([references/config/first-time-setup.md](references/config/first-time-setup.md)) → Save → Continue │
|
│ Not found │ Run first-time setup ([references/config/first-time-setup.md](references/config/first-time-setup.md)) → Save → Continue │
|
||||||
└───────────┴───────────────────────────────────────────────────────────────────────────┘
|
└───────────┴───────────────────────────────────────────────────────────────────────────┘
|
||||||
|
|
||||||
**EXTEND.md Supports**: Default theme | Default publishing method (api/browser) | Default author | Default open-comment switch | Default fans-only-comment switch | Chrome profile path
|
**EXTEND.md Supports**: Default theme | Default color | Default publishing method (api/browser) | Default author | Default open-comment switch | Default fans-only-comment switch | Chrome profile path
|
||||||
|
|
||||||
First-time setup: [references/config/first-time-setup.md](references/config/first-time-setup.md)
|
First-time setup: [references/config/first-time-setup.md](references/config/first-time-setup.md)
|
||||||
|
|
||||||
@@ -64,6 +64,7 @@ First-time setup: [references/config/first-time-setup.md](references/config/firs
|
|||||||
|
|
||||||
```md
|
```md
|
||||||
default_theme: default
|
default_theme: default
|
||||||
|
default_color: blue
|
||||||
default_publish_method: api
|
default_publish_method: api
|
||||||
default_author: 宝玉
|
default_author: 宝玉
|
||||||
need_open_comment: 1
|
need_open_comment: 1
|
||||||
@@ -71,6 +72,10 @@ only_fans_can_comment: 0
|
|||||||
chrome_profile_path: /path/to/chrome/profile
|
chrome_profile_path: /path/to/chrome/profile
|
||||||
```
|
```
|
||||||
|
|
||||||
|
**Theme options**: default, grace, simple, modern
|
||||||
|
|
||||||
|
**Color presets**: blue, green, vermilion, yellow, purple, sky, rose, olive, black, gray, pink, red, orange (or hex value)
|
||||||
|
|
||||||
**Value priority**:
|
**Value priority**:
|
||||||
1. CLI arguments
|
1. CLI arguments
|
||||||
2. Frontmatter
|
2. Frontmatter
|
||||||
@@ -134,6 +139,8 @@ Check and load EXTEND.md settings (see Preferences section above).
|
|||||||
**CRITICAL**: If not found, complete first-time setup BEFORE any other steps or questions.
|
**CRITICAL**: If not found, complete first-time setup BEFORE any other steps or questions.
|
||||||
|
|
||||||
Resolve and store these defaults for later steps:
|
Resolve and store these defaults for later steps:
|
||||||
|
- `default_theme` (default `default`)
|
||||||
|
- `default_color` (omit if not set — theme default applies)
|
||||||
- `default_author`
|
- `default_author`
|
||||||
- `need_open_comment` (default `1`)
|
- `need_open_comment` (default `1`)
|
||||||
- `only_fans_can_comment` (default `0`)
|
- `only_fans_can_comment` (default `0`)
|
||||||
@@ -201,13 +208,18 @@ B) Continue - provide HTML file manually
|
|||||||
- EXTEND.md `default_theme` (loaded in Step 0)
|
- EXTEND.md `default_theme` (loaded in Step 0)
|
||||||
- Fallback: `default`
|
- Fallback: `default`
|
||||||
|
|
||||||
2. **Execute conversion** (using the discovered skill), **always pass `--theme`**:
|
2. **Resolve color** (first match wins):
|
||||||
|
- CLI `--color` argument
|
||||||
|
- EXTEND.md `default_color` (loaded in Step 0)
|
||||||
|
- Omit if not set (theme default applies)
|
||||||
|
|
||||||
|
3. **Execute conversion** (using the discovered skill), **always pass `--theme`**:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npx -y bun ${MD_TO_HTML_SKILL_DIR}/scripts/main.ts <markdown_file> --theme <theme>
|
npx -y bun ${MD_TO_HTML_SKILL_DIR}/scripts/main.ts <markdown_file> --theme <theme> [--color <color>]
|
||||||
```
|
```
|
||||||
|
|
||||||
**CRITICAL**: Always include `--theme` parameter. Never omit it, even if using `default`.
|
**CRITICAL**: Always include `--theme` parameter. Never omit it, even if using `default`. Only include `--color` if explicitly set by user or EXTEND.md.
|
||||||
|
|
||||||
3. **Parse JSON output** to get: `htmlPath`, `title`, `author`, `summary`, `contentImages`
|
3. **Parse JSON output** to get: `htmlPath`, `title`, `author`, `summary`, `contentImages`
|
||||||
|
|
||||||
@@ -307,7 +319,7 @@ WeChat Publishing Complete!
|
|||||||
|
|
||||||
Input: [type] - [path]
|
Input: [type] - [path]
|
||||||
Method: API
|
Method: API
|
||||||
Theme: [theme name]
|
Theme: [theme name] [color if set]
|
||||||
|
|
||||||
Article:
|
Article:
|
||||||
• Title: [title]
|
• Title: [title]
|
||||||
@@ -334,7 +346,7 @@ WeChat Publishing Complete!
|
|||||||
|
|
||||||
Input: [type] - [path]
|
Input: [type] - [path]
|
||||||
Method: Browser
|
Method: Browser
|
||||||
Theme: [theme name]
|
Theme: [theme name] [color if set]
|
||||||
|
|
||||||
Article:
|
Article:
|
||||||
• Title: [title]
|
• Title: [title]
|
||||||
|
|||||||
@@ -20,9 +20,9 @@ npx -y bun ./scripts/wechat-article.ts --markdown article.md --author "作者名
|
|||||||
| Parameter | Description |
|
| Parameter | Description |
|
||||||
|-----------|-------------|
|
|-----------|-------------|
|
||||||
| `--markdown <path>` | Markdown file to convert and post |
|
| `--markdown <path>` | Markdown file to convert and post |
|
||||||
| `--theme <name>` | Theme: default, grace, or simple |
|
| `--theme <name>` | Theme: default, grace, simple, modern |
|
||||||
| `--title <text>` | Override title (auto-extracted from markdown) |
|
| `--title <text>` | Override title (auto-extracted from markdown) |
|
||||||
| `--author <name>` | Author name (default: 宝玉) |
|
| `--author <name>` | Author name |
|
||||||
| `--summary <text>` | Article summary |
|
| `--summary <text>` | Article summary |
|
||||||
| `--html <path>` | Pre-rendered HTML file (alternative to markdown) |
|
| `--html <path>` | Pre-rendered HTML file (alternative to markdown) |
|
||||||
| `--profile <dir>` | Chrome profile directory |
|
| `--profile <dir>` | Chrome profile directory |
|
||||||
|
|||||||
@@ -49,14 +49,34 @@ header: "Theme"
|
|||||||
question: "Default theme for article conversion?"
|
question: "Default theme for article conversion?"
|
||||||
options:
|
options:
|
||||||
- label: "default (Recommended)"
|
- label: "default (Recommended)"
|
||||||
description: "Classic layout - centered title with border, white-on-color H2"
|
description: "Classic layout - centered title with border, white-on-color H2 (default: blue)"
|
||||||
- label: "grace"
|
- label: "grace"
|
||||||
description: "Elegant - text shadows, rounded cards, refined blockquotes"
|
description: "Elegant - text shadows, rounded cards, refined blockquotes (default: purple)"
|
||||||
- label: "simple"
|
- label: "simple"
|
||||||
description: "Minimal modern - asymmetric rounded corners, clean whitespace"
|
description: "Minimal modern - asymmetric rounded corners, clean whitespace (default: green)"
|
||||||
|
- label: "modern"
|
||||||
|
description: "Large rounded corners, pill headings, spacious (default: orange)"
|
||||||
```
|
```
|
||||||
|
|
||||||
### Question 2: Default Publishing Method
|
### Question 2: Default Color
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
header: "Color"
|
||||||
|
question: "Default color preset? (theme default if not set)"
|
||||||
|
options:
|
||||||
|
- label: "Theme default (Recommended)"
|
||||||
|
description: "Use the theme's built-in default color"
|
||||||
|
- label: "blue"
|
||||||
|
description: "#0F4C81 经典蓝"
|
||||||
|
- label: "red"
|
||||||
|
description: "#A93226 中国红"
|
||||||
|
- label: "green"
|
||||||
|
description: "#009874 翡翠绿"
|
||||||
|
```
|
||||||
|
|
||||||
|
Note: User can choose "Other" to type any preset name (vermilion, yellow, purple, sky, rose, olive, black, gray, pink, orange) or hex value.
|
||||||
|
|
||||||
|
### Question 3: Default Publishing Method
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
header: "Method"
|
header: "Method"
|
||||||
@@ -68,7 +88,7 @@ options:
|
|||||||
description: "Slow, requires Chrome and login session"
|
description: "Slow, requires Chrome and login session"
|
||||||
```
|
```
|
||||||
|
|
||||||
### Question 3: Default Author
|
### Question 4: Default Author
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
header: "Author"
|
header: "Author"
|
||||||
@@ -80,7 +100,7 @@ options:
|
|||||||
|
|
||||||
Note: User will likely choose "Other" to type their author name.
|
Note: User will likely choose "Other" to type their author name.
|
||||||
|
|
||||||
### Question 4: Open Comments
|
### Question 5: Open Comments
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
header: "Comments"
|
header: "Comments"
|
||||||
@@ -92,7 +112,7 @@ options:
|
|||||||
description: "Disable comments by default"
|
description: "Disable comments by default"
|
||||||
```
|
```
|
||||||
|
|
||||||
### Question 5: Fans-Only Comments
|
### Question 6: Fans-Only Comments
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
header: "Fans only"
|
header: "Fans only"
|
||||||
@@ -104,7 +124,7 @@ options:
|
|||||||
description: "Only followers can comment"
|
description: "Only followers can comment"
|
||||||
```
|
```
|
||||||
|
|
||||||
### Question 6: Save Location
|
### Question 7: Save Location
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
header: "Save"
|
header: "Save"
|
||||||
@@ -133,7 +153,8 @@ options:
|
|||||||
## EXTEND.md Template
|
## EXTEND.md Template
|
||||||
|
|
||||||
```md
|
```md
|
||||||
default_theme: [default/grace/simple]
|
default_theme: [default/grace/simple/modern]
|
||||||
|
default_color: [preset name, hex, or empty for theme default]
|
||||||
default_publish_method: [api/browser]
|
default_publish_method: [api/browser]
|
||||||
default_author: [author name or empty]
|
default_author: [author name or empty]
|
||||||
need_open_comment: [1/0]
|
need_open_comment: [1/0]
|
||||||
|
|||||||
@@ -673,8 +673,8 @@ Options:
|
|||||||
--content <text> Article content (use with --image)
|
--content <text> Article content (use with --image)
|
||||||
--html <path> HTML file to paste (alternative to --content)
|
--html <path> HTML file to paste (alternative to --content)
|
||||||
--markdown <path> Markdown file to convert and post (recommended)
|
--markdown <path> Markdown file to convert and post (recommended)
|
||||||
--theme <name> Theme for markdown (default, grace, simple)
|
--theme <name> Theme for markdown (default, grace, simple, modern)
|
||||||
--author <name> Author name (default: 宝玉)
|
--author <name> Author name
|
||||||
--summary <text> Article summary
|
--summary <text> Article summary
|
||||||
--image <path> Content image, can repeat (only with --content)
|
--image <path> Content image, can repeat (only with --content)
|
||||||
--submit Save as draft
|
--submit Save as draft
|
||||||
|
|||||||
Reference in New Issue
Block a user