拋磚引玉，小白也能在家獨(dú)立打造的個(gè)人網(wǎng)站探索

時(shí)間：2023-08-03 06:39:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-08-03 06:39:01 來源：網(wǎng)站運(yùn)營

拋磚引玉，小白也能在家獨(dú)立打造的個(gè)人網(wǎng)站探索：

一、打造獨(dú)立個(gè)人網(wǎng)站的初衷

隨著網(wǎng)絡(luò)時(shí)代的發(fā)展，文件的存儲(chǔ)我們都在逐漸向“云”方向轉(zhuǎn)變，前幾年百度網(wǎng)盤、360網(wǎng)盤等的潮起潮落，大大忽悠了一下廣大的消費(fèi)者。暴露出了許多問題，尤其是網(wǎng)絡(luò)安全問題。因此這幾年私有化“云”的應(yīng)用逐漸被重視起來，利用群暉、威聯(lián)通搭建的私有云就是一個(gè)兼顧了性價(jià)比及安全性的不錯(cuò)選擇。

私有NAS有了，那么搭建一個(gè)個(gè)人的獨(dú)立網(wǎng)站的基礎(chǔ)就有了。而且個(gè)人獨(dú)立網(wǎng)站更便于我們進(jìn)行外網(wǎng)訪問、文件的導(dǎo)航以及個(gè)人的博客功能。 關(guān)鍵時(shí)刻給朋友們看看吹吹NB還是挺有意思的，哈哈！

▼當(dāng)然自媒體時(shí)代，也可以建立一個(gè)私人的博客哦，利用wordpress，可以非常傻瓜化建立個(gè)人博客。這是利用WordPress默認(rèn)模板建立的簡單博客







下面就和樓主一起來看看這樣的個(gè)人博客如何建立吧！

還有樓主的導(dǎo)航頁面

二、建立個(gè)人網(wǎng)站需要哪些準(zhǔn)備基礎(chǔ)項(xiàng)目

1、服務(wù)器的準(zhǔn)備

無論什么網(wǎng)站的搭建都是建立在服務(wù)器的基礎(chǔ)上，所以我們必須擁有一臺(tái)可以自由使用的24H在網(wǎng)服務(wù)器。服務(wù)器可以是個(gè)人電腦、NAS，也可以是各大廠商的云主機(jī)。服務(wù)器選擇取決于你所建立網(wǎng)站的用途，如果你想建立一個(gè)商業(yè)性或者公共性的網(wǎng)站，那么云端的VPS是更好的選擇，而且也更方便于網(wǎng)站的ICP備案操作。但如果你的需求和樓主一樣，只是為了自娛自樂，那么一個(gè)24H在線的電腦就可充當(dāng)服務(wù)器的功能。

本文的網(wǎng)站構(gòu)建是建立在樓主已經(jīng)擁有的群暉NAS基礎(chǔ)上完成的，因此你的第一步就是需要準(zhǔn)備一臺(tái)群暉。

2、網(wǎng)絡(luò)的準(zhǔn)備

服務(wù)器的問題解決了，接下需要解決的就是網(wǎng)絡(luò)訪問的問題。為了最簡化部署，最優(yōu)的選擇就是獲得一個(gè)公網(wǎng)的IP，這樣可以省去許多額外的開銷及麻煩。但是眾所周知，目前ipv4的網(wǎng)絡(luò)資源已經(jīng)非常緊張的，主流的運(yùn)營商一般而言都會(huì)給我們提供一個(gè)大的內(nèi)網(wǎng)IP，例如常見的以，10、172、192開頭的IP地址。







目前所有運(yùn)營商提供的家用寬帶都是內(nèi)網(wǎng)IP地址，這基本上已經(jīng)堵死簡單搭建個(gè)人網(wǎng)站的道路。

不過！不過！不過！有兩家運(yùn)營商是例外的，就是中國電信及中國聯(lián)通。如果你想要在家中搭建私人網(wǎng)站或私有云的話，請一定選擇電信或聯(lián)通作為寬帶運(yùn)營商，優(yōu)先推薦中國電信，因?yàn)槟壳爸袊娦攀且欢梢蕴峁┕W(wǎng)IP地址的。

