如何搭建屬于自己的網(wǎng)站博客?

時間：2024-02-02 09:10:01 | 來源：網(wǎng)站運(yùn)營

時間：2024-02-02 09:10:01 來源：網(wǎng)站運(yùn)營

如何搭建屬于自己的網(wǎng)站博客?：怎么用WordPress給自己搭建了一個網(wǎng)站？可能很多人都想擁有屬于自己的網(wǎng)站，這篇文章就找你怎么利用WordPress搭建屬于自己的網(wǎng)站。如果你也正好有搭建個人網(wǎng)站的想法，那么本文會給你一個參考，我盡量寫的比較詳細(xì)，給自己做一個記錄，也給大家一個參考。

寫在前面

在教程之前，先給大家show 一下效果，歡迎你去點(diǎn)點(diǎn)點(diǎn)~ 網(wǎng)站地址：https://zhangfeidezhu.com

準(zhǔn)備工作

一臺Linux服務(wù)器

在開始搭建網(wǎng)站之前，當(dāng)然第一步是購買一個屬于自己的 『服務(wù)器』。

你可以選擇如下渠道進(jìn)行購買：阿里云、騰訊云、Ucloud等的大廠服務(wù)器，不要貪圖便宜去買國外的服務(wù)器廠商，因?yàn)樗俣群苈芏?，很影響體驗(yàn)。

我的就是在騰訊云上購買的，剛開始買個最低配置的服務(wù)器就行，以后不夠用了，可以慢慢升級，擴(kuò)容?？梢韵阮I(lǐng)個券，再購買更實(shí)惠：點(diǎn)擊領(lǐng)券

一個專屬的域名

買了服務(wù)器后，你就會擁有一個公網(wǎng)ip，如果網(wǎng)站搭建起來了，你完全可以使用這個 ip 去訪問，但僅供開發(fā)、測試使用。 如果要真正運(yùn)營起來，想要有流量，還得搞一個域名，方便你推廣。

域名的購買建議和上面服務(wù)器使用同一個廠商，可以省去一些麻煩。比如阿里云購買的域名要備案是需要你在阿里云下有一臺服務(wù)器的。

一個遠(yuǎn)程登陸軟件

由于后面我使用的是手工部署的方式，所以要登陸服務(wù)器進(jìn)行操作。

登陸的方法有兩種：

1. 廠商提供的控制臺界面登陸：Workbench和VNC，這種方法對于不經(jīng)常登陸服務(wù)器運(yùn)維的人來說，還是可以的，但是不推薦交互比客戶端的感覺差一些。

1. 自己下載專業(yè)的遠(yuǎn)程登陸軟件：Tabby、Xshell或者CRTSecure，在使用這些遠(yuǎn)程登陸軟件時，你需要在服務(wù)器廠商控制臺上面先獲取到三個信息服務(wù)器公網(wǎng)IP、服務(wù)器SSH端口、服務(wù)器遠(yuǎn)程連接密碼。這里我選擇Tabby，因?yàn)檫@個是免費(fèi)的，直接使用就可以，界面也比較簡潔

部署方式選擇

部署方式，可分為兩種

1. 使用服務(wù)器管理軟件，實(shí)現(xiàn)自動化部署，最著名的就是寶塔面板。
2. 手動登陸遠(yuǎn)程服務(wù)器，實(shí)現(xiàn)腳本化部署。

那么如何選擇呢？

• 使用寶塔部署，門檻低，只要會界面點(diǎn)一點(diǎn)即可。
• 而使用腳本自己手工部署，需要你學(xué)會遠(yuǎn)程登陸服務(wù)器：使用Xshell或者直接使用廠商提供的在線SSH窗口 一些Linux的基本操作:比如Vi/Vim的使用，目錄及文件的基本操作等

在這里建議大家跟著我使用第二種方法，也就是手工使用腳本進(jìn)行部署，更精細(xì)的部署步驟會讓你對WordPress的運(yùn)作方式有更深的理解，比如使用了哪些軟件，裝了哪些包？自己搭建了網(wǎng)站，難免以后會碰到各種各樣的服務(wù)器問題，盡早的接觸Linux，熟悉各項(xiàng)配置，對以后的運(yùn)維工作會有很有幫助。

