為什么要建立個(gè)人網(wǎng)站？

提到免費(fèi)搭建個(gè)人網(wǎng)站，可能80后會(huì)想到開個(gè)新浪博客，90后會(huì)知道搞個(gè)WordPress站或凡科建站等，搞開發(fā)的程序員們知道在Github上建立個(gè)人頁面，多收獲點(diǎn)fork和star，而其他互聯(lián)網(wǎng)從業(yè)者會(huì)覺得弄個(gè)公號(hào)是最重要的，收獲一些粉絲，有廣告收入美滋滋。

這些方式都能實(shí)現(xiàn)一個(gè)目標(biāo)，即公開展示自己想表現(xiàn)的內(nèi)容。但我們經(jīng)常會(huì)遇到一些特定場(chǎng)景需求，比如，要給客戶展示個(gè)人形象或產(chǎn)品介紹，能第一時(shí)間就掃碼或鏈接發(fā)送。或者，自己想分類展示作品集，并且為自己展示的內(nèi)容分不同類目或權(quán)限，并加上一些適合的營(yíng)銷信息。

作為互聯(lián)網(wǎng)人，尤其是愛秀且樂于展示的互聯(lián)網(wǎng)人，我相信這種時(shí)候經(jīng)常有的。金主爸爸想要看你的產(chǎn)品展示，雇主想看你以前的作品，或者你有新的營(yíng)銷活動(dòng)，想盡快群發(fā)出去，各個(gè)群里發(fā)送營(yíng)銷鏈接……

目前比較直觀的方案就是，建一個(gè)自己的網(wǎng)站，能實(shí)現(xiàn)以上所說的各種需求。但建站麻煩，還要買服務(wù)器，還要開發(fā)。這些年程序員工資水漲船高，其實(shí)很大一部分原因就是各種企業(yè)都有做網(wǎng)站的需求，這也側(cè)面反映出定制開發(fā)的價(jià)格較高，想做一個(gè)完美的網(wǎng)站困難較大。

你的網(wǎng)站可能就是這樣出來的

但既然本文題目已經(jīng)劇透我將會(huì)給大家介紹價(jià)格美麗的網(wǎng)站搭建方案，那么我們就不多說廢話，直接進(jìn)入主題。如何利用現(xiàn)在網(wǎng)上各類的共享資源，實(shí)現(xiàn)零成本網(wǎng)站搭建的目標(biāo)。

首先要說明，不要信一些所謂“免費(fèi)虛擬主機(jī)”之類的廣告。幾年前剛開始建個(gè)人站的時(shí)候，我也視圖尋找零成本虛擬主機(jī)使用。但后來發(fā)現(xiàn)，暫且不論非常調(diào)皮的隨機(jī)宕機(jī)概率，僅僅是無處安放的廣告展示和偶爾提醒你多留意下主機(jī)狀態(tài)的黑客入侵提醒，就很容易能讓你想好好建站的想法飛往九霄云外。

然后，建立個(gè)人網(wǎng)站前一定要想明白自己要展示什么內(nèi)容，以及有一個(gè)合理期待。有些人純粹一時(shí)興起，覺得想要在網(wǎng)上發(fā)一些內(nèi)容就能吸引客戶，就能建立個(gè)人品牌。對(duì)這類想瞎了心的夢(mèng)想型選手，本人只能說咱從第一步開始，后期你需要掌握的技能包括SEO/內(nèi)容運(yùn)營(yíng)/社群運(yùn)營(yíng)/網(wǎng)站優(yōu)化等等，路長(zhǎng)著，慢慢來。

來自程序猿的關(guān)于網(wǎng)站開發(fā)的咆哮

最后，本文承諾所有技術(shù)實(shí)現(xiàn)路徑是沒有成本的，但是建議還是稍微花點(diǎn)錢買域名，一年也就幾十塊錢。除了.com外，像.cn/.net等傳統(tǒng)域名或.app/.ren/.work等新域名也不錯(cuò)，你可以注冊(cè)個(gè)你名字的域名拿來直接用。

建立個(gè)人網(wǎng)站的便捷選擇

