**我用 AI 幫自己蓋了一個 CPA 考試網站——零成本、不寫一行程式**
2026年了,你還在死盯著 PDF 硬啃 CPA 考試內容嗎?
🔗 立即體驗:[CPA Study Hub] https://hkicpa-studyhub.garfieldpark.vip
我最近做了一個實驗:純粹靠跟 AI 聊天,從零打造出一個完整的 CPA 學習網站。沒寫過一行 HTML、CSS 或 JavaScript,沒請設計師,也沒碰 WordPress。整個過程就是我跟 AI 你一言我一語地對話出來的。
**這個網站長什麼樣子?**
🏛️ CPA Study Hub 是一個針對香港會計師公會會員手冊打造的完整學習平台,功能包括:
- 涵蓋全部四大卷內容:道德守則、財務報告準則(HKFRS)、審計準則(HKSA)、可持續披露準則(SDS)
- 每個主題配三頁:精簡學習版、完整參考版,加上50題計時練習
- 一鍵切換中英雙語,每一頁都有完整的繁體中文和英文版本
- 深淺色模式切換,半夜挑燈夜讀也不傷眼
- 直接內嵌 PDF,原始條文不用另外開檔案就能對照著看
- 每個主題都預留了 YouTube 影片位置
- 50題計時問答,每題倒數1.25分鐘,自動計分,答錯的題目可以單獨重做
- 純靜態 HTML 架構,準備部署到 Cloudflare Pages,享受免費又無限的流量
**目前做到哪裡了**
已經完成兩個主題:Chapter F 反洗錢指引(AML/CFT),涵蓋8大重點;Part C 香港附加道德要求,涵蓋10個章節。兩個都配有完整雙語筆記、精簡版、完整版跟練習題。
卷一還剩17個主題沒做,加上卷二、三、四大概還有80個主題等著我。我打算每天啃一個。
**為什麼不乾脆用 WordPress 或 Notion 這些現成平台就好?**
老實說,我就是想要完全掌控每一個像素、每一個互動細節,而不是被平台的模板綁住手腳。Cloudflare Pages 完全免費,還附贈全球 CDN 跟無限流量,這點很難拒絕。網站上不會有任何廣告,除非哪天我自己想放。因為是純 HTML,離線也能開,不靠網路。最重要的是,這個網站是永久屬於我的,不用擔心哪天某個平台倒了或突然改政策,把我的心血一起帶走。
**這中間 AI 做了什麼,我又做了什麼?**
我負責拍板架構——網站要幾頁、要什麼功能、導航要怎麼設計;我提供原始 PDF 資料來源;我盯品質關,抓出 AI 偷懶帶過的地方、結構不一致的段落,還有連結壞掉的問題;設計方向也是我在把關,包括顏色配置跟排版取捨。
AI 這邊則包辦了從 PDF 抽取全部內容、寫出雙語學習筆記、出50道選擇題、蓋好所有 HTML 頁面、處理跨頁連結,還有幫我抓蟲修正錯誤。
**接下來呢?**
計畫是每天推進一章。Part A 國際道德守則、HKAS 1 財務報表呈報方式、HKSA 200 審計目標,全部都排在隊伍裡等著上線。等整個網站部署到 Cloudflare Pages 之後,就會正式公開給大家用。
## English Version
**I Built a CPA Exam Study Website with AI — Zero Code, Zero Cost**
It's 2026, and are you still grinding through PDFs to study for the CPA exam?
🔗 Try it now: [CPA Study Hub] https://hkicpa-studyhub.garfieldpark.vip
I just wrapped up an experiment: building a complete CPA exam study website from nothing, purely through conversations with AI. I didn't write a single line of HTML, CSS, or JavaScript. No designer, no WordPress. Just me talking things through with AI until it came together.
**What Does the Site Actually Do?**
🏛️ CPA Study Hub is a full study platform built around the HKICPA Members' Handbook, and here's what's packed into it:
- All four volumes covered: Code of Ethics, HKFRS, HKSA, and Sustainability Standards
- Three pages per topic: a condensed study version, a full reference version, and 50 timed practice questions
- Bilingual toggle between Chinese and English on every single page
- Dark and light mode, so late-night study sessions don't wreck your eyes
- Embedded PDFs, so you can check the original standards without switching tabs
- Video slots reserved for a YouTube embed on every topic
- 50 timed MCQs per topic, 1.25 minutes each, auto-scored, with the option to redo only the ones you got wrong
- Built entirely as static HTML, ready to deploy on Cloudflare Pages for free, unlimited bandwidth
**Where Things Stand Right Now**
Two topics are done so far. Chapter F covers AML/CFT guidelines across 8 sections, and Part C covers Hong Kong's additional ethical requirements across 10 sections. Both come with full bilingual notes, condensed and full versions, plus practice questions.
There are still 17 topics left in Volume I, and roughly 80 more spread across Volumes II through IV. My plan is one topic a day.
**Why Not Just Use WordPress or Notion?**
Honestly, I wanted total control — every pixel, every interaction, exactly how I imagined it, without fighting a template. Cloudflare Pages is free and comes with a global CDN and unlimited bandwidth, which is hard to beat. There are no ads unless I decide to add them myself someday. Since it's pure HTML, it even works offline. And most importantly, this site belongs to me permanently — no risk of some platform shutting down or changing its rules and taking my work down with it.
**Who Did What: Me vs. the AI**
My job was the architecture — deciding how many pages, what features, how navigation should flow. I sourced the original PDFs and acted as quality control, catching lazy summaries, inconsistent formatting, and broken links. I also called the shots on design direction, from color choices to layout tradeoffs.
The AI handled the heavy lifting: pulling all the content out of the PDFs, writing bilingual study notes, generating 50 multiple-choice questions per topic, building every HTML page, managing cross-page links, and debugging along the way.
**What's Next**
One chapter a day, going forward. Part A of the IESBA Code, HKAS 1 on presentation of financial statements, HKSA 200 on audit objectives — they're all queued up. Once the site is fully deployed to Cloudflare Pages, it goes public for everyone.
留言
張貼留言