全流程+避坑指南!零代碼基礎(chǔ)的設(shè)計(jì)師如何用Cursor建個(gè)人網(wǎng)站?

寫在前面

作為設(shè)計(jì)師,相信都曾有過打造一個(gè)專屬個(gè)人網(wǎng)站的想法,之前受限于前端學(xué)習(xí)成本和不好意思“白嫖”程序員同事,所以擱置了很久。另一方面,去年我分享了很多關(guān)于AI繪畫落地實(shí)踐的內(nèi)容,鑒于很多平臺(tái)判定標(biāo)準(zhǔn)的差異,部分文章無法順利發(fā)出,在各種原因之下,我決定重新啟動(dòng)“獨(dú)立開發(fā)”個(gè)人網(wǎng)站的計(jì)劃。

這次個(gè)站“開發(fā)”對我來說是一次有趣的探索,我并不打算把自己變成程序員,但我想試試看,AI是否可以協(xié)助我將設(shè)計(jì)稿盡可能的還原出來。

本篇文章將會(huì)完整記錄我借助Cursor的建站過程,包括整體思路、使用Cursor的操作方式、實(shí)戰(zhàn)中踩過的坑和應(yīng)對方法,以及一些總結(jié)和復(fù)盤。

更多AI建站案例:

歡迎訪問我的個(gè)人網(wǎng)站:https://wincyfu.vercel.app/ (建議魔法訪問)

全流程+避坑指南!零代碼基礎(chǔ)的設(shè)計(jì)師如何用Cursor建個(gè)人網(wǎng)站?

全流程+避坑指南!零代碼基礎(chǔ)的設(shè)計(jì)師如何用Cursor建個(gè)人網(wǎng)站?

全流程+避坑指南!零代碼基礎(chǔ)的設(shè)計(jì)師如何用Cursor建個(gè)人網(wǎng)站?

全流程+避坑指南!零代碼基礎(chǔ)的設(shè)計(jì)師如何用Cursor建個(gè)人網(wǎng)站?

全流程+避坑指南!零代碼基礎(chǔ)的設(shè)計(jì)師如何用Cursor建個(gè)人網(wǎng)站?

全流程+避坑指南!零代碼基礎(chǔ)的設(shè)計(jì)師如何用Cursor建個(gè)人網(wǎng)站?

全流程+避坑指南!零代碼基礎(chǔ)的設(shè)計(jì)師如何用Cursor建個(gè)人網(wǎng)站?

收藏 45
點(diǎn)贊 39

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。