有點(diǎn)技術(shù)基礎(chǔ)，或者以前折騰過個(gè)人建站的同學(xué)，可能了解之前提過的WordPress（以下簡(jiǎn)稱WP）。作為最平易近人的Php個(gè)人博客搭建框架，其特點(diǎn)顯而易見：

海量模板。從個(gè)人博客，小商城，企業(yè)官網(wǎng)，甚至到某些羞羞的網(wǎng)站都有用WP搭建的（以前掃描過部分網(wǎng)站后臺(tái)，發(fā)現(xiàn)WP后臺(tái)在羞羞網(wǎng)站里比例真不低），而各種WP免費(fèi)模板也是網(wǎng)上最容易找到。搭建簡(jiǎn)單。根本不需要買ECS，只需要買最低檔虛擬服務(wù)器，在控制臺(tái)環(huán)境即可一路next運(yùn)行安裝，阿里云/騰訊云都有WP專用主機(jī)，3分鐘安裝完畢上線，簡(jiǎn)單至極。教程多，社群多，插件多。很多人都在用的東西不見得多好，但有問題是一定能很快得到響應(yīng)的。會(huì)有各種資源分享，用起來你并不孤單。并且百度收錄也好，第三方登錄（QQ/微信/微博）等都有成熟的解決方案，有的拿來即用，非常方便。WP建站對(duì)于一般人來說有兩個(gè)問題，其一是服務(wù)器畢竟也需要買（或者參考下文所述的騰訊云的云開發(fā)服務(wù)器資源），其二是WP的安全性非常依賴使用者的安全習(xí)慣，PHP本身作為一種WEB建站市場(chǎng)占有率基本最高的語言，整天被各種掃描，PHP建站遭淪陷的概率比其他語言更高。

當(dāng)然，搜WordPress的時(shí)候腰注意看廣告哦，因?yàn)檫@個(gè)框架太有名了，靠它做排名的網(wǎng)站也很多。它在國(guó)內(nèi)的官網(wǎng)是Wordpress.org，可以去官網(wǎng)下。

充滿個(gè)人風(fēng)格的網(wǎng)站，其實(shí)做起來很簡(jiǎn)單

如果你不喜歡php或類似的方式，然后還喜歡自己動(dòng)手打造自己的空間，我推薦用python寫一個(gè)簡(jiǎn)單的pc端自適應(yīng)個(gè)人頁面，或用VUE寫多端通用的綜合站。

為什么選Python：對(duì)新手來說，語法簡(jiǎn)單，框架雖然不多，且沒有java或php那樣豐富的資源或插件使用，自己做博客或個(gè)人展示已經(jīng)足夠了。但缺點(diǎn)其實(shí)也很明顯，你不能買一年幾十塊錢帶控制臺(tái)的虛擬主機(jī)，你需要一年起碼200以上的云服務(wù)器，然后python環(huán)境需要自己搭建。

至于VUE，是目前我所知道的前端框架里最適合新手入門，資源非常豐富，鑒于創(chuàng)始人是中國(guó)人所以中文文檔非常詳細(xì)的前端框架。我自己的小程秀也是基于VUE寫的。好處是語法簡(jiǎn)單，很多框架拿來就用，適合做靜態(tài)網(wǎng)站，也適合配合python后端開發(fā)輕量級(jí)的網(wǎng)站非常好用。

如果你動(dòng)手能力強(qiáng)，那么推薦給你一些python的服務(wù)端框架：基于Django-wagtail的Redcodecms（國(guó)外的框架，可以簡(jiǎn)單的通過改i18配置實(shí)現(xiàn)漢化，前端頁面可視化編輯挺好玩），基于flask的Osroom（國(guó)人寫的，文檔比較全，只是界面看著簡(jiǎn)單了一些）?？梢栽贕ithub上搜到。

而Vue也有一些開箱即用的框架，比如Vuepress，非常適合新人入手，簡(jiǎn)單制作個(gè)人網(wǎng)站。對(duì)于個(gè)人網(wǎng)站來講，我認(rèn)為靜態(tài)與否并不重要，只要能有合適的框架展示自己想要彰顯的內(nèi)容即可。