在初次辦理完中國電信及中國聯(lián)通的寬帶后，我們查看分配給我們的IP地址后，會(huì)發(fā)現(xiàn)一定是內(nèi)網(wǎng)IP網(wǎng)段，這時(shí)候你只需要給客服10000/10010打電話，直接轉(zhuǎn)接投訴專席，要求分配公網(wǎng)IP即可。一般情況下都會(huì)在1天以內(nèi)，完成用戶的需求變更。

重啟路由器后，我們就可以發(fā)現(xiàn)，我們獲得了一個(gè)動(dòng)態(tài)公網(wǎng)IP地址啦！

▼可以看大樓主的雙線寬帶，電信提供了公網(wǎng)IP地址。移動(dòng)是永遠(yuǎn)不可能提供的，除非你辦理專線，不過價(jià)格太貴了。

三、域名訪問準(zhǔn)備

以上的基礎(chǔ)工作準(zhǔn)備完成后，我們就可以正式開始建站工作了。為了能夠讓別人訪問我們的網(wǎng)站，我們需要一個(gè)域名（總不能告訴別人個(gè)IP地址吧，也不好記啊，關(guān)鍵我們的公網(wǎng)IP是動(dòng)態(tài)的，經(jīng)常來回更換）。

1、域名購買

因此首先我們需要找一家網(wǎng)絡(luò)服務(wù)商購買域名，樓主選擇在阿里云購買域名，根據(jù)個(gè)人不同的需求，不同后綴的域名價(jià)格也是不同的。樓主僅是個(gè)人使用，因此就購買了最便宜的win域名。去年優(yōu)惠的時(shí)候購買的10年只要68元，是不是很便宜啊，貌似今年所有的域名都漲價(jià)了。

首先我們需要訪問阿里云的網(wǎng)站:https://www.aliyun.com/

▼選擇注冊域名







▼看了下目前阿里最便宜的域名應(yīng)該是press，10年要149元







▼就注冊個(gè)便宜的liuspy.club試驗(yàn)下吧，6塊錢也是錢啊讓樓主少花點(diǎn)吧，點(diǎn)擊立即結(jié)算。







▼選擇1年，價(jià)格為6元。







▼這樣我們就可以在控制臺(tái)看到新購買的域名了，根據(jù)國家法律要求需要先進(jìn)行實(shí)名認(rèn)證







一般需要1-2天完成實(shí)名認(rèn)證，域名就可以正常使用了。

使用阿里注冊域名有好處也有壞處，好處就是申請Https免費(fèi)證書非常的方便，以后可以利用Https方便的訪問網(wǎng)站。壞處就是，使用阿里的DDNS服務(wù)比較麻煩，需要腳本才能實(shí)現(xiàn)DDNS，相對比較麻煩。而且群暉中也沒有內(nèi)置阿里的DDNS服務(wù)。不過我們可以利用用阿里域名+DNSPod實(shí)現(xiàn)免費(fèi)DDNS。

2、設(shè)置DDNS綁定動(dòng)態(tài)IP地址

利用阿里阿里云DNS API 實(shí)現(xiàn)的DDNS本身比較麻煩，還需要腳本，樓主不會(huì)代碼啊。所以就放棄這條道路了，其實(shí)我們還可以通過DNSPod來實(shí)現(xiàn)DDNS，而且是免費(fèi)的哦。

先了解下DNSPod的特性：

1、DNSPod在許多路由器中都可以實(shí)現(xiàn)的自動(dòng)DDNS，比如愛快、群暉都有自帶DNSPod的DDNS服務(wù)；

2、DNSPod的DDNS服務(wù)是免費(fèi)的；

3、DNSPod允許添加外部域名解析。

基于以上3點(diǎn)我們就可以實(shí)現(xiàn)阿里購買的域名在DNSPod解析了。

