如何擁有屬於自己的網站？

萬事開頭難，搜索建站

怎麼網上的答案千奇百怪？

什麼wordpress、hexo，Jekyll，寶塔面板... ...

做個網站這麼難嗎？

no no no

只是專業人士往往不愛說人話。

做網站只有兩個選擇：

靜態網站
動態網站

動態網站需要自購服務器，所以直接淘汰！

：可是我想要活的網站
：放心，靜態網站不等於缺胳膊少腿，已然滿足99%個人博客的需求。

靜態網站怎麼弄呢？

⭐主要有兩大步驟：

① 構建網站

② 平臺託管

首先，什麼是構建網站?

形象舉例：你在小黑盒發帖，你要先編輯內容呀，你編輯內容的這一步，就叫網站構建。

本質上的網站構建 = 創建網頁源代碼

這個時候，我們有許多選擇：

① 自立更生：自學前端，自己寫代碼，酣暢淋漓地大幹一場。

（非計算機專業不推薦）

② 強取豪奪：直接去找網頁源代碼來改。

強取豪奪雖然快，但是容易被騙，某視頻平臺有一羣投機分子，專門賣源碼，但是質量差，還不實用。再則，修改源碼也是技術活，對於小白來說，就是天書。

③ 藉助外力：利用代碼生成平臺，亦稱博客框架。

這就是絕大部分博主說的建站，但是並不會以上文的邏輯來講，導致現在的建站視頻更像是是授人以魚，小白多次建站才明白整個流程的意義。同時，這種方式也是最主流、最重要的選擇，而不同的建站程序、博客框架、網頁生成器，你付出的時間成本是不同的。

基於文章篇幅和各種博客框架實現方式的巨大差別，本文僅提供部分項目粗略的參考意見，進一步教程需要自行搜索對應教程。

WordPress：
挺知名與成熟的項目，這個項目挺好的，基本不涉及代碼，熟悉它的界面，就可以寫自己的網站。可是，它被販子搞壞了，基本上能找到的教程都是割韭菜的，賣課和賣服務器的佔據整個平臺，而且目前沒看見比較乾貨的教程，而且，wordpress本身就是動態模式的框架，靜態化需要安裝額外插件，所以個人主觀上不推薦作爲靜態網站搭建的選擇。
Hexo：
強烈推薦的建站選擇，具有成熟的插件市場，而且難度適中，視頻平臺上也有各種教程，而且這些教程純粹是技術性教程，和wordpress的教程天壤之別。雖然是比較簡單的項目，但是也涉及到一些編程知識，如果你不太喜歡折騰，可能已經告別建站了。
相關知識：
Markdown、Git、Nodejs、基礎命令行操作
(看着嚇人，但其實都是簡單使用，假設Nodejs是一臺電腦，使用hexo只會涉及到它瀏覽網頁的功能，不需要你會更復雜的功能。)
vuepress \ vitepress
這是比較合適的計算機專業寶子的項目，前面兩個博客框架始終是給我們這種業餘人士用的。vuepress \ vitepress使用過程像是編寫代碼，但是實際上並不需要深奧的代碼知識，近年來，基本上前端領域的開源項目的文檔網站都是通過它們搭建的，因爲好用、簡潔、美觀。在沒有能力用自己的編程語言搭建網站時，這是一個非常好用的過渡項目。
其他項目：
halo、Hugo、docusaurus都是不錯的項目，特別是halo如果有服務器，甚至提供一鍵部署的選擇，這些就等待你的發掘了。

回顧一下，前文：

主要有兩大步驟：⭐
① 構建網站
② 平臺託管

上面就是構建網站的技術選型部分，接下來是：

平臺託管

當我們準備好網站內容後，很顯然我們需要把它公佈出來，有自己的服務器自然好辦（其實更麻煩，還得學服務器的知識），靜態網站離不開網頁託管平臺。

多數服務器商家也會提供的託管服務，但是，限制頗多，大多數人選擇靜態網站託管只會選擇：

Github Page

只需要把網頁源代碼上傳到代碼倉庫，使用page功能就能上線網站，但是基於網絡原因，如果你在意訪問問題，可以使用國產的 Gitee Page，但是需要實名認證，而且會審查倉庫，當然身正不怕影子斜，你乾乾淨淨就無所謂。

➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖

教程視頻推薦：

① hexo - 推薦教程：

➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖

② vuepress - 推薦教程：

視頻中魚皮大佬不推薦 vitepress 的理由是目前生態不如 vuepress ，但是未來大趨勢還是 vitepress 。

👇節選自項目官網
"VuePress 2 我們也投入了精力，它也支持 Vue 3 和 Vite，與 VuePress 1 的兼容性更好。但是，並行維護兩個 SSG 是難以持續的，因此 Vue 團隊決定將重點放在 VitePress，作爲長期的主要 SSG 選擇推薦。"
https://vitepress.dev/zh/guide/what-is-vitepress#what-about-vuepress

➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖

③ vitepress - 推薦教程：

➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖ ▪ ➖