diff --git a/skills/baoyu-markdown-to-html/SKILL.md b/skills/baoyu-markdown-to-html/SKILL.md index 6569385..8cabe8d 100644 --- a/skills/baoyu-markdown-to-html/SKILL.md +++ b/skills/baoyu-markdown-to-html/SKILL.md @@ -92,6 +92,8 @@ test -f "$HOME/.baoyu-skills/baoyu-post-to-wechat/EXTEND.md" && grep -o 'default | `default` (Recommended) | 经典主题 - 传统排版,标题居中带底边,二级标题白字彩底 | | `grace` | 优雅主题 - 文字阴影,圆角卡片,精致引用块 | | `simple` | 简洁主题 - 现代极简风,不对称圆角,清爽留白 | +| `red` | 红色主题 - 红金配色,宋体排版,传统书法风格 | +| `orange` | 橙色主题 - 暖色调现代风,宽松行距,圆角装饰 | ### Step 2: Convert @@ -113,7 +115,7 @@ npx -y bun ${SKILL_DIR}/scripts/main.ts [options] | Option | Description | Default | |--------|-------------|---------| -| `--theme ` | Theme name (default, grace, simple) | default | +| `--theme ` | Theme name (default, grace, simple, red, orange) | default | | `--title ` | Override title from frontmatter | | | `--keep-title` | Keep the first heading in content | false (removed) | | `--help` | Show help | | @@ -169,6 +171,8 @@ npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --title "My Article" | `default` | 经典主题 - 传统排版,标题居中带底边,二级标题白字彩底 | | `grace` | 优雅主题 - 文字阴影,圆角卡片,精致引用块 (by @brzhang) | | `simple` | 简洁主题 - 现代极简风,不对称圆角,清爽留白 (by @okooo5km) | +| `red` | 红色主题 - 红金配色,宋体排版,传统书法风格 | +| `orange` | 橙色主题 - 暖色调现代风,宽松行距,圆角装饰 | ## Supported Markdown Features diff --git a/skills/baoyu-markdown-to-html/scripts/md/themes/orange.css b/skills/baoyu-markdown-to-html/scripts/md/themes/orange.css new file mode 100644 index 0000000..70d4fcc --- /dev/null +++ b/skills/baoyu-markdown-to-html/scripts/md/themes/orange.css @@ -0,0 +1,180 @@ +/** + * MD 橙色主题 + * 暖色调现代风,橙色主色,宽松行距 + */ + +/* ==================== 容器样式覆盖 ==================== */ +section, +container { + font-family: PingFang SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif; + font-size: 15px; + line-height: 2; + background-color: rgba(250, 249, 245, 1); + border: 1px solid rgba(255, 255, 255, 0.01); + border-radius: 25px; + padding: 12px 12px; +} + +#output { + font-family: PingFang SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif; + font-size: 15px; + line-height: 2; +} + +/* ==================== 一级标题 ==================== */ +h1 { + display: table; + padding: 0.3em 1em; + margin: 20px auto; + color: #3B3B38; + background: #D97757; + 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: #D97757; + font-size: 20px; + font-weight: bold; + border-bottom: 2px solid #E4B1A0; +} + +/* ==================== 三级标题 ==================== */ +h3 { + margin: 0 8px 10px; + color: #3B3B38; + font-size: 18px; + font-weight: bold; +} + +/* ==================== 四级标题 ==================== */ +h4 { + margin: 0 8px 10px; + color: #D97757; + font-size: 16px; + font-weight: bold; +} + +/* ==================== 五级标题 ==================== */ +h5 { + display: inline-block; + margin: 0 8px 10px; + padding: 4px 10px; + color: #3B3B38; + 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: #D97757; + font-size: 16px; + font-weight: bold; +} + +/* ==================== 段落 ==================== */ +p { + margin: 20px 0; + color: #3B3B38; + line-height: 2; + letter-spacing: 0px; + font-size: 15px; +} + +/* ==================== 引用块 ==================== */ +blockquote { + font-style: normal; + padding: 15px 12px; + border-left: 7px solid rgba(228, 177, 160, 1); + border-radius: 10px; + color: #3B3B38; + background-color: rgba(255, 255, 255, 0.6); + margin: 12px 0; +} + +blockquote > p { + color: #3B3B38; + font-size: 14px; + margin: 0; +} + +/* ==================== 代码块 ==================== */ +pre.code__pre, +.hljs.code__pre { + border-radius: 10px; +} + +/* ==================== 图片 ==================== */ +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: #3B3B38; + font-size: 15px; +} + +/* ==================== 分隔线 ==================== */ +hr { + border-style: solid; + border-width: 1px 0 0; + border-color: #D97757; + margin: 0; +} + +/* ==================== 强调 ==================== */ +strong { + color: #3B3B38; + font-weight: bold; +} + +/* ==================== 标记高亮 ==================== */ +.markup-highlight { + background-color: #3B3B3B; + padding: 10px; + color: #FAF9F5; +} + +.markup-underline { + text-decoration: underline; + text-decoration-color: #E4B1A0; +} + +/* ==================== 链接 ==================== */ +a { + color: #D97757; + text-decoration: none; +} + +/* ==================== 表格 ==================== */ +th { + background: rgba(217, 119, 87, 0.1); +} diff --git a/skills/baoyu-markdown-to-html/scripts/md/themes/red.css b/skills/baoyu-markdown-to-html/scripts/md/themes/red.css new file mode 100644 index 0000000..32e8747 --- /dev/null +++ b/skills/baoyu-markdown-to-html/scripts/md/themes/red.css @@ -0,0 +1,182 @@ +/** + * MD 红色主题 + * 传统书法风格,红金配色,宋体排版 + */ + +/* ==================== 容器字体覆盖 ==================== */ +section, +container { + font-family: "Source Han Serif SC", "Noto Serif CJK SC", "Source Han Serif CN", STSong, SimSun, serif; + font-size: 16px; + line-height: 1.8; + background-color: rgba(255, 251, 240, 1); + border: 4px solid rgba(169, 50, 38, 1); + border-radius: 12px; + padding: 6px 12px; +} + +#output { + font-family: "Source Han Serif SC", "Noto Serif CJK SC", "Source Han Serif CN", STSong, SimSun, serif; + font-size: 16px; + line-height: 1.8; +} + +/* ==================== 一级标题 ==================== */ +h1 { + display: table; + padding: 0 1em; + border-bottom: 2px solid #A93226; + margin: 30px auto 20px; + color: #A93226; + font-size: 24px; + font-weight: bold; + text-align: center; +} + +/* ==================== 二级标题 ==================== */ +h2 { + display: block; + width: fit-content; + padding: 6px 20px; + margin: 30px auto 20px; + color: #FFFFFF; + background-color: #A93226; + font-size: 18px; + font-weight: bold; + text-align: center; + border-radius: 8px; + box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; + line-height: 1.6em; +} + +/* ==================== 三级标题 ==================== */ +h3 { + padding-left: 8px; + border-left: 3px solid #A93226; + margin: 20px 8px 10px 0; + color: #A93226; + font-size: 17px; + font-weight: normal; + line-height: 1.2; +} + +/* ==================== 四级标题 ==================== */ +h4 { + margin: 10px 8px; + color: #D4AC0D; + font-size: 16px; + font-weight: normal; +} + +/* ==================== 五级标题 ==================== */ +h5 { + margin: 10px 8px; + color: #797D7F; + font-size: 15px; + font-weight: normal; +} + +/* ==================== 六级标题 ==================== */ +h6 { + margin: 10px 8px; + color: #797D7F; + font-size: 14px; + font-weight: normal; +} + +/* ==================== 段落 ==================== */ +p { + margin: 16px 0; + letter-spacing: 0.5px; + color: #2C2C2C; + line-height: 1.8; +} + +/* ==================== 引用块 ==================== */ +blockquote { + font-style: normal; + padding: 15px 12px; + border-left: 2px solid rgba(169, 50, 38, 0.8); + border-radius: 4px; + color: #5D4037; + background-color: rgba(253, 237, 236, 1); + margin: 12px 0; +} + +blockquote > p { + color: #5D4037; + font-size: 14px; + margin: 0; +} + +/* ==================== 代码块 ==================== */ +pre.code__pre, +.hljs.code__pre { + font-size: 13px; + border: 1px solid #D4AC0D; +} + +/* ==================== 图片 ==================== */ +img { + border-radius: 4px; + border: 1px solid #D4AC0D; + margin: 20px auto; + padding: 5px; +} + +/* ==================== 列表 ==================== */ +ol { + padding-left: 1em; + margin: 15px 0; + line-height: 1.6; +} + +ul { + list-style: none; + padding-left: 0; + margin: 15px 0; + line-height: 1.6; +} + +li { + margin: 0.2em 0; + color: #2C2C2C; + font-size: 16px; +} + +/* ==================== 分隔线 ==================== */ +hr { + border-style: solid; + border-width: 2px 0 0; + border-color: #D4AC0D; + margin: 40px 0; +} + +/* ==================== 强调 ==================== */ +strong { + color: #A93226; + font-weight: bold; +} + +/* ==================== 标记高亮 ==================== */ +.markup-highlight { + background-color: #FADBD8; + padding: 5px; + color: #A93226; +} + +.markup-underline { + text-decoration: underline; + text-decoration-color: #D4AC0D; +} + +/* ==================== 链接 ==================== */ +a { + color: #A93226; + text-decoration: none; +} + +/* ==================== 表格 ==================== */ +th { + background: rgba(169, 50, 38, 0.1); +}