網(wǎng)站搭建技術(shù)棧的梳理

周末將詢盤站上線了，算是完成這個階段的小目標(biāo)。后續(xù)的主要內(nèi)容就是慢慢更新并完善網(wǎng)站上的內(nèi)容，按照頻率對網(wǎng)站進行維護，以及內(nèi)外鏈的優(yōu)化了。

所以趁著剛剛搭建完這個站點的熱乎勁，聊聊搭建過程中我使用到的一些技術(shù)棧與網(wǎng)站插件。

先聊網(wǎng)站的技術(shù)棧。

這塊內(nèi)容并不復(fù)雜，對于沒有基礎(chǔ)技術(shù)背景的朋友來說，直接傻瓜式操作。使用 WordPress 這套 CMS 管理系統(tǒng)就行，假如需要商品管理的功能，那后續(xù)可以通過安裝一個 WooCommerce 插件完美解決這個問題。

至于更深一點的技術(shù)手段，個人倒是覺得沒有掌握的必要，或者說沒有折騰的必要。因為對于常規(guī)網(wǎng)站而言，熟練這部分技術(shù)棧，便已經(jīng)能很好的應(yīng)付 90% 的業(yè)務(wù)場景了。

技術(shù)棧的問題解決掉，剩下要做安裝的便是插件。如下圖便是我的詢盤站安裝的全部插件，一共 8 個，展開聊聊這部分內(nèi)容。

在之前的文章，我反復(fù)說過現(xiàn)在我搭建的網(wǎng)站，插件基本會控制在 10 個以內(nèi)，且能用代碼解決的需求堅決不安裝插件，能安裝輕量版插件的就堅決拒絕重型插件。

比如現(xiàn)在我的網(wǎng)站出于速度優(yōu)化的考慮，基本都不會使用 Elementor 這樣的重型頁面編輯器了。轉(zhuǎn)而使用 WordPress 內(nèi)置的古騰堡編輯器，外加安裝一款編輯器增強型插件（上圖中的 Spectra）。

可能有些場景下，古騰堡的默認功能不能很好滿足我的需求。很常見的一個場景就是，WooCommerce 商品編輯中長描述的自定義設(shè)計，默認是不能使用古騰堡編輯器的。但是要想滿足這個需求也不難，直接在網(wǎng)站后臺添加過濾代碼，便能繞過這個限制。

不過頁面編輯器插件，很大程度上還是因人、因業(yè)務(wù)場景而異吧，并沒有定式。

除了編輯器之外，就是安全插件與緩存插件了，這里我使用的是 SiteGround 主機提供的官方插件。據(jù)我自己的體驗來看，這兩款插件的使用起來還不錯，在移動端的速度測試方面基本都能達到 75 分左右，應(yīng)付絕大多數(shù)應(yīng)用場景是絕對夠了。

至于網(wǎng)站主題使用的則是 Astra Pro，之所以選擇這款主題，還是因為使用很久了，對于主題的配置、優(yōu)化項等已經(jīng)相當(dāng)熟悉了。且這款主題也真的不錯，無論是輕量、還是耦合度等等，我都很滿意。

當(dāng)然肯定會有很多其他的優(yōu)秀主題，也能搭建出一個漂亮的網(wǎng)站，這里就不展開了，選擇一個適合自己的便好了。

說完這些重要的插件，剩下的就是 WooCommerce，WPForms，F(xiàn)ileBird，與 RankMath 這個 SEO 插件了。

首先，WooCommerce 是用來管理我的商品展示，在詢盤站點上并沒有配置在線交易功能。且我通過寫一寫代碼，將商品詳情頁做成了一個“類頁面”，至于這么做，后續(xù)專門分享一下。

WPForms 這個插件則是用來接收頁面消息的，且我使用的是付費版本，能實現(xiàn)更多更加高級的功能。

至于 FileBird 則是用來做多媒體素材管理的，因為我對網(wǎng)站的要求是，不能上傳一張無效的圖片或者視頻。這就要求在與其他團隊成員協(xié)作時，要仔細管理上傳網(wǎng)站的內(nèi)容，而這個插件便能很好解決這部分需求。

最后便是 SEO 插件了，這個沒什么好輸出的，選擇一個適合自己的就好。

以上。