新手應該如何用AI編程開發個人網站!

作者:大瑜聊AI
日期:2026年5月28日 上午7:59
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

大瑜分享新手用AI編程開發個人網站嘅完整步驟同注意事項,重點係選用ClaudeCode加國產模型、Next.js框架,同埋預先設定自適應同國際化。

整理版摘要

呢篇文章係由AI編程教練大瑜撰寫,佢之前開辦咗ClaudeCode加國產模型嘅訓練營,證明咗普通人可以用AI編程開發工具。今次佢專注教新手點樣開發個人網站,指出網站係流量承載嘅重要載體,而且唔似公眾號咁受制於大廠,可以長期沉澱個人資訊。

大瑜總結咗一套6步開發流程:揀工具、買域名伺服器、備案認證、揀框架、用AI開發、部署上線。佢特別推薦ClaudeCode配合國產模型,用Next.js框架方便SEO,同埋用寶塔做可視化部署。另外佢提醒新手要預留備案時間、持續做SEO,仲有喺開發之前一定要加入「自適應PC同手機」同「i18n國際化」呢兩個原則,可以慳返好多修改功夫。

  • 開發個人網站有兩個主要原因:承接流量同建立個人展示窗口,時間越長回報越大。
  • 推薦用ClaudeCode加國產模型做開發工具,Next.js做框架,寶塔做部署。
  • 域名建議用.com結尾,伺服器可選阿里雲或騰訊雲,注意價格相近。
  • 國內網站需要備案,需時約兩星期,唔好急,耐心等。
  • 開發前一定要寫明「網站自適應PC同手機」同「支援i18n國際化」,寫入claude.md可以慳返大量改動時間。
整理重點

點解要開發個人網站

大瑜分享佢嘅經驗:網站係大部分流量嘅載體,佢開發嘅kiro下載網站單日訪問量破1500,總訪問量1.5萬人;dayulab.com三月份接近12k訪問量。

另外,網站係個人展示嘅窗口,唔似公眾號同小紅書咁受大廠限制,流量可以自己掌握。時間越耐,沉澱嘅資訊越多,收益就越大。

  • 流量承接:網站可以承接大部分流量,而且可以累積。
  • 個人展示:網站係你嘅自主陣地,唔會被平台卡住。

網站係流量承載同個人展示嘅重要載體

整理重點

開發個人網站嘅6個步驟

大瑜整理咗一套完整流程,由工具選擇到部署上線,全部用AI編程完成。以下係每個步驟嘅重點:

ClaudeCode

國產模型

Next.js

SEO

寶塔

  1. 1 選擇編程工具:用ClaudeCode加國產模型,目前係最佳組合。
  2. 2 購買域名同伺服器:伺服器可選阿里雲或騰訊雲,價格相近;域名建議用.com結尾,體現專業性。
  3. 3 認證同備案:國內需要工信部備案,需時約兩星期,一定要做。
  4. 4 框架選型:推薦用Next.js,方便後續SEO
  5. 5 網站開發:用AI編程,步驟係分析核心功能 → 生成原型圖 → 讓AI開發。大瑜提供咗生成原型圖嘅提示詞(見附圖)。
  6. 6 部署同上線:用寶塔,可視化點擊部署,簡單方便。
整理重點

注意事項

開發個人網站有幾個要留意嘅地方,尤其係新手成日忽略嘅細節:

  • 備案時間好長,要耐心等待。
  • 個人網站嘅流量可能要等幾個月後先見效,唔好灰心。
  • 持續做SEO可以增加網站嘅檢索,建議用Next.js就係為咗呢個。
  • 如果唔想備案,可以選擇騰訊雲海外伺服器。
  • 開發前記得加「自適應PC同手機」原則,可以寫入claude.md,慳返好多功夫。
  • 想做國際化網站嘅話,喺開發前就加「支援i18n國際化」,要完全國際化,唔好一半中文一半英文。

自適應同國際化原則要寫入claude.md

AI編程最近好Hit,大瑜上期嘅claudeCode+國產模型訓練營,普通人都可以用AI編程整工具喇。

尋日,大瑜寫咗篇新手點樣用AI編程開發網站。

新手應該點樣用AI工具開發小程序?

今日就再嚟一篇新手點樣用AI編程開發個人網站!

圖片

點解要開發個人網站

1、承接流量

係㗎:網站始終係大部分流量嘅載體。

圖一係舊年開發嘅一個kiro下載網站,單日訪問量突破1500,總訪問量1.5萬人。

圖二係dayulab.com三月嘅訪問量,3月接近12k訪問量。搜索有1500訪問量。

圖片

2、網站係個人展示嘅窗口

公眾號、小紅書要求太多喇,可以俾你流量。但係你嘅流量始終俾大廠扼住,但係網站唔會。呢樣會沉澱你嘅資訊。

時間越耐,你嘅回報越大。

圖片

開發個人網站嘅步驟

1、揀編程工具

都係老規矩,claudeCode+國產模型,目前係最佳時機。

2、網站域名同伺服器嘅購買

伺服器,我哋大部分用阿里雲、騰訊雲呢兩大廠商為主,而且雙方嘅伺服器都差唔多。價格戰好明顯:基本上呢間79,另一間都係79。

圖片

域名,一般價格由10-100蚊不等,當然都有幾萬蚊嘅,一般嚟講,域名越易記,價格越貴。

