今天可算是把這個(gè)無(wú)錫網(wǎng)站制作的小項(xiàng)目給搗鼓出來(lái)！跟你們好好嘮嘮我都干啥。

摸底需求，心里有數(shù)

客戶那邊就丟過(guò)來(lái)一句“我要做個(gè)網(wǎng)站”，別的啥也沒(méi)說(shuō)。這可不行，我得問(wèn)清楚！于是我就開始“盤問(wèn)”：您這網(wǎng)站是做啥用的？想做成啥樣子的？有沒(méi)有喜歡的風(fēng)格參考？七七八八問(wèn)一大堆，總算是把客戶的需求給摸清楚。原來(lái)是想做一個(gè)展示他們公司產(chǎn)品的網(wǎng)站，風(fēng)格要簡(jiǎn)潔大氣，還得方便更新產(chǎn)品信息。

搭框架，選“骨架”

需求有，接下來(lái)就得選個(gè)合適的“骨架”來(lái)搭網(wǎng)站。我平時(shí)用 WordPress 比較多，這玩意兒搭個(gè)企業(yè)站啥的挺方便，主題也多，還能裝各種插件，挺好使的。不過(guò)這回我想換個(gè)花樣，試試用靜態(tài)網(wǎng)站生成器。之前看人家用 Hugo 挺火的，我也想試試水。

• 安裝 Hugo：這玩意兒安裝也簡(jiǎn)單，去官網(wǎng)下載個(gè)安裝包，一路點(diǎn)下去就完事兒。
• 創(chuàng)建新站點(diǎn)：在命令行里敲個(gè) hugo new site 你的網(wǎng)站名字 ，一個(gè)新網(wǎng)站的文件夾就生成好。
• 選主題：Hugo 的主題市場(chǎng)里頭東西也挺多的，我挑個(gè)順眼的，直接下載下來(lái)放到 themes 文件夾里。

填內(nèi)容，搞裝修

框架搭好，接下來(lái)就是往里頭填東西。客戶給的產(chǎn)品資料我都整理成 Markdown 格式的文件，放到 content 文件夾里。圖片啥的也按照 Hugo 的要求放然后就是調(diào)整主題的配置文件，把網(wǎng)站的標(biāo)題、導(dǎo)航欄、logo 啥的都設(shè)置這過(guò)程就跟裝修房子似的，一點(diǎn)點(diǎn)把網(wǎng)站給“打扮”起來(lái)。

調(diào)細(xì)節(jié)，精益求精

網(wǎng)站大體樣子出來(lái)，還得仔細(xì)瞅瞅，看看有沒(méi)有啥地方需要調(diào)整的。比如字體大小、顏色搭配、圖片排版等等，都得一點(diǎn)點(diǎn)摳細(xì)節(jié)。這過(guò)程挺磨人的，不過(guò)看到網(wǎng)站越來(lái)越漂亮，心里還是挺有成就感的。

發(fā)布上線，大功告成

全部搞定之后，一步就是把網(wǎng)站發(fā)布到服務(wù)器上。我用的是 Netlify，這玩意兒可以直接跟 GitHub 倉(cāng)庫(kù)連接，每次我把代碼推送到 GitHub，Netlify 就會(huì)自動(dòng)構(gòu)建并發(fā)布網(wǎng)站，省事兒得很！

這回?zé)o錫網(wǎng)站制作的小實(shí)踐就分享到這里。雖然過(guò)程有點(diǎn)兒繁瑣，但是看到最終的成果，還是覺(jué)得挺值的！以后有啥新的實(shí)踐，再來(lái)跟你們分享！