北京
幾周前，我決定建一個網(wǎng)絡(luò)安全教育網(wǎng)站，目標(biāo)是讓零基礎(chǔ)的人也能看懂安全概念。我聽說過網(wǎng)絡(luò)釣魚、惡意軟件、零信任這些詞，但對背后的原理一竅不通。想學(xué)，最快的方式就是動手做點真的東西。
作為開發(fā)者，本可以自己寫完整套代碼。但這輪的目標(biāo)是試試Hermes——看我能靠指揮一個AI智能體把整個系統(tǒng)建到什么程度。我把設(shè)計、編碼、部署、決策全扔給了它，告訴它：你負(fù)責(zé)，開干。
[圖片加載:https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2026%2F0530%2F05a2aab0j00tfulv4000td000m800egp.jpg&thumbnail=660x2147483647&quality=80&type=jpg]
項目叫Cyberplain，定位是“說人話的網(wǎng)絡(luò)安全百科”。32篇文章覆蓋了網(wǎng)絡(luò)釣魚、惡意軟件、CIA三要素、零信任、勒索軟件、合規(guī)等基礎(chǔ)知識。沒有術(shù)語黑話，沒有行業(yè)膨脹感，就是清楚解釋每個概念，不預(yù)設(shè)讀者已經(jīng)懂行。額外還做了三個功能：一個從Hacker News和Reddit的r/netsec板塊直接拉取的安全新聞動態(tài)流，一個在HTML5畫布上跑的自定義彈簧力物理模擬交互知識圖譜，能把概念之間的關(guān)聯(lián)可視化出來，以及一個每周二周五推送新文章的郵件訂閱表單，附帶實時訂閱人數(shù)徽章。
視覺上，Hermes自己做了一整套設(shè)計決策。我給的參考是explainme.ai——一個執(zhí)行出色、沒有多余花活的站點，特別強(qiáng)調(diào)別照抄。Hermes選了GitHub風(fēng)格的暗色主題，背景色#0d1117，強(qiáng)調(diào)色#58a6ff，文章排成網(wǎng)格布局，字體層級一次性搭好。它拍板只做暗色模式、不加切換開關(guān)。對這個受眾群來說，這一步判斷是對的。
文章內(nèi)容的調(diào)性不是那種讀維基百科的機(jī)器人腔。32篇文章，全部用一種連貫的口吻寫出來——理解安全的人解釋概念的方式，講清楚，不表演專業(yè)。架構(gòu)層面，它挑了Astro做框架、Tailwind管樣式、Vercel負(fù)責(zé)托管。靜態(tài)輸出加一個服務(wù)端接口處理訂閱表單，該省的地方省，該加的地方加，技術(shù)選型沒有多余的。
出過一個問題。訂閱表單最初死活不通，因為API密鑰直接寫在了客戶端JavaScript里。我點出來之后，Hermes立刻抓到根因，把密鑰遷到服務(wù)端，重新設(shè)計了整條鏈路。按照正常開發(fā)節(jié)奏，這種結(jié)構(gòu)性問題通常得反復(fù)重構(gòu)兩次才能理順，智能體一次就完成了修正。部署環(huán)節(jié)更省心，Vercel那邊環(huán)境變量配置好，倉庫連上，直接上線。
特別聲明：以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布，本平臺僅提供信息存儲服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
