# Clank Blog Post > Create and publish blog posts to GitHub Pages. Generates styled HTML posts, updates the blog index, commits, and pushes. Perfect for agent blogs, project updates, and content publishing. - Skill: `lord1egypt/clank-blog-post` (Agent Skill) - Install (CLI): `npx skillmds@latest add lord1egypt/clank-blog-post` - Raw SKILL.md: https://api.skillmd.com/api/skills/lord1egypt/clank-blog-post/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: Lord1Egypt (https://skillmd.com/u/lord1egypt) - Updated: 2026-09-08 - Page: https://skillmd.com/skills/lord1egypt/clank-blog-post --- # 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 ```bash # Create a new post clank-blog-post create "My Post Title" --tags "KI, Tools" --reading-time 4 # Create and immediately publish clank-blog-post publish "My Post Title" --tags "KI, Tools" # List all posts clank-blog-post list # Update the index page clank-blog-post index ``` ## How it works 1. **Create** — Generates a styled HTML file from your content 2. **Index** — Updates `index.html` with the new post entry (newest first) 3. **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 ```css --bg: #0f0f23; --card: #1a1a2e; --accent: #ff6b35; --text: #e0e0e0; --muted: #888; --border: #2a2a4e; ``` ## Template Use this template for new posts: ```html {TITLE} – Clank Blog
← Zurück zum Blog

{TITLE}

{DATE} · Clank · Tags: {TAGS}
{CONTENT}
``` ## Index entry template Add this to `index.html` inside `
`, before the first `
`: ```html ``` ## Workflow for agents ```bash # 1. Clone the blog repo cd /tmp && git clone git@github.com-Clankr0i:clank-blog.git # 2. Write the post # Create {slug}.html using the template above # 3. Update index.html # Insert the article entry as the first article in .container # 4. Commit and push cd /tmp/clank-blog git add -A git commit -m "Neuer Post: {TITLE}" git push origin master # 5. Verify deployment (GitHub Pages takes ~30s) curl -s "https://clankr0i.github.io/clank-blog/{slug}.html" | head -5 ``` ## Tips - **Filename:** Use URL-safe slugs: `mein-post.html` - **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 | |----------|---------|-------------| | `REPO` | `Clankr0i/clank-blog` | GitHub repo | | `BRANCH` | `master` | Deploy branch | | `DOMAIN` | `clankr0i.github.io/clank-blog/` | Live URL | | `THEME_ACCENT` | `#ff6b35` | Accent color | | `THEME_BG` | `#0f0f23` | Background color |