部署LNMP

什么是LNMP

LNMP是Linux+Nginx+MySQL+PHP組合的簡寫。

類似的組合還有： LAMP的全稱是Linux+Apache+MySQL+PHP LNAMP的全稱是Linux+Nginx+Apache+MySQL+PHP

• Linux是類Unix計(jì)算機(jī)操作系統(tǒng)的統(tǒng)稱，是目前最流行的免費(fèi)操作系統(tǒng)。代表版本有：debian、centos、ubuntu、fedora、gentoo等。
• Nginx是一個高性能的HTTP和反向代理服務(wù)器，也是一個IMAP/POP3/SMTP代理服務(wù)器。
• Apache是世界使用排名第一的Web服務(wù)器軟件。它可以運(yùn)行在幾乎所有廣泛使用的計(jì)算機(jī)平臺上，由于其跨平臺和安全性被廣泛使用，是最流行的Web服務(wù)器端軟件之一。
• PHP是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語言。
• MySQL是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。

這些軟件一個一個安裝比較費(fèi)力，特別是數(shù)據(jù)庫。有人把這些軟件的安裝部署過程集成為一個Shell腳本，只要下載并執(zhí)行它就可以直接安裝了。

安裝LNMP

下載LNMP安裝腳本（版本查看:https://lnmp.org/download.html）

wget http://soft.vpser.net/lnmp/lnmp1.9.tar.gz -cO lnmp1.9.tar.gz解壓并執(zhí)行它

tar zxf lnmp1.5.tar.gz && cd lnmp1.5 && ./install.sh lnmp接下來會出現(xiàn)大量的選項(xiàng)，如果你不是很懂各個選項(xiàng)間的區(qū)別，按默認(rèn)就行。

運(yùn)行腳本后，首先會讓你選擇數(shù)據(jù)庫的版本，沒有特殊需要，建議使用默認(rèn)配置，直接回車或輸入序號再回車。

選好數(shù)據(jù)庫，會讓你設(shè)置數(shù)據(jù)庫root用戶的密碼，此時如果你直接回車，會默認(rèn)設(shè)置為lnmp.org#隨機(jī)數(shù)字，在輸入密碼的時候，對于新手有一點(diǎn)注意：如果輸入有錯誤需要刪除，需要按住Ctrl再按Backspace鍵進(jìn)行刪除。密碼輸好后，回車進(jìn)入下一步

詢問是否需要啟用MySQL的InnoDB，InnoDB引擎默認(rèn)為開啟，一般建議開啟，直接回車或輸入y。如果確定確實(shí)不需要該引擎可以輸入n，(MySQL5.7+版本無法關(guān)閉InnoDB),輸入完成，回車進(jìn)入下一步；

選擇PHP版本，建議安裝PHP7+的版本，回車進(jìn)入下一步；

選擇是否安裝內(nèi)存優(yōu)化：可以選擇不安裝、Jemalloc或TCmalloc，輸入對應(yīng)序號回車，直接回車為默認(rèn)為不安裝。

如果是LNMPA或LAMP的話還會提示設(shè)置郵箱和選擇Apache："Please enter Administrator Email Address:"；

設(shè)置管理員郵箱，該郵箱會在報錯時顯示在錯誤頁面上。再選擇Apache版本：按提示輸入對應(yīng)版本前面的數(shù)字序號，回車。

提示"Press any key to install…or Press Ctrl+c to cancel"后，按回車鍵確認(rèn)開始安裝。

LNMP腳本就會自動安裝編譯Nginx、MySQL、PHP、phpMyAdmin等軟件及相關(guān)的組件。安裝時間可能會幾十分鐘到幾個小時不等，主要是機(jī)器的配置網(wǎng)速等原因會造成影響。

如果顯示“Nginx: OK，MySQL: OK，PHP: OK”，表明安裝成功。

最后幾行的輸出

• 3306 端口是 MySQL 監(jiān)聽的
• 80 是 HTTP 端口
• 22 是 SSH 端口

配置Nginx

安裝好后，使用如下指令查看nginx配置文件（如果你的服務(wù)器上找不到該文件，那請使用 find / -name nginx.conf 搜索一下）

