注冊賬號和選擇模板

昨天下午打開電腦準(zhǔn)備搞個(gè)個(gè)人主頁，想起朋友提過的一站式建站工具。直接在搜索框敲了幾個(gè)字，首頁跳出個(gè)醒目的免費(fèi)注冊按鈕。郵箱密碼填完點(diǎn)提交，連手機(jī)驗(yàn)證都不用，兩分鐘賬號就開通了。

登進(jìn)后臺看到眼花繚亂的模板庫，手指頭在觸摸板上滑了十來分鐘。突然發(fā)現(xiàn)篩選器可以按行業(yè)選，果斷勾了"個(gè)人博客"。盯上個(gè)藍(lán)白配色的簡潔模板，鼠標(biāo)懸停時(shí)看到預(yù)覽圖里書桌擺設(shè)跟我家特別像，當(dāng)場拍板點(diǎn)選用它。

拖動模塊調(diào)整布局

剛載入編輯界面有點(diǎn)懵，滿屏幕都是虛線框。試著把個(gè)人介紹那段文字拖到導(dǎo)航欄底下，沒想到真的能吸附！發(fā)現(xiàn)右邊照片墻有點(diǎn)空，從左側(cè)組件庫拽了個(gè)"項(xiàng)目展示"模塊塞進(jìn)去，結(jié)果把下方聯(lián)系方式擠變形了。趕緊抓住分隔線往上提了提，頁面突然就勻稱了。

教訓(xùn)：

• 頁面模塊像搭積木 但別堆太滿
• 調(diào)間距時(shí)左手始終放在Ctrl+Z快捷鍵上

填充真實(shí)內(nèi)容

翻出手機(jī)里去年拍的櫻花照片當(dāng)橫幅圖，上傳時(shí)系統(tǒng)自動壓縮到3MB以內(nèi)。最難寫的是"關(guān)于我"欄目，刪刪改改五次才憋出三行："85后技術(shù)宅，愛拍云朵和貓，這里記錄我的踩坑實(shí)錄"。在技能進(jìn)度條那里耍了個(gè)小心機(jī)，把JavaScript拉到85% 只會寫基礎(chǔ)語法。

添加核心功能

后臺插件市場里翻到留言板功能，點(diǎn)安裝時(shí)跳出來收費(fèi)提示。正猶豫著發(fā)現(xiàn)底下有行小字"基礎(chǔ)版限20條留言"，果斷選了免費(fèi)方案。綁定微信通知那步折騰最久，掃碼授權(quán)三次才成功，測試時(shí)給自己發(fā)了條"博主真帥"，手機(jī)叮咚響的時(shí)候樂得拍桌子。

配置設(shè)置

在搜索引擎優(yōu)化選項(xiàng)卡里填關(guān)鍵詞，隨手輸了"零基礎(chǔ)建站""網(wǎng)頁設(shè)計(jì)小白"七八個(gè)詞。開啟SSL證書那步最簡單，勾個(gè)框等五分鐘，地址欄就冒出小綠鎖。把網(wǎng)站速度優(yōu)化開關(guān)全打開，測試加載時(shí)間從4秒降到1.8秒。

上線前檢查

用手機(jī)4G流量測試時(shí)發(fā)現(xiàn)頭像加載慢，回后臺把圖片格式從PNG轉(zhuǎn)成WebP。檢查到深夜十一點(diǎn)，突然發(fā)現(xiàn)白天寫的標(biāo)題有個(gè)錯(cuò)別字，嚇得趕緊改了重新發(fā)布。點(diǎn)下"上線"按鈕那刻，泡面湯都濺到鍵盤上了。

全過程踩坑

• 免費(fèi)模板夠用 但字體改三次才協(xié)調(diào)
• 手機(jī)預(yù)覽比電腦預(yù)覽更重要
• 功能插件寧缺毋濫 多了容易沖突

今早地鐵上用手機(jī)查網(wǎng)站，看著滿屏內(nèi)容都不敢信是自己做的。這種建站平臺真適合我這種懶人，連服務(wù)器密碼都不用記，比當(dāng)年折騰VPS省心太多了。