▼首先，在DNSPod https://www.dnspod.cn/ 注冊一個(gè)新用戶，注冊成功后點(diǎn)擊右上角的管理控制臺(tái)







▼選擇【域名解析】——【添加域名】——添加一個(gè)新的域名【liuspy.club】







▼我們可以看到新添加的域名提示我們【域名 NS 地址還未修改】，因此還不能解析，這時(shí)候我們就需要回到阿里的控制臺(tái)設(shè)置域名解析NS。在阿里的控制臺(tái)將 DNS 修改為：f1g1ns1.dnspod.net/f1g1ns2.dnspod.net







▼進(jìn)入阿里的控制臺(tái)——在域名的DNS界面修改解析地址為f1g1ns1.dnspod.net/f1g1ns2.dnspod.net







這樣我們就可以用DNSPod的DDNS服務(wù)解析阿里注冊的域名了。

PS：利用DNSPod賬號解析的時(shí)候，在路由器里面填寫的賬戶名和密碼并不是你注冊時(shí)候的用戶名和密碼，這個(gè)用戶名密碼是你在DNSPod控制臺(tái)里面新建的API賬號和密碼，見下圖：選擇【用戶中心】-【安全設(shè)置】-【API Token】







將新申請的【API Token】輸入到群暉的DDNS模塊里面的對應(yīng)位置就設(shè)置成功了。

▼群暉內(nèi)置了DNSPod的DDNS模塊，可以直接解析







▼當(dāng)然如果你用軟路由的話更方便，LEDE其實(shí)可以直接解析阿里的域名，不需要這么折騰一下。

3、https證書申請

國內(nèi)寬帶運(yùn)營商是封鎖80端口的，這就造成正常的網(wǎng)頁訪問無法實(shí)現(xiàn)。除非進(jìn)行端口的修改和轉(zhuǎn)發(fā)，例如將web端口設(shè)定為1234，這樣一來訪問地址就變成了liuspy.club:1234了，強(qiáng)迫癥看著好難受的說。好在是寬帶運(yùn)營商對443端口封鎖不嚴(yán)，有挺多地區(qū)的443端口是開放的。那么我們通過WEB服務(wù)的https通信方式就可以實(shí)現(xiàn)不加端口的網(wǎng)頁訪問了。https默認(rèn)采用443，對于傳輸?shù)臄?shù)據(jù)進(jìn)行加密傳輸，安全性也更高！

PS：https=http+ssl，顧名思義，https是在http的基礎(chǔ)上加上了SSL保護(hù)殼，信息的加密過程就是在SSL中完成的

我們在通過https訪問過程中，由于是加密形式的，因此我們需要申請證書，用于驗(yàn)證網(wǎng)站。否則訪問的時(shí)候就會(huì)出現(xiàn)安全警告！

▼例如域名和證書沒有對應(yīng)（我導(dǎo)入的證書對應(yīng)的域名是.win結(jié)尾的），訪問就會(huì)出現(xiàn)安全提示。雖然也可以順利訪問，就是安全提示好煩人??！







▼當(dāng)使用正確的域名訪問的時(shí)候，就不會(huì)出現(xiàn)問題了







因此為了可以順利的建設(shè)完整的網(wǎng)站，我們需要申請一個(gè)https證書。在阿里云注冊的域名，可以免費(fèi)申請哦！免費(fèi)的哦！?。∠旅嫖覀兙鸵黄饋砜纯丛趺瓷暾堊C書吧。

▼首先還是訪問阿里控制臺(tái)，在安全下，選擇SSL證書







▼選擇購買證書







▼選擇免費(fèi)型DV SSL證書，有效期是1年，直接付款就OK了







▼購買完成后，就可以看到我們準(zhǔn)備使用的證書了，點(diǎn)擊證書申請







▼根據(jù)提示填寫信息，選擇自動(dòng)驗(yàn)證就可以了







▼這就是驗(yàn)證信息，點(diǎn)擊驗(yàn)證就可以完成了。需要注意的是我這里還沒有把域名的解析遷移到DNSDOP，因此可以在阿里自動(dòng)完成驗(yàn)證操作。如已經(jīng)遷移的話，需要把以下的信息，在DNSDOP的解析記錄中添加，之后也可以完成驗(yàn)證







