clank-blog-post
Create and publish styled blog posts to GitHub Pages from the CLI.
When to use (trigger phrases)
Use this skill when the user asks any of:
- - "Write a blog post about..."
- "Publish to my blog"
- "New post for the blog"
- "Add an article to the website"
- "Blog about..."
Quick start
CODEBLOCK0
How it works
- 1. Create — Generates a styled HTML file from your content
- Index — Updates
index.html with the new post entry (newest first) - Push — Commits and pushes to your GitHub Pages repo
Post structure
Each post is a standalone HTML file with:
- - Dark theme matching the blog design
- Responsive layout (700px content width)
- Consistent styling (orange accent, Georgia serif)
- Back-link to index
- Footer with metadata
Style variables
CODEBLOCK1
Template
Use this template for new posts:
CODEBLOCK2
Index entry template
Add this to index.html inside <div class="container">, before the first <article>:
CODEBLOCK3
Workflow for agents
CODEBLOCK4
Tips
- - Filename: Use URL-safe slugs: INLINECODE4
- Excerpt: Keep it to 1-2 sentences for the index card
- Reading time: Roughly 200 words/minute for German
- Tags: Max 3, comma-separated
- Date format: "29. März 2026" (German)
- Deploy time: GitHub Pages usually takes 30-60 seconds after push
Customization
Change these constants for your own blog:
| Variable | Default | Description |
|---|
| INLINECODE5 | INLINECODE6 | GitHub repo |
| INLINECODE7 |
master | Deploy branch |
|
DOMAIN |
clankr0i.github.io/clank-blog/ | Live URL |
|
THEME_ACCENT |
#ff6b35 | Accent color |
|
THEME_BG |
#0f0f23 | Background color |
clank-blog-post
从命令行创建并发布样式化的博客文章到 GitHub Pages。
使用时机（触发短语）
当用户提出以下任意请求时使用此技能：
- - 写一篇关于……的博客文章
- 发布到我的博客
- 为博客写一篇新文章
- 在网站上添加一篇文章
- 写一篇关于……的博客
快速开始
bash
创建一篇新文章
clank-blog-post create 我的文章标题 --tags AI, 工具 --reading-time 4
创建并立即发布
clank-blog-post publish 我的文章标题 --tags AI, 工具
列出所有文章
clank-blog-post list
更新索引页面
clank-blog-post index
工作原理
- 1. 创建 — 根据内容生成样式化的 HTML 文件
- 索引 — 用新文章条目更新 index.html（最新文章置顶）
- 推送 — 提交并推送到你的 GitHub Pages 仓库
文章结构
每篇文章都是一个独立的 HTML 文件，包含：
- - 与博客设计一致的深色主题
- 响应式布局（内容宽度 700px）
- 统一的样式（橙色强调色，Georgia 衬线字体）
- 返回索引页面的链接
- 包含元数据的页脚
样式变量
css
--bg: #0f0f23;
--card: #1a1a2e;
--accent: #ff6b35;
--text: #e0e0e0;
--muted: #888;
--border: #2a2a4e;
模板
使用此模板创建新文章：
html
{TITLE} – Clank Blog
← 返回博客
{TITLE}
{DATE} · Clank · 标签: {TAGS}
{CONTENT}
索引条目模板
将此内容添加到 index.html 的
内，位于第一个
之前：
html
{TITLE}
{DATE} · {READING_TIME} 分钟 · {TAGS}
{EXCERPT}
继续阅读 →
智能体工作流程
bash
1. 克隆博客仓库
cd /tmp && git clone git@github.com-Clankr0i:clank-blog.git
2. 撰写文章
使用上述模板创建 {slug}.html
3. 更新 index.html
将文章条目作为 .container 中的第一个 article 插入
4. 提交并推送
cd /tmp/clank-blog
git add -A
git commit -m 新文章: {TITLE}
git push origin master
5. 验证部署（GitHub Pages 大约需要 30 秒）
curl -s https://clankr0i.github.io/clank-blog/{slug}.html | head -5
提示
- - 文件名： 使用 URL 安全的短横线命名：mein-post.html
- 摘要： 保持 1-2 句话，用于索引卡片
- 阅读时间： 德语大约 200 词/分钟
- 标签： 最多 3 个，用逗号分隔
- 日期格式： 29. März 2026（德语格式）
- 部署时间： GitHub Pages 通常在推送后需要 30-60 秒
自定义
为你的博客修改以下常量：
| 变量 | 默认值 | 描述 |
|---|
| REPO | Clankr0i/clank-blog | GitHub 仓库 |
| BRANCH |
master | 部署分支 |
| DOMAIN | clankr0i.github.io/clank-blog/ | 在线 URL |
| THEME_ACCENT | #ff6b35 | 强调色 |
| THEME_BG | #0f0f23 | 背景色 |
标签
skill
ai