建議買,結尾係.com嘅域名,體現專業性!

3、認證同備案

圖片

喺國內一般個人網站需要認證同備案,需要按照規則上傳你嘅資訊到工信部門,完成一系列監管操作。

時間大概2星期內,一開始一定要做呢樣嘢。

4、揀框架

一般流行嘅個人網站框架係:node-nextjs或者python-flask呢兩個框架。

建議大家用nextjs框架,方便之後做SEO,俾更多人搜尋到。

5、網站嘅開發

呢部分就係用AI編程嚟完成。

具體步驟,叫AI咁樣做:

分析核心功能->生成原型圖->叫AI開發就搞掂。

圖片

上圖係叫AI生成原型圖嘅提示詞。

6、網站嘅部署同上線

呢度建議用寶塔,基本上都係可視化點擊部署。方便,簡單。

圖片

要注意嘅嘢

1、備案時間好長,耐心等待

2、個人網站嘅流量可能要等幾個月後先見效

3、持續做SEO,可以增加你網站嘅搜尋機會

4、唔想備案,可以揀騰訊雲海外伺服器

5、喺網站開發之前,加上呢句話,之後你就會發現慳返好多精力。

網站自適應pc和手機端,這個原則要一直保持下去,可以寫到claude.md中。
在生成代碼時候,合理佈局,合理展示,完美適配手機和pc的展示風格和樣式。

6、如果想做國際化嘅網站,都係喺開發之前,加上呢句話。

網站支持:i18n國際化,需要開始就做,要完全國際化,不要出現一半中文,一般英文。
可以寫到claude.md中

寫喺後面嘅話

呢啲就係大瑜開發小程序嘅經驗,對初學者特別實用。當然,想聯絡大瑜,可以關注我。

歷史文章
AI編程新手想快啲做出產品,咪急住寫代碼,先學識呢4步!
用AI編程做項目之後,我頂到凌晨2點,終於明咗呢幾點!
好多朋友唔知claudeCode仲可以接入國產模型!
呢個簡單嘅claude.md提示詞竟然有10萬+人俾咗star
Claude被封之後,我發現國產模型真係頂得住!

AI編程最近很火,大瑜上一期的claudeCode+國產模型的訓練營,普通人也能用AI編程開發工具了。

昨天,大瑜寫了一篇新手如何用AI編程開發網站。

新手應該如何用AI工具開發小程序?

今天就再一篇新手如何用AI編程開發個人網站!

圖片

為什麼開發個人網站

1、流量承接

有:網站畢竟是大部分流量的載體。

圖一是去年開發一個kiro下載的網站,單日訪問量破1500,總訪問量1.5萬人。

圖二是dayulab.com三月的訪問量,3月份接近12k的訪問量。搜索1500的訪問量。

圖片

2、網站是個人展示的窗口

公眾號、小紅書要求太多了,可以給你流量。但是你的流量還是被大廠卡住,但是網站不會。這是會沉澱你的信息。

時間越久,你的收益越大。

圖片

開發個人網站的步驟

1、選擇編程工具

還是老樣子,claudeCode+國產模型,目前是最佳時間。

2、網站域名和服務器的購買

服務器,我們大部分以阿里雲、騰訊雲這兩大廠家為主,而且雙方的服務器都差不多。價格戰比較明顯:基本上這家79,另一家也是79。

圖片

域名,一般價格在10-100元不等,當然也有多萬的,一般來說,域名越好記,價格越貴。

建議購買,結尾是.com的域名,體現專業性!

3、認證和備案

圖片

在國內一般個人網站需要認證和備案,需要按照規則上傳你的信息到工信部門,完成一系列監管操作。

時間差不多2周以內,剛開始一定要做這個事情。

4、框架選型

一般流行的個人網站框架是:node-nextjs或者python-flask這兩個框架。

建議大家用nextjs框架,方便後面seo,讓更多的人檢索到。

5、網站的開發

這部分就是用AI編程來完成了。

具體步驟,讓AI這樣操作:

分析核心功能->生成原型圖->讓AI開發即可。

圖片

上圖是讓AI生成原型圖的提示詞。

6、網站的部署和上線

這裏建議用寶塔,基本上都是可視化點擊部署。方便,簡單。

圖片

注意事項

1、備案時間很長,耐心等待

2、個人網站的流量可能要等幾個月後才見效

3、持續seo,可以增加你的網站的檢索

4、不想備案,可以選擇騰訊雲海外服務器

5、再網站開發之前,加上這句話,後面你就發現你會剩下很大的精力。

網站自適應pc和手機端,這個原則要一直保持下去,可以寫到claude.md中。
在生成代碼時候,合理佈局,合理展示,完美適配手機和pc的展示風格和樣式。

6、如果想做國際化的網站,也是在開發之前,加上這句話。

網站支持:i18n國際化,需要開始就做,要完全國際化,不要出現一半中文,一般英文。
可以寫到claude.md中

寫在後面的話

這就是大瑜開發小程序的經驗,對新手特別實用。當然,想要連接大瑜,可以關注我。

歷史文章
AI編程小白想快速做產品,別急着寫代碼,先學會這4步!
用AI編程做項目後,我熬到凌晨2點,終於明白這幾點!
很多小夥伴不知道claudeCode還可以接入國產模型!
這個簡單的claude.md提示詞竟然10萬+人給star
Claude 被封后,我發現國產模型還真能頂上!