一週前，我從杭州參加生財的AI出海活動回來，就決定All in出海用AI做應用，徹底放棄國內的市場和使用者。
所以，這一週來我做了三件事。
首先，我寫了一篇活動的覆盤《7倍利潤，出海賺美刀！》，沒想到上了微信的推薦，爆了1.3w閱讀量。
其次，我分別用AI套殼做了兩個出海網站，一個是AI對話/生圖的工具站，套用了Qwen的大模型，一個是AI導航網站，從Github找了個開源專案，用AI簡單修改後直接上線了。
到今天為止，這個AI工具站，是我提交Google的第三天，已經有了收錄索引，Google Analytics顯示有了一些北美、香港的使用者訪問。
最後，就是花了一點時間，看了不少Google的SEO官方文件和一些相關的SEO文章，不過沒覺得有什麼太大收穫，因為這和我當年剛學SEO時學的東西一樣，只是這些內容過於基礎。
以我的經驗來，對百度沒啥大用，速度也太慢，對Google是否有效，我還需要靠時間來驗證。
這就是我最近一週做的事，總結完了，來分享一下，我如何用AI手搓這麼一個網站的方法。當然，看懂下面的內容，需要多少了解一些AI程式設計工具的使用方法。
首先，我開發的這個網站用到了兩個AI程式設計工具，一個是blot.new，一個是Cursor。
blot.new用來完成的網站UI的樣式，Cursor做的網站的功能。不得不說blot.new做的網站效果是真的好看。
看這情況，做前端和UI設計，不少人在未來會面臨失業危機，如果我是老闆，我肯定不會花錢在找前端和UI了，20美刀一個月的blot.new交給一個懂後端的碼農就足夠了，能少發倆人的工資，少說省掉一年三四十萬的成本。
我整個網站總成本150港幣，這是在Godaddy買了一個域名的費用。網站程式碼放在github上的倉庫裡，免費部署在Vercel。
搓出整個網站的第一個版本，我只花了2個小時時間，就做出了網站幾個頁面的前端樣式，以及核心的AI對話功能。
對於一些網站的細節我沒有做深入調整，所以不少地方還是比較粗糙，因為過去做網站的經驗告訴我，不要將時間和注意力放在這些東西上面。
因為，你只需要記住一句話，使用者不在乎你這個是紅色還是綠色，是大了還是小了！特別是從搜尋過來的使用者，好看的網站UI樣式，以及良好的互動只是錦上添花，最核心的還是資訊、功能能否滿足使用者的需求。
就好比有人會因為動作片滿螢幕花花綠綠的廣告，氣憤的關閉網站不看嗎，所以不要在意網站好不好看，細節怎麼樣，這些東西完全可以在後面慢慢再打磨，更何況blot.new做出的網站UI效果也不差。
我為什麼會做這麼一個網站，因為我在Google搜尋框看到了AI Answer Generator這個聯想詞。
於是，我在GoogleTrends裡查了下搜尋趨勢，發現有一定的搜尋流量。
然後，在Ahrefs中查了下在北美的競爭情況，競爭不是很大。
於是，我就做了這麼一個網站。
目前使用的是Qwen的免費大模型，生圖功能，用的是在矽基流動的免費生圖模型，效果差強人意，但是好在它是免費的，對於現階段來說也夠用了。
這就是我為什麼會做這樣一個網站。總結方法，就是現在搜尋框中找到一些可能有搜尋流量的聯想詞，然後根據搜尋結果中網頁的Title拓展一下關鍵詞，在GoogleTrends中判斷一下全球的流量趨勢，以及在Ahrefs看看競爭情況就決定是否可以做了。
額外說一句，我為什麼會做個導航網站，我其實不太喜歡做導航站，我多年前做網站的時候，最討厭的就是導航站，因為我覺得導航站這東西的存在有點反人類。
但是發現出海做網站還就繞不開導航站，因為新站上線需要外鏈，而海外的一些導航站提交一次外鏈至少幾十一百美金，價格不便宜，所以基於成本，以及運營層面的考量，我決定做一個導航網站。
最終的目的是將所有開發的網站，形成一個流量矩陣，導航站作為流量的源頭之一為其他網站輸出流量。
所以，我做出海做網站，並不是像很多人想的那樣做單一網站的羅列，而是形成一套矩陣的體系，包括後面我也會去做一個Google外掛，做一個外掛版的瀏覽器導航給產品矩陣輸送流量。
當然，我也打算試試開發一個iOS版的Chrome套殼AI瀏覽器，用web的SEO流量帶動APP的下載，從而形成一個手機端到移動端的流量閉環。
在網站初步有一定穩定流量後，我會做一些這方面的嘗試。
因為出海做網站，我覺得找需求，不如確定打法，因為找需求的行為具有巨大不確定性，而且效率很低。我的策略和過去做網站站群玩法一樣，就是確定一個玩法，直接矩陣化幹到底！儘量減少不斷重複0到1的過程。
有了具體的方向後，下一步就是用Blot.new實現網站的頁面設計了，其實這一步的操作非常簡單粗暴！
因為文章篇幅有限，所以不能細緻到每一步操作，如果覺得看著吃力的話，建議先收藏，再對著文章一步步操作。
第一步，就是先在claude3.7，或其它任何一個AI大模型和它溝通你的想法，告訴AI你想做個什麼樣的應用，它有哪些功能，有什麼樣的使用方法，你希望它有什麼樣的設計風格等等。
將你的想法聊明白了，然後讓claude3.7，給你總結成用於blot.new的網頁UI、UX的開發提示詞！
這裡要注意的是，AI生成的結果具有隨機性。所以，最好認真看一下提示詞的內容是否符合你的要求，如果不對的話還要再對話微調細節。
描述的越具體你得到的生成質量也就越高！
下面做一個簡單的演示，提示詞參考：
下一步，只需要將claude3.7生成的提示詞複製貼上發給blot.new就行了，然後，你就會得到一個比較好看的網站樣式，如果對哪裡不滿意，可以在對話中用自然語言描述，繼續完善整個網站的設計。
blot.new有個好處就是網站裡的圖片、圖示會自動給你建立。
下一步，點選Export > Download ，將所有程式碼匯出，儲存到本地。
下一步，開啟Cursor，開啟匯出的專案檔案的根目錄，然後使用ASK模式，在對話方塊中使用@codebase模式，告訴AI：
你是個資深的工程師，請你完整閱讀整個專案的所有檔案，然後和我介紹這個專案的每個檔案作用，以及如何一步步執行整個專案，我是個技術小白，請你用最簡單直白的語言告訴我。
這一步，一般AI會告訴你先安裝next.js的網站執行環境。
一般命令是“npm install”，然後再使用“npm run dev”執行網站，你就能在本地瀏覽器中檢視網站的效果了。
下一步，就是讓Cursor逐個實現網頁中的功能了。如果你的網站中包含訂閱、登入註冊等功能，那麼第一個版本可以先略過不做，先將核心功能做出來快速將網站上線。
對於我們這個網站來說，最重要的是AI生圖功能，所以這裡我以矽基流動為例，說一下如何讓網站呼叫AI大模型的API能力，如果你想要實現吉卜力風格的圖片的話，那你得用Gpt的API。
不過不管哪個AI大模型，實現過程是一樣的，非常簡單，不需要懂任何技術，也不需要你手寫一行程式碼，就能直接實現。
首先，開啟矽基流動平臺，建立API-key，找到一個AI生圖的大模型，點選API文件。
在Cursor中建立一個檔案，命名為API.md。
然後，將我圖中紅框圈起來地方的程式碼複製貼上過去，還有大模型的名稱，你的API-key的金鑰。
下一步，在Cursor中使用Agent模式，使用Claude-3.7-sonnet-Think模式，告訴AI：請你根據API.md文件中的內容，呼叫矽基流動平臺的API，實現網站的AI生圖功能，這是「xxx」API的開發文件。
到這一步，如果順利的話你就實現了AI生圖的功能。
下一步，將網站上線到Vercel中，這樣你的網站就可以在網際網路中被所有人訪問使用了。
首先，安裝Git，具體的安裝過程非常簡單。你可以問AI“我是個技術小白，我不懂如何安裝Git，請你一步步指導我，我完成一步你說下一步”
其次，註冊登入Github賬號，然後在Github中點選右上角的+號，點選new repository建立倉庫，
Repository name輸入專案名稱，選擇Private，點選Create repository建立倉庫。
下一步，你會得到一個Github的倉庫連結，複製貼上傳送給Cursor，使用Agent模式，告訴AI：這是我的Github倉庫連結，請你將我的專案推送上傳至Github倉庫。
在Agent模式下，AI會將你的程式碼上傳至Github，如果是首次使用Git的話，AI會讓你建立並繫結Github的賬號。
下一步，開啟Vercel官網，使用Github賬號登入，點選Add new > projece，選中我們上傳到github的專案，點選import匯入> deploy部署，你的網站就上線了，Vercel會為你的專案自動分配一個域名，透過這個域名你的網站就能被全球使用者訪問了。
如果說需要設定獨立域名，則需要在Vercel的專案裡點選設定中的Domains新增域名，並在域名服務商那裡，根據Vercel的提示新增解析記錄，即可完成繫結。
到這一步我們就完成了整個網站從設計、開發到上線的所有操作環節。
整個操作，完全不需要懂技術，即使是個零基礎的小白也能實現！因為熟悉的兄弟都知道我的英語水平和程式設計技術是啥樣的，所以我都能做出來，你也完全可以。