
Vibe Coding 網站部署的保姆級教程。寫一篇怎么部署 Vibe Coding 產品的保姆級教程包括服務器、域名等等。緣起是上周我寫過一篇文章推薦大家自建一個個人博客。我覺得 AI 時代博客可以承載自己的思考以及作品還可以讓 Agent 更容易發現我們。文章發出來后很多人問我怎么把本地做好的博客部署到公網讓其他人訪問。我知道非技術的用戶肯定還是覺得這事門檻太高畢竟過去購買服務器、配置域名、部署代碼基本都是專業程序員才會做的事情。普通人看到服務器、數據庫、域名解析這些詞可能已經準備放棄了。但現在有 AI 的幫助這件事情已經簡單了很多??赡艽丝虒τ诖蟛糠秩藖碚f最大的障礙仍然還是畏難心理。所以在正式開始之前大家可以試著告訴自己一定能搞定。搞不懂的就問 AI或者直接讓 AI 干沒啥難的。而且我們也不必先學會一大堆技術概念才有資格開始。實際上只需要理解大致的邏輯具體操作完全可以交給 Codex 這樣的 Agent。今天我就把自己走過的流程寫下來講一下我是怎么把一個本地的 Vibe Coding 產品真正發布到互聯網上的。一、部署大致的原理是什么我先試著用通俗易懂的話給大家講一下部署到底是在做什么。我們通過 Vibe Coding 做出來的產品剛開始都保存在自己的電腦里。我們可以在電腦上打開它可以修改它也可以正常使用。但其他人訪問不到因為代碼、圖片和數據都還在我們的電腦里。所謂部署說白了就是把這個產品從自己的電腦搬到一臺能夠連接互聯網、可以一直運行的電腦上。這臺電腦就是服務器。你可以把服務器理解成一臺放在機房里的電腦。它通常全年開機并且接入了互聯網。我們把產品的代碼放到服務器上再把程序運行起來別人就可以通過網絡訪問。其實我們自己的電腦也可以運行一個網站。比如在本地開發產品時我們經常會通過localhost或者127.0.0.1打開頁面。這兩個地址指向的都是我們自己的電腦。但它們只能在本機訪問。你把這個地址發給別人對方打開的其實是他自己的電腦自然看不到你的產品。所以要讓所有人都能訪問第一步就是把產品放到一臺可以公開訪問的服務器上。產品放到服務器以后服務器會有一個自己的網絡地址也就是 IP 地址。IP 地址通常是一串數字。理論上別人只要輸入這串數字就可以找到你的服務器。但這就像一家店開在某條街的某個具體位置。你當然可以把經緯度發給朋友讓他按照坐標找過來但這樣太麻煩了基本沒人記得住。這就是域名的意義。比如一個網站的 IP 地址可能是一串很長的數字但它的域名可以是xiaogai.com。大家只需要記住這個名字不需要記住服務器具體在哪里。有了域名以后還需要配置域名解析。因為買下域名只相當于給店鋪起了一個名字還沒有告訴別人這家店究竟開在哪里。域名解析做的事情就是把域名和服務器的地址對應起來。你可以把它理解成在地圖上登記一家店這家店叫xiaogai.com它的具體地址是這臺服務器。以后有人在瀏覽器里輸入這個域名互聯網就會先查詢一下找到域名對應的服務器再把網站內容送到他的電腦或者手機上。這樣域名和服務器就連接起來了。一家店有了名字和地址以后還需要讓顧客確認自己找到的確實是這家店沒有被別人冒充。這就涉及 HTTPS。我們現在訪問的大部分網站網址都是以https://開頭的。HTTPS 主要解決兩個問題。第一通過證書驗證網站身份降低用戶訪問到假網站的風險。第二對瀏覽器和服務器之間傳輸的內容進行加密。比如用戶輸入的密碼、填寫的表單即使在傳輸過程中被人截獲對方也很難直接看懂里面的內容。要支持 HTTPS網站還需要配置一張 SSL 證書。這張證書可以理解成網站的電子身份證。瀏覽器會通過它確認網站的身份然后和服務器建立一條加密連接。所以整個部署過程可以理解成開一家店。服務器是店鋪所在的具體位置域名是店名域名解析是在地圖上登記店鋪地址SSL 證書是店鋪的電子身份證HTTPS 則負責建立一條安全的訪問通道。把這幾件事情連起來一個網站才能真正被其他人安全、穩定地訪問。二、這件事情需要花多少錢理解了部署的原理以后我們再來看一下費用。我自己的博客一年全部算下來大概是 260 多塊。這里面主要是域名和 CloudBase 的費用備案本身不收費SSL 證書也有免費的版本。我用到的服務很簡單域名是在阿里云萬網購買的網站部署在騰訊云 CloudBase備案和 SSL 證書也都是在騰訊云完成的。我的域名使用了一個比較小眾的后綴第一年只有十幾塊錢。不過域名通常第一年比較便宜后面續費價格可能會漲。如果確定這個域名會長期使用也可以一次多買幾年。CloudBase 是成本的大頭。我自己的博客已經有了一些訪問量所以購買了個人版套餐一年兩百多塊。不過CloudBase 也提供免費額度每個月會送 3000 點資源。對于剛剛上線的個人博客或者小產品我覺得一開始大概率已經夠用了??梢韵扔妹赓M版本把產品跑起來等訪問量增加或者資源不夠了再考慮付費。SSL 證書也有免費版本可以直接申請。備案同樣不收費只是需要按照平臺的要求提交資料等待審核。所以部署一個 Vibe Coding 產品其實沒有想象中貴。如果只是想先體驗一下可能只需要花十幾塊錢買一個域名因為 CloudBase 提供了免費的體驗額度。三、域名的購買和備案接下來我們逐步的走流程。剛才說過我自己的域名是在阿里云萬網購買的。騰訊云和 Godaddy 等等其他平臺也可以購買操作都差不多。因為我一直習慣在阿里云管理域名所以這次還是用了萬網。https://wanwang.aliyun.com/打開域名購買頁面以后輸入自己想要的名字看看有沒有被別人注冊。我的域名是 xiaogai.fun我很喜歡 fun 這個后綴因為我覺得很多事就是 just for fun。所以域名這塊你可以先搜索一下自己想使用的域名看看有沒有被別人注冊。如果.com已經被注冊也不用太糾結?,F在有很多域名后綴可以選擇。個人博客最重要的是好記、容易輸入沒有必要為了一個.com花很多錢。選好域名完成實名認證和付款這一步就結束了。緊接著就是備案。為什么還要備案因為我們后面要把博客部署到騰訊云位于國內的云服務上。按照規定只要使用中國大陸的服務器對外提供網站服務就需要先完成 ICP 備案。備案通過以后域名才能正常指向服務器對外開放訪問。備案可以理解成給網站做一次實名登記。你需要告訴相關部門這個域名屬于誰網站由誰負責主要用來做什么。就像我們開一家店需要登記經營者和店鋪地址一樣。以后網站出現問題也能找到對應的負責人。備案本身不收費也不需要大家去線下跑手續?,F在基本都可以在云服務商的備案系統里完成按照頁面提示填寫資料、上傳證件、完成人臉識別然后等待審核就可以了。需要注意備案通常是在服務器所在的平臺完成。我的博客準備部署到騰訊云 CloudBase所以我直接選擇了騰訊云備案。如果你的網站部署在阿里云一般就在阿里云辦理。騰訊云的備案地址如下https://cloud.tencent.com/product/ba進入之后點新增/接入服務就會跳到下面的頁面。服務類型按照自己的實際情況選擇域名就填寫剛剛購買并完成實名認證的域名。接下來需要選擇用于備案的云資源我的方法是選擇備案授權碼然后去某魚上再買一個授權碼就行了。十來塊錢。這一步之后按照提示一步步完成備案就可以了。備案審核的時間估計需要 20 個工作日。四、開通 CloudBase域名購買完成以后接下來開通騰訊云 CloudBase。https://cloud.tencent.com/product/tcb如前面所說現在每個賬戶都有 3000 點的免費資源。所以大家可以先不用付費。進入騰訊云控制臺找到云開發 CloudBase創建一個云開發環境。數據庫的話選擇默認的云數據庫就行。創建好之后我們再在 Codex 中安裝 CloudBase 的 CLI。這個 CLI 非常好用也是我選擇 CloudBase 的核心原因。因為有了 CLI 之后我們就不需要再打開 CloudBase 的服務端理解那些復雜的配置了直接讓 Codex 幫我們直接干就行。安裝 CloudBase 的 CLI 也非常簡單。把下面截圖右側的提示詞發給 Codex?;蛘咧苯影严旅娴拈_發文檔發給 Codex讓它安裝 CLI。反正這一步不需要我們自己動手AI 已經完全可以搞定了。無論是 Codex還是 TRAE、WorkBuddy 等等產品。https://docs.cloudbase.net/CLI 安裝好以后還需要完成一次授權把本機的 CLI 和剛剛開通的 CloudBase 環境連接起來。大家跟著 Codex 的節奏來就行。你可以把授權這一步理解成允許本地的 Codex 操作我們的騰訊云賬號。等授權徹底完成以后Codex 就可以通過 CLI把電腦里的項目上傳到 CloudBase并完成后面的部署。從這里開始大部分操作就可以直接交給 Codex 了。五、完成產品的部署前面的準備工作完成以后接下來就可以正式部署了。其實到這一步已經變得非常簡單。先在 Codex 里打開我們本地的項目然后直接告訴它用 CLI 把項目部署到 CloudBase像我下面截圖這樣。提示詞大家不一定非要照著截圖里來只要意思到位就行。接下來Codex 會先檢查整個項目看看它使用了哪些技術需要部署哪些內容。如果只是一個靜態網站它可能會直接把頁面文件上傳到 CloudBase。如果項目里還有登錄、文章發布、圖片上傳、數據庫等功能它也會繼續檢查后端服務、數據庫和文件存儲應該怎么配置。這里我們不需要提前把這些概念全部弄明白。遇到問題就繼續讓 Codex 處理。比如它可能會告訴你目前還沒有找到可以使用的 CloudBase 環境或者缺少某項服務。你可以直接回復你能不能直接幫我創建和配置如果需要我登錄或者授權再提醒我。你看下面截圖這些事我都是讓 Codex 來干的。我只負責掃碼登錄就行。還有阿里云中的域名配置也類似。全部交給 Codex。其實走到這里整個部署過程基本就完成了?;仡^看一下在這一部分Codex 主要幫我們完成了三件事情。首先是把本地的代碼部署到 CloudBase。如果只是靜態頁面它會直接把頁面上傳到云端。如果產品需要登錄、發布文章或者保存數據它還會幫我們創建數據庫、配置后端服務。需要上傳和保存圖片的話它也會繼續配置云存儲。第二件事情是把我們購買的域名和 CloudBase 連接起來。域名可能是在阿里云購買的產品卻部署在騰訊云。Codex 會幫我們配置域名解析告訴互聯網這個域名對應的是 CloudBase 上的這個產品。最后是申請和配置 HTTPS 證書。證書配置完成以后我們的網站就可以通過https://正常訪問瀏覽器和服務器之間傳輸的數據也會經過加密。所以整個過程說到底就是把代碼放到云端把域名指向它再給網站配置好 HTTPS。這三件事情都可以直接交給 Codex。我們需要做的主要是在涉及賬號登錄、掃碼和授權的時候配合一下。中間遇到任何問題也不用自己硬著頭皮查資料。直接把報錯和當前頁面交給 Codex讓它繼續檢查和解決就可以了。其實這也是我為什么推薦大家建立個人博客的原因。AI 時代個人博客不只是一個寫文章的地方它也是我們思考、作品和個人身份的一個長期載體。最后歡迎大家看看我的個人博客https://xiaogai.fun/這里給大家精心整理了一份全面的AI大模型學習資源包括AI大模型全套學習路線圖從入門到實戰、精品AI大模型學習書籍手冊、視頻教程、實戰學習、面試題等資料免費分享掃碼免費領取全部內容1. 成長路線圖學習規劃要學習一門新的技術作為新手一定要先學習成長路線圖方向不對努力白費。這里我們為新手和想要進一步提升的專業人士準備了一份詳細的學習成長路線圖和規劃??梢哉f是最科學最系統的學習成長路線。2. 大模型經典PDF書籍書籍和學習文檔資料是學習大模型過程中必不可少的我們精選了一系列深入探討大模型技術的書籍和學習文檔它們由領域內的頂尖專家撰寫內容全面、深入、詳盡為你學習大模型提供堅實的理論基礎。書籍含電子版PDF3. 大模型視頻教程對于很多自學或者沒有基礎的同學來說書籍這些純文字類的學習教材會覺得比較晦澀難以理解因此我們提供了豐富的大模型視頻教程以動態、形象的方式展示技術概念幫助你更快、更輕松地掌握核心知識。4. 2026行業報告行業分析主要包括對不同行業的現狀、趨勢、問題、機會等進行系統地調研和評估以了解哪些行業更適合引入大模型的技術和應用以及在哪些方面可以發揮大模型的優勢。5. 大模型項目實戰學以致用當你的理論知識積累到一定程度就需要通過項目實戰在實際操作中檢驗和鞏固你所學到的知識同時為你找工作和職業發展打下堅實的基礎。6. 大模型面試題面試不僅是技術的較量更需要充分的準備。在你已經掌握了大模型技術之后就需要開始準備面試我們將提供精心整理的大模型面試題庫涵蓋當前面試中可能遇到的各種技術問題讓你在面試中游刃有余。7. 資料領取全套內容免費抱走學 AI 不用再找第二份不管你是 0 基礎想入門 AI 大模型還是有基礎想沖刺大廠、了解行業趨勢這份資料都能滿足你現在只需按照提示操作就能免費領取掃碼免費領取全部內容