From b325f6d47dcad22fa0c42d7d777f67ba94f73aed Mon Sep 17 00:00:00 2001 From: joeytoday Date: Mon, 6 Jul 2026 10:19:24 +0800 Subject: [PATCH 1/3] fix: blog page display issues - Add blog meta info rendering (title/date/author/description) - Fix video overflow with max-width constraint - Add copy button with SVG icon for code blocks - Style description as card with left border accent - Add .gitignore to exclude Jekyll build artifacts --- .gitignore | 5 ++++ _layouts/doc.html | 60 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 65 insertions(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4944820 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +_site/ +.sass-cache/ +.jekyll-cache/ +.jekyll-metadata +Gemfile.lock diff --git a/_layouts/doc.html b/_layouts/doc.html index 2028551..669bd0c 100644 --- a/_layouts/doc.html +++ b/_layouts/doc.html @@ -94,8 +94,25 @@ .doc-content td { padding: 10px 12px; border-bottom: 1px solid var(--hairline); color: var(--body); } .doc-content tr:hover td { background: var(--canvas-soft); } .doc-content img { max-width: 100%; border-radius: var(--rounded-md); margin: 16px 0; } +.doc-content video, .doc-content iframe { max-width: 100%; height: auto; border-radius: var(--rounded-md); margin: 16px 0; display: block; } .doc-content hr { border: none; border-top: 1px solid var(--hairline); margin: 32px 0; } +/* Blog meta */ +.blog-meta { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--hairline); } +.blog-meta-title { font-size: 32px; font-weight: 700; letter-spacing: -1.2px; line-height: 1.2; margin-bottom: 16px; color: var(--ink); } +.blog-meta-info { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; font-size: 14px; color: var(--mute); margin-bottom: 16px; } +.blog-meta-info span { display: inline-flex; align-items: center; gap: 6px; } +.blog-meta-info svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: 0.7; } +.blog-meta-desc { background: var(--canvas-soft); border-left: 3px solid var(--link); padding: 14px 18px; border-radius: 0 var(--rounded-sm) var(--rounded-sm) 0; font-size: 15px; color: var(--body); line-height: 1.65; margin-top: 4px; } + +/* Code copy button */ +.code-block-wrapper { position: relative; margin-bottom: 20px; } +.code-block-wrapper pre { margin-bottom: 0; padding-right: 48px; } +.copy-btn { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.7); width: 32px; height: 32px; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s, color 0.15s; } +.copy-btn:hover { background: rgba(255,255,255,0.25); color: #fff; } +.copy-btn.copied { background: rgba(34,197,94,0.3); border-color: rgba(34,197,94,0.4); color: #4ade80; } +.copy-btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } + /* Page footer */ .doc-footer { margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--hairline); font-size: 13px; color: var(--mute); } .doc-footer a { color: var(--link); text-decoration: none; } @@ -160,6 +177,19 @@
+ {%- if page.layout == 'doc' and page.date and page.author -%} +
+

{{ page.title }}

+
+ {{ page.date | date: "%Y-%m-%d" }} + {{ page.author }} +
+ {%- if page.description -%} +

{{ page.description }}

+ {%- endif -%} +
+ {%- endif -%} + {{ content }}
@@ -168,5 +198,35 @@
+ + From 8ac67cd79b7673016bfbe561c57c1c404f297087 Mon Sep 17 00:00:00 2001 From: joeytoday Date: Mon, 6 Jul 2026 10:59:32 +0800 Subject: [PATCH 2/3] fix: add type:post for blog meta detection + fix video tag spacing --- blog/qwencode-bailian-ai-marketing.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/blog/qwencode-bailian-ai-marketing.md b/blog/qwencode-bailian-ai-marketing.md index 54bac76..523f7e4 100644 --- a/blog/qwencode-bailian-ai-marketing.md +++ b/blog/qwencode-bailian-ai-marketing.md @@ -1,5 +1,6 @@ --- layout: doc +type: post title: "一句话出图、手机拍照直接生商品图、AI 写文案一键发公众号——用 Qwen Code 搞定电商营销全流程" permalink: /blog/qwencode-bailian-ai-marketing/ date: "2026-06-11" @@ -191,7 +192,7 @@ AI 会分别输出三个版本，可直接参考演示视频： 直接告诉 Qwen Code 你的公众号：AppID 和 AppSecret，在微信开发者平台把你的 ip 加入白名单，一次设置后，就能直接发布到草稿箱，完全免除排版困扰： - + > ps：你还可以结合我之前做的封面技能，直接解决公众号封面的问题。 From 5dd4f22e841ab48498d14baff3096bd6c0980090 Mon Sep 17 00:00:00 2001 From: joeytoday <59279278+joeytoday@users.noreply.github.com> Date: Mon, 6 Jul 2026 13:49:59 +0800 Subject: [PATCH 3/3] Update qwencode-bailian-ai-marketing.md --- blog/qwencode-bailian-ai-marketing.md | 1 - 1 file changed, 1 deletion(-) diff --git a/blog/qwencode-bailian-ai-marketing.md b/blog/qwencode-bailian-ai-marketing.md index 523f7e4..321ec71 100644 --- a/blog/qwencode-bailian-ai-marketing.md +++ b/blog/qwencode-bailian-ai-marketing.md @@ -1,6 +1,5 @@ --- layout: doc -type: post title: "一句话出图、手机拍照直接生商品图、AI 写文案一键发公众号——用 Qwen Code 搞定电商营销全流程" permalink: /blog/qwencode-bailian-ai-marketing/ date: "2026-06-11"