a41448bb4a28711b520036ebff4dcee4b132ba2f
The consultant-approved "one art, four targets" work existed only in the
working tree. Commit it so the 72-post rollout is reproducible from the repo
instead of from one session's scratch files.
- template-v2.html / v2.1 / v2.2: the iteration the consultant reviewed, plus
the accepted frosted-bento layout (736x536 card, blueprint grid, full-width
evidence bar, self-fitting headline script that reports "FIT <n>px").
- render_sample_suite{,_v2,_v3}.mjs + fit-title-probe.mjs: how the two sample
posts were rendered for rounds 2-4 (kept for provenance).
- generate_prompts_catalog.py + prompts_catalog.json: the 72 per-post prompts
and their visual metaphors, extracted from the posts themselves.
- render_from_art.mjs (new): the batch renderer. One zero-text base frame per
post -> banner 1600x900 webp (+jpg fallback), social card 1200x630 (EN and
zh-<slug>), thumbs 800x420 and 400x210. Cards are filled from frontmatter +
art-meta.json; a missing evidence line or a headline that never settles is a
hard failure, never a silently-degraded card.
- art-meta.json: the per-slug input contract. Two slugs wired; 70 still need
base art (GPU) and a hand-written evidence line.
- README: documents the pipeline, the measured format choice (558 KB PNG ->
84 KB mozjpeg q85) and the PostList thumb-helper trap when ogImage moves to
.jpg.
Proof the renderer reproduces the accepted output: re-rendering the two sample
posts yields banner + 800px thumb files BYTE-IDENTICAL to the consultant's
delivery (sha256 16e6a7b0, f3b29f38, c4e28291, 8095ec6c), and all four cards
report FIT, 2-3 title lines, 2 description lines, 0 overflow in x and y.
hoelee-blog
My personal technical blog — where I write about what I build and learn.
Built with Astro 5 + Markdown, deployed via self-hosted Gitea CI/CD to an nginx container on my unRaid server, served through Cloudflare tunnel + CDN. Live at blog.hoelee.com.
Purpose (read this first)
This blog exists so that when a recruiter, hiring manager, or freelance client Googles "Lee Teong Hoe", they land on a stream of concrete technical work that proves I can build things — plus a clear, trustworthy picture of who I am. It backs the job hunt and the freelance funnel (Upwork / Fiverr / Codeable).
- 67% of hiring managers check a candidate's online presence before deciding (Stack Overflow 2025).
- SEO is a long game — while posts rank, the blog doubles as a portfolio and inbound-lead magnet.
Every decision below optimizes for credibility + discoverability + speed of shipping, not monetization or vanity traffic.
Stack
- Framework: Astro 5 (static output, zero runtime JS by default)
- Content: Markdown + MDX, versioned in git
- i18n: English (default) + Chinese (
zh) — English-first - CI/CD: Gitea Actions →
act_runneron unRaid → nginx container - Host: nginx on unRaid → Cloudflare tunnel → Cloudflare CDN
Structure
src/
content/
posts/ # English posts (flat)
zh/ # Chinese posts (subfolder -> /posts/zh/<slug>/)
pages/
index.astro # homepage
posts/[...slug].astro # post template
about.astro
layouts/
BaseLayout.astro
lib/
lang.ts # derives en/zh from folder path
docs/
content-guide.md # what to write, what to avoid (READ before writing a post)
post-guideline.md # HOW to write it: title case, locale, frontmatter, publish flow
design-guide.md # what the design must have, what to avoid (READ before touching UI)
seo-reference.md # E-E-A-T / name identity, SEO + GEO checklist, syndication
ops-runbook.md # pipeline, publish steps, build pitfalls, health checks
project-state.md # enhancement backlog (Tier 1/2/3) — work through one by one
Knowledge guides (my rules of thumb)
| Doc | When to read |
|---|---|
docs/content-guide.md |
Before writing/planning any blog post — categories, post types, the "hard job → post" template, and the anti-patterns. |
docs/post-guideline.md |
Before writing/editing a post — title case, locale folder structure, frontmatter, publish flow. |
docs/design-guide.md |
Before changing theme, layout, typography, color, or SEO markup. |
docs/seo-reference.md |
Before adding posts/<head> markup or debugging search visibility. |
docs/ops-runbook.md |
Before debugging CI/CD, deployment, or hosting. |
docs/project-state.md |
To see what's next — the prioritized enhancement backlog. |
Write a post
- Create
src/content/posts/<slug>.md(English) orsrc/content/posts/zh/<slug>.md(Chinese) with frontmatter (see content guide — nolang:field, it's derived from the folder). - Push to
main. - CI builds and deploys automatically.
Categories
engineering · devops · ai · web3 · tutorials · case-studies · notes
Conventions
- Repo publishing order: push to git.hoelee.com (Gitea) first, then GitHub. (My standing convention.)
- Language: English posts flat in
posts/; Chinese posts inposts/zh/; no Malay. - Theme: defaults to dark mode (light is opt-in via the toggle).
- No overclaiming — especially Web3 (learning projects, not production DeFi).
- Name identity is consistent everywhere: "Lee Teong Hoe" / "Mr Hoelee" + same photo + same
sameAshandles across blog, LinkedIn, GitHub, git.hoelee.com.
Description
Personal technical blog of Lee Teong Hoe (Mr Hoelee) - full-stack engineering, DevOps & self-hosting, AI automation, and Web3. Built with Astro 5 + Markdown, deployed via self-hosted Gitea Actions CI/CD. English-first, Chinese under /posts/zh/.
https://blog.hoelee.com
Readme
86 MiB
0 Stars
1 Watchers
0 Forks