什么是靜態(tài)網(wǎng)站：簡(jiǎn)單來說，就是一個(gè)網(wǎng)站沒有后臺(tái)，只有前端頁面。我們一般的網(wǎng)站都有后臺(tái)用于傳輸數(shù)據(jù)，用于處理信息，比如微信編輯器寫好了文章，在后臺(tái)發(fā)布后，就能在前端看到。但是靜態(tài)網(wǎng)站只是若干個(gè)文件，你只能通過修改文件以改變形態(tài)。

這個(gè)網(wǎng)站如何搭建？

目前網(wǎng)上都在推薦用Github放網(wǎng)站。但經(jīng)過測(cè)試，我認(rèn)為在國(guó)內(nèi)訪問github的速度堪憂，連接并不穩(wěn)定。相比起來，騰訊云的連接速度更為通暢，且騰訊云的Cloud studio在線編譯功能的確強(qiáng)大，支持一鍵生成靜態(tài)網(wǎng)站的功能也著實(shí)方便。當(dāng)然，碼云也可以，所以以上三者代碼托管平臺(tái)，隨你選擇。但綜合考慮，我以騰訊云為主，其他兩者大同小異。

我推薦你第一步是，先去騰訊云注冊(cè)賬號(hào)（微信掃碼登錄認(rèn)證個(gè)人信息即可）。

然后我們找到騰訊云的cloud Studio工作空間，網(wǎng)址為studio.dev.tencent.com，登錄后我們可以看到一片等待我們新建的提示。這時(shí)候我們點(diǎn)擊新建空間，從模板創(chuàng)建。選擇使用Wordpress模板創(chuàng)建。創(chuàng)建后點(diǎn)擊新建的項(xiàng)目進(jìn)入編譯器，我們就會(huì)進(jìn)入程序猿的世界，來到代碼的世界。

這一瞬間，有沒有感覺自己程序猿附身，技術(shù)之魂燃起？

你離成功很近了！在這里，我們可以點(diǎn)擊右上角小地球一樣的按鈕，點(diǎn)擊一鍵開啟，然后再點(diǎn)擊一鍵部署，然后再打開頁面...發(fā)現(xiàn)你自己似乎來到了一個(gè)錯(cuò)誤頁面。似乎是訪問有問題？好吧，好像服務(wù)器沒有配置。我們點(diǎn)回那個(gè)小地球按鈕，看到第二列有個(gè)資源管理。

然后點(diǎn)擊進(jìn)入數(shù)據(jù)庫，填寫連接數(shù)據(jù)庫這里給你的用戶名和密碼（不是你自己設(shè)置的哦哦，是系統(tǒng)給你分配的一長(zhǎng)串隨機(jī)字符串），我們來到了數(shù)據(jù)庫管理頁面。

這里我們可以看到左上角有個(gè)名叫，information_schema的數(shù)據(jù)庫，這就是我們?cè)谶@里用到的數(shù)據(jù)庫。返回我們的編輯器頁面，在左邊一排文件中，找到wp-config-sample.php文件，雙擊打開，然后把數(shù)據(jù)庫名、用戶和密碼信息填入進(jìn)去。

編輯完后，把這個(gè)文件重命名為“wp-config.php”。這些文件是編輯完自動(dòng)保存的。然后我們?cè)冱c(diǎn)擊測(cè)試域名訪問，是不是已經(jīng)能打開一個(gè)wordpress的安裝程序了？

如果你不喜歡WP，我推薦你用Hexo來進(jìn)行靜態(tài)博客的書寫。只要簡(jiǎn)單了解MarkDown語法，不需要那么多花里胡哨的功能，就可以生成一個(gè)有自己風(fēng)格的網(wǎng)站。與WP不同的是，雖然同樣是熱門框架，Hexo的個(gè)人風(fēng)格更濃郁，各種新奇的免費(fèi)主題也很多，很適合追求不同風(fēng)格的個(gè)人網(wǎng)站使用。

一些Hexo模板

打完收工！

今天介紹完免費(fèi)建立個(gè)人站，你是不是也蠢蠢欲動(dòng)了呢？但萬事開頭難，建站也只是第一步的第一步。往后我會(huì)持續(xù)和大家分享一些簡(jiǎn)單好用的技術(shù)方法。想要更多福利和教程，可以添加我關(guān)注，或者給我私信。一些漂亮的主題，框架，或者方便使用的技術(shù)方法，我也會(huì)盡可能與大家分享。