cat /usr/local/nginx/conf/nginx.conf你會看到如下內(nèi)容：

上圖表明，安裝好的nginx將網(wǎng)站的根目錄設(shè)置為/home/wwwroot/default，這個可以根據(jù)自己的喜好進(jìn)行修改。 用瀏覽器打開http://ip，可以看到如下內(nèi)容（如果訪問不了，有可能是你服務(wù)器的安全組沒有開放80端口，去控制臺開放一下即可） 其實(shí)這就是一個簡單的網(wǎng)頁demo了，自己隨便修改index.html，就會有不同的內(nèi)容。

安裝WordPress

WordPress是使用PHP語言開發(fā)的博客平臺，也就是一個博客框架，上一步安裝的LNMP，只是保證了WordPress的基本運(yùn)行環(huán)境， 想要把你的個人網(wǎng)站跑起來，咱還需要安裝WordPress。方法也很簡單，下面跟著操作就行。

1. 安裝 wordpress 安裝包并解壓到 /home/wwwroot

wget https://cn.wordpress.org/latest-zh_CN.zip && unzip latest-zh_CN.zip -d /home/wwwroot

1. 登錄MySQL（密碼在前面部署LNMP時你設(shè)置過），創(chuàng)建wordpress表，創(chuàng)建完后輸入exit退出。

$ mysql -u root -pEnter password:MySQL > create database wordpress;

1. 使用vim修改nginx配置文件（不會vim的自行百度）

$ vim /usr/local/nginx/conf/nginx.conf找到網(wǎng)站根目錄位置，如下圖所示：

修改成如下內(nèi)容：

隨后，使用:wq保存配置退出即可。

驗(yàn)證nginx是否有配置錯誤：

nginx -t如果出現(xiàn)ok，successful字樣，說明沒有錯誤。沒有錯誤，重新加載nginx：

$ nginx -s reload修改wordpress目錄權(quán)限：

cd /home/wwwroot && chown -R www wordpress/ && chgrp -R www wordpress/用瀏覽器打開http://ip/wp-admin/setup-config.php，你可以看到如下內(nèi)容：

現(xiàn)在就開始，進(jìn)行安裝。填寫信息如下：

其中，*** 改為你設(shè)置的MySQL數(shù)據(jù)庫密碼。點(diǎn)擊提交，出現(xiàn)如下內(nèi)容：

在/home/wwwroot/wordpress下，創(chuàng)建并編寫wp-config.php文件：

$ vim wp-config.php將上圖內(nèi)容復(fù)制進(jìn)去并:wq保存退出，然后點(diǎn)擊現(xiàn)在安裝。最后就是配置用戶信息了，這個是你登錄wordpress用戶后臺的，要記?。?br>
最后點(diǎn)擊安裝WordPress，安裝成功會出現(xiàn)如下界面：

點(diǎn)擊登錄，輸入賬戶密碼，就可以登錄自己的 wordpress 后臺了。

這時候你使用瀏覽器去訪問http://ip，就可以看到你搭建的第一個網(wǎng)站了。

此時你看到的這個網(wǎng)站，是wordpress默認(rèn)為你安裝的免費(fèi)主題（應(yīng)該有三個），可能并不是那么的好看，但沒關(guān)系，后面你可以自己挑選一個自己合適的主題，把你的網(wǎng)站裝扮得有模有樣。

裝扮你的網(wǎng)站

到這里，你的網(wǎng)站部署已經(jīng)全部完成，但是還差最后一步，也是使用WordPress最為核心的一步：讓你的網(wǎng)站看起來更加專業(yè)，更加成熟。

為此我們需要做兩件事：

• 安裝主題：讓網(wǎng)站變得好看
• 安裝插件：豐富網(wǎng)站的功能

安裝主題

同樣都使用的WordPress的網(wǎng)站，外觀上卻天差地別。有的很酷炫，有點(diǎn)很簡約，這是因?yàn)檫x了不同的主題。在你安裝完WordPres后，本身就自帶了幾個免費(fèi)的主題。幾乎沒人會使用它們，因?yàn)橛悬c(diǎn)丑。在WordPress的自帶了主題商店，里面有大量的免費(fèi)主題，各式各樣的都有，可能有你喜歡的。