▼可以看到阿里解析中已經(jīng)自動(dòng)添加了一條用于驗(yàn)證證書的記錄值。如已經(jīng)遷移到DNSDOP的話，需要手動(dòng)添加一下。







等待1天的時(shí)間左右，證書就會(huì)審核通過，我們就可以下載證書文件了

▼由于我們需要把證書導(dǎo)入到群暉中，因此我們選擇下載Apache類型的證書文件







▼解壓得到3個(gè)證書文件，我們就可以導(dǎo)入群暉啦







▼進(jìn)入群暉的控制面板——安全性——證書——新增







▼將3個(gè)證書文件，對應(yīng)導(dǎo)入，就完成啦！

4、端口映射

最后我們還需要做一下端口的映射，因?yàn)槲覀冞@次是通過443端口來搭建網(wǎng)站，因此我們需要在路由器中把443端口映射到群暉的IP地址上，不同的路由器設(shè)置不同，但大同小異。

▼例如樓主使用的LEDE，端口映射的設(shè)置。把外網(wǎng)443端口訪問全部映射到內(nèi)網(wǎng)群暉的443端口上

四、個(gè)人網(wǎng)站的搭建

完成以上步驟我們基本就完成70%了，剩下的就是利用wordpress搭建個(gè)人網(wǎng)站啦。樓主這里選擇群暉作為服務(wù)器的載體，就是因?yàn)槠淇梢陨倒匣罱╳ordpress網(wǎng)站。只需要簡單的單擊幾步就可以完成。

▼確保安裝完成web station 套件







▼Web station 的設(shè)置



















▼在應(yīng)用中心找到wordpress，進(jìn)行安裝







▼根據(jù)提示安裝配套組件







▼根據(jù)提示安裝數(shù)據(jù)庫













▼確定數(shù)據(jù)庫遷移，默認(rèn)密碼為空







▼我們?nèi)掳惭bwordpress







▼輸入數(shù)據(jù)庫密碼，默認(rèn)空







▼設(shè)定wordpress數(shù)據(jù)庫的密碼，務(wù)必記住，管理數(shù)據(jù)庫會(huì)用到的







▼完成安裝







▼完成安裝后，我們就可以訪問我們建立的個(gè)人網(wǎng)站了，地址是：內(nèi)網(wǎng)IP/wordpress。選擇English繼續(xù)設(shè)置







▼創(chuàng)建一個(gè)管理員賬戶和密碼







▼建站完成了







▼用我們剛才設(shè)定的管理員賬戶登陸后臺(tái)就可以管理了







▼首先我們先調(diào)整到中文界面







▼為了外網(wǎng)訪問，這里設(shè)定非常重要，按樓主的格式輸入你的地址：https://域名/wordpress







▼有各種詳細(xì)的網(wǎng)站設(shè)定，自己來選擇吧，也可以用現(xiàn)成的主題來建站，提供免費(fèi)和付費(fèi)的模板下載







▼一個(gè)私人的博客就建立成功啦。







如果上面的域名、ddns以及端口轉(zhuǎn)發(fā)都沒有問題的話，你就可以利用“域名/press"外網(wǎng)訪問個(gè)人博客啦！

五、尾聲

本期教程就到此為止了，本篇主要是向大家介紹一個(gè)私人網(wǎng)站建立的一些要點(diǎn)問題，尤其是在域名和DDNS的配置問題上。可能不少朋友對樓主展示的網(wǎng)址導(dǎo)航界面也非常感興趣，項(xiàng)目的名稱是：Win10-UI 感興趣的朋友也可以自己研究一下。由于篇幅的限制，下期再為大家詳細(xì)介紹吧，簡單說這個(gè)導(dǎo)航頁面也非常簡單，是基于國內(nèi)的一個(gè)開源項(xiàng)目直接打包進(jìn)來，只需要簡單的網(wǎng)址替換就可以完成。