你也可以通過搜索引擎找到了一個你喜歡的主題，甚至自己開發(fā)一個主題，開發(fā)主題可以自己百度，都到了開發(fā)這個程度，應(yīng)該就不用我這里教了。

安裝插件

前期不用安裝太多的插件，基本夠用就行，下面列舉一下比較常用：

• WP User Avatar：原生WordPress默認(rèn)使用Gravatar頭像，用戶（包括訪客評論）的頭像調(diào)取都是根據(jù)所留郵箱匹配的Gravatar頭像。 沒有Gravatar怎么辦？只要裝上WP User Avatar這個插件就能可以使用WordPress 媒體庫中的圖片作為默認(rèn)頭像了。
• WP-PostViews：安裝了WP-PostViews，就可以統(tǒng)計(jì)你文章的瀏覽次數(shù)。
• WP Editor.md：這是一個WordPress中最好，最完美的Markdown編輯器?？梢韵駇d2all和mdnice那樣，即時顯示Markdown的渲染效果。
• Simple Custom CSS：在修改WordPress主題時，CSS修改是最經(jīng)常用到的方法，比如調(diào)整字體、調(diào)整顏色、邊距之類的都需要用到自定義的CSS代碼。雖然說WordPress本身提供了CSS修改的功能，不過使用起來有很多的弊端，其中最麻煩的一點(diǎn)就是每次更換或者更新主題之前的修改都會消失，需要重復(fù)的添加。使用Simple Custom CSS這個插件可以避免這種尷尬，安裝后他會在外觀下新增一個自定義CSS的選項(xiàng)。
• 百度搜索推送管理：百度搜索推送管理插件是一款針對WP開發(fā)的功能非常強(qiáng)大的百度和Bing搜索引擎收錄輔助插件。 利用該插件，站長可以快速實(shí)現(xiàn)百度搜索資源平臺和Bing站長平臺URL數(shù)據(jù)推送及網(wǎng)站百度收錄數(shù)據(jù)查詢等。
• Smart SEO Tool：Smart SEO Tool是一款專門針對WordPress開發(fā)的智能SEO優(yōu)化插件，與眾多WordPress的SEO插件不一樣的是，Smart SEO Tool更加簡單易用，幫助站長快速完成WordPress博客/網(wǎng)站的SEO基礎(chǔ)優(yōu)化。

部署https

要部署https，首先要去有資質(zhì)的平臺申請證書，如百度云，騰訊云等，這里我選擇騰訊云。

然后按流程一直點(diǎn)擊下一步，知道申請成功，然后再證書管理里面，下載到本地后，你會得到一個zip包，解壓一下，就可以看到證書文件及私鑰。

因?yàn)檫@里使用的是Nginx，因此獲取Nginx下的兩個文件上傳到我的服務(wù)器上的nginx目錄下。

先使用 find 命令查找一下你的 nginx.conf 路徑

$ find / -name nginx.conf/usr/local/nginx/conf/nginx.conf你的證書文件可以和nginx.conf放在同一目錄下

/usr/local/nginx/conf接下來使用vim編輯該文件，找到server，添加如下行。

server { listen 443 ssl; # 注釋掉該行 # listen 80 default_server reuseport; #證書文件名稱 ssl_certificate 1_iswbm.com_bundle.pem; #私鑰文件名稱 ssl_certificate_key 0_iswbm.com.key; ... }最后重啟nginx

$ systemctl restart nginx嘗試用https訪問一下我的網(wǎng)站https://zhangfeidezhu.com ，成功了。

到了這里，還差最后一步，重寫http到https，也就是使用http訪問你的網(wǎng)站，會跳轉(zhuǎn)到https訪問。這里很簡單修改一下nginx.conf就好。

##這里是將http默認(rèn)的80端口重定向到https server { listen 80; server_name zhangfeidezhu.com; return 301 https://zhangfeidezhu.com$request_uri; } ## https server { listen 443 ssl http2; ssl_certificate zhangfeidezhu.com_bundle.crt; ssl_certificate_key zhangfeidezhu.com.key; server_name _; index index.html index.htm index.php; root /home/wwwroot/wordpress; }這里后臺再設(shè)置一下就大功告成了。

參考文章：