利用WordPress搭建屬于自己的網(wǎng)站
時(shí)間:2023-06-01 03:21:02 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-06-01 03:21:02 來(lái)源:網(wǎng)站運(yùn)營(yíng)
利用WordPress搭建屬于自己的網(wǎng)站:怎么用WordPress給自己搭建了一個(gè)網(wǎng)站?可能很多人都想擁有屬于自己的網(wǎng)站,這篇文章就找你怎么利用WordPress搭建屬于自己的網(wǎng)站。如果你也正好有搭建個(gè)人網(wǎng)站的想法,那么本文會(huì)給你一個(gè)參考,我盡量寫的比較詳細(xì),給自己做一個(gè)記錄,也給大家一個(gè)參考。
寫在前面
在教程之前,先給大家show 一下效果,歡迎你去點(diǎn)點(diǎn)點(diǎn)~ 網(wǎng)站地址:https://zhangfeidezhu.com
準(zhǔn)備工作
一臺(tái)Linux服務(wù)器
在開始搭建網(wǎng)站之前,當(dāng)然第一步是購(gòu)買一個(gè)屬于自己的 『服務(wù)器』。
你可以選擇如下渠道進(jìn)行購(gòu)買:阿里云、騰訊云、Ucloud等的大廠服務(wù)器,不要貪圖便宜去買國(guó)外的服務(wù)器廠商,因?yàn)樗俣群苈芏啵苡绊戵w驗(yàn)。
我的就是在騰訊云上購(gòu)買的,剛開始買個(gè)最低配置的服務(wù)器就行,以后不夠用了,可以慢慢升級(jí),擴(kuò)容??梢韵阮I(lǐng)個(gè)券,再購(gòu)買更實(shí)惠:點(diǎn)擊領(lǐng)券
一個(gè)專屬的域名
買了服務(wù)器后,你就會(huì)擁有一個(gè)公網(wǎng)ip,如果網(wǎng)站搭建起來(lái)了,你完全可以使用這個(gè) ip 去訪問,但僅供開發(fā)、測(cè)試使用。 如果要真正運(yùn)營(yíng)起來(lái),想要有流量,還得搞一個(gè)域名,方便你推廣。
域名的購(gòu)買建議和上面服務(wù)器使用同一個(gè)廠商,可以省去一些麻煩。比如阿里云購(gòu)買的域名要備案是需要你在阿里云下有一臺(tái)服務(wù)器的。
一個(gè)遠(yuǎn)程登陸軟件
由于后面我使用的是手工部署的方式,所以要登陸服務(wù)器進(jìn)行操作。
登陸的方法有兩種:
- 廠商提供的控制臺(tái)界面登陸:Workbench和VNC,這種方法對(duì)于不經(jīng)常登陸服務(wù)器運(yùn)維的人來(lái)說,還是可以的,但是不推薦交互比客戶端的感覺差一些。
- 自己下載專業(yè)的遠(yuǎn)程登陸軟件:Tabby、Xshell或者CRTSecure,在使用這些遠(yuǎn)程登陸軟件時(shí),你需要在服務(wù)器廠商控制臺(tái)上面先獲取到三個(gè)信息服務(wù)器公網(wǎng)IP、服務(wù)器SSH端口、服務(wù)器遠(yuǎn)程連接密碼。這里我選擇Tabby,因?yàn)檫@個(gè)是免費(fèi)的,直接使用就可以,界面也比較簡(jiǎn)潔
部署方式選擇
部署方式,可分為兩種
- 使用服務(wù)器管理軟件,實(shí)現(xiàn)自動(dòng)化部署,最著名的就是寶塔面板。
- 手動(dòng)登陸遠(yuǎn)程服務(wù)器,實(shí)現(xiàn)腳本化部署。
那么如何選擇呢?
- 使用寶塔部署,門檻低,只要會(huì)界面點(diǎn)一點(diǎn)即可。
- 而使用腳本自己手工部署,需要你學(xué)會(huì)遠(yuǎn)程登陸服務(wù)器:使用Xshell或者直接使用廠商提供的在線SSH窗口 一些Linux的基本操作:比如Vi/Vim的使用,目錄及文件的基本操作等
在這里建議大家跟著我使用第二種方法,也就是手工使用腳本進(jìn)行部署,更精細(xì)的部署步驟會(huì)讓你對(duì)WordPress的運(yùn)作方式有更深的理解,比如使用了哪些軟件,裝了哪些包?自己搭建了網(wǎng)站,難免以后會(huì)碰到各種各樣的服務(wù)器問題,盡早的接觸Linux,熟悉各項(xiàng)配置,對(duì)以后的運(yùn)維工作會(huì)有很有幫助。
部署LNMP
什么是LNMP
LNMP是Linux+Nginx+MySQL+PHP組合的簡(jiǎn)寫。
類似的組合還有: 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是一個(gè)高性能的HTTP和反向代理服務(wù)器,也是一個(gè)IMAP/POP3/SMTP代理服務(wù)器。
- Apache是世界使用排名第一的Web服務(wù)器軟件。它可以運(yùn)行在幾乎所有廣泛使用的計(jì)算機(jī)平臺(tái)上,由于其跨平臺(tái)和安全性被廣泛使用,是最流行的Web服務(wù)器端軟件之一。
- PHP是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語(yǔ)言。
- MySQL是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)。
這些軟件一個(gè)一個(gè)安裝比較費(fèi)力,特別是數(shù)據(jù)庫(kù)。有人把這些軟件的安裝部署過程集成為一個(gè)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
接下來(lái)會(huì)出現(xiàn)大量的選項(xiàng),如果你不是很懂各個(gè)選項(xiàng)間的區(qū)別,按默認(rèn)就行。
運(yùn)行腳本后,首先會(huì)讓你選擇數(shù)據(jù)庫(kù)的版本,沒有特殊需要,建議使用默認(rèn)配置,直接回車或輸入序號(hào)再回車。
選好數(shù)據(jù)庫(kù),會(huì)讓你設(shè)置數(shù)據(jù)庫(kù)root用戶的密碼,此時(shí)如果你直接回車,會(huì)默認(rèn)設(shè)置為lnmp.org#隨機(jī)數(shù)字,在輸入密碼的時(shí)候,對(duì)于新手有一點(diǎn)注意:如果輸入有錯(cuò)誤需要?jiǎng)h除,需要按住Ctrl再按Backspace鍵進(jìn)行刪除。密碼輸好后,回車進(jìn)入下一步
詢問是否需要啟用MySQL的InnoDB,InnoDB引擎默認(rèn)為開啟,一般建議開啟,直接回車或輸入y。如果確定確實(shí)不需要該引擎可以輸入n,(MySQL5.7+版本無(wú)法關(guān)閉InnoDB),輸入完成,回車進(jìn)入下一步;
選擇PHP版本,建議安裝PHP7+的版本,回車進(jìn)入下一步;
選擇是否安裝內(nèi)存優(yōu)化:可以選擇不安裝、Jemalloc或TCmalloc,輸入對(duì)應(yīng)序號(hào)回車,直接回車為默認(rèn)為不安裝。
如果是LNMPA或LAMP的話還會(huì)提示設(shè)置郵箱和選擇Apache:"Please enter Administrator Email Address:";
設(shè)置管理員郵箱,該郵箱會(huì)在報(bào)錯(cuò)時(shí)顯示在錯(cuò)誤頁(yè)面上。再選擇Apache版本:按提示輸入對(duì)應(yīng)版本前面的數(shù)字序號(hào),回車。
提示"Press any key to install…or Press Ctrl+c to cancel"后,按回車鍵確認(rèn)開始安裝。
LNMP腳本就會(huì)自動(dòng)安裝編譯Nginx、MySQL、PHP、phpMyAdmin等軟件及相關(guān)的組件。安裝時(shí)間可能會(huì)幾十分鐘到幾個(gè)小時(shí)不等,主要是機(jī)器的配置網(wǎng)速等原因會(huì)造成影響。
如果顯示“Nginx: OK,MySQL: OK,PHP: OK”,表明安裝成功。
最后幾行的輸出
- 3306 端口是 MySQL 監(jiān)聽的
- 80 是 HTTP 端口
- 22 是 SSH 端口
配置Nginx
安裝好后,使用如下指令查看nginx配置文件(如果你的服務(wù)器上找不到該文件,那請(qǐng)使用 find / -name nginx.conf 搜索一下)
cat /usr/local/nginx/conf/nginx.conf
你會(huì)看到如下內(nèi)容:
上圖表明,安裝好的nginx將網(wǎng)站的根目錄設(shè)置為/home/wwwroot/default,這個(gè)可以根據(jù)自己的喜好進(jìn)行修改。 用瀏覽器打開
http://ip,可以看到如下內(nèi)容(如果訪問不了,有可能是你服務(wù)器的安全組沒有開放80端口,去控制臺(tái)開放一下即可) 其實(shí)這就是一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)demo了,自己隨便修改index.html,就會(huì)有不同的內(nèi)容。
安裝WordPress
WordPress是使用PHP語(yǔ)言開發(fā)的博客平臺(tái),也就是一個(gè)博客框架,上一步安裝的LNMP,只是保證了WordPress的基本運(yùn)行環(huán)境, 想要把你的個(gè)人網(wǎng)站跑起來(lái),咱還需要安裝WordPress。方法也很簡(jiǎn)單,下面跟著操作就行。
- 安裝 wordpress 安裝包并解壓到 /home/wwwroot
wget https://cn.wordpress.org/latest-zh_CN.zip && unzip latest-zh_CN.zip -d /home/wwwroot
- 登錄MySQL(密碼在前面部署LNMP時(shí)你設(shè)置過),創(chuàng)建wordpress表,創(chuàng)建完后輸入exit退出。
$ mysql -u root -pEnter password:MySQL > create database wordpress;
- 使用vim修改nginx配置文件(不會(huì)vim的自行百度)
$ vim /usr/local/nginx/conf/nginx.conf
找到網(wǎng)站根目錄位置,如下圖所示:
修改成如下內(nèi)容:
隨后,使用:wq保存配置退出即可。
驗(yàn)證nginx是否有配置錯(cuò)誤:
nginx -t
如果出現(xiàn)ok,successful字樣,說明沒有錯(cuò)誤。沒有錯(cuò)誤,重新加載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ù)庫(kù)密碼。點(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)在安裝。最后就是配置用戶信息了,這個(gè)是你登錄wordpress用戶后臺(tái)的,要記?。?br>
最后點(diǎn)擊安裝WordPress,安裝成功會(huì)出現(xiàn)如下界面:
點(diǎn)擊登錄,輸入賬戶密碼,就可以登錄自己的 wordpress 后臺(tái)了。
這時(shí)候你使用瀏覽器去訪問
http://ip,就可以看到你搭建的第一個(gè)網(wǎng)站了。
此時(shí)你看到的這個(gè)網(wǎng)站,是wordpress默認(rèn)為你安裝的免費(fèi)主題(應(yīng)該有三個(gè)),可能并不是那么的好看,但沒關(guān)系,后面你可以自己挑選一個(gè)自己合適的主題,把你的網(wǎng)站裝扮得有模有樣。
裝扮你的網(wǎng)站
到這里,你的網(wǎng)站部署已經(jīng)全部完成,但是還差最后一步,也是使用WordPress最為核心的一步:讓你的網(wǎng)站看起來(lái)更加專業(yè),更加成熟。
為此我們需要做兩件事:
- 安裝主題:讓網(wǎng)站變得好看
- 安裝插件:豐富網(wǎng)站的功能
安裝主題
同樣都使用的WordPress的網(wǎng)站,外觀上卻天差地別。有的很酷炫,有點(diǎn)很簡(jiǎn)約,這是因?yàn)檫x了不同的主題。在你安裝完WordPres后,本身就自帶了幾個(gè)免費(fèi)的主題。幾乎沒人會(huì)使用它們,因?yàn)橛悬c(diǎn)丑。在WordPress的自帶了主題商店,里面有大量的免費(fèi)主題,各式各樣的都有,可能有你喜歡的。
你也可以通過搜索引擎找到了一個(gè)你喜歡的主題,甚至自己開發(fā)一個(gè)主題,開發(fā)主題可以自己百度,都到了開發(fā)這個(gè)程度,應(yīng)該就不用我這里教了。
安裝插件
前期不用安裝太多的插件,基本夠用就行,下面列舉一下比較常用:
- WP User Avatar:原生WordPress默認(rèn)使用Gravatar頭像,用戶(包括訪客評(píng)論)的頭像調(diào)取都是根據(jù)所留郵箱匹配的Gravatar頭像。 沒有Gravatar怎么辦?只要裝上WP User Avatar這個(gè)插件就能可以使用WordPress 媒體庫(kù)中的圖片作為默認(rèn)頭像了。
- WP-PostViews:安裝了WP-PostViews,就可以統(tǒng)計(jì)你文章的瀏覽次數(shù)。
- WP Editor.md:這是一個(gè)WordPress中最好,最完美的Markdown編輯器??梢韵駇d2all和mdnice那樣,即時(shí)顯示Markdown的渲染效果。
- Simple Custom CSS:在修改WordPress主題時(shí),CSS修改是最經(jīng)常用到的方法,比如調(diào)整字體、調(diào)整顏色、邊距之類的都需要用到自定義的CSS代碼。雖然說WordPress本身提供了CSS修改的功能,不過使用起來(lái)有很多的弊端,其中最麻煩的一點(diǎn)就是每次更換或者更新主題之前的修改都會(huì)消失,需要重復(fù)的添加。使用Simple Custom CSS這個(gè)插件可以避免這種尷尬,安裝后他會(huì)在外觀下新增一個(gè)自定義CSS的選項(xiàng)。
- 百度搜索推送管理:百度搜索推送管理插件是一款針對(duì)WP開發(fā)的功能非常強(qiáng)大的百度和Bing搜索引擎收錄輔助插件。 利用該插件,站長(zhǎng)可以快速實(shí)現(xiàn)百度搜索資源平臺(tái)和Bing站長(zhǎng)平臺(tái)URL數(shù)據(jù)推送及網(wǎng)站百度收錄數(shù)據(jù)查詢等。
- Smart SEO Tool:Smart SEO Tool是一款專門針對(duì)WordPress開發(fā)的智能SEO優(yōu)化插件,與眾多WordPress的SEO插件不一樣的是,Smart SEO Tool更加簡(jiǎn)單易用,幫助站長(zhǎng)快速完成WordPress博客/網(wǎng)站的SEO基礎(chǔ)優(yōu)化。
部署https
要部署https,首先要去有資質(zhì)的平臺(tái)申請(qǐng)證書,如百度云,騰訊云等,這里我選擇騰訊云。
然后按流程一直點(diǎn)擊下一步,知道申請(qǐng)成功,然后再證書管理里面,下載到本地后,你會(huì)得到一個(gè)zip包,解壓一下,就可以看到證書文件及私鑰。
因?yàn)檫@里使用的是Nginx,因此獲取Nginx下的兩個(gè)文件上傳到我的服務(wù)器上的nginx目錄下。
先使用 find 命令查找一下你的 nginx.conf 路徑
$ find / -name nginx.conf/usr/local/nginx/conf/nginx.conf
你的證書文件可以和nginx.conf放在同一目錄下
/usr/local/nginx/conf
接下來(lái)使用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)站,會(huì)跳轉(zhuǎn)到https訪問。這里很簡(jiǎn)單修改一下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; }
這里后臺(tái)再設(shè)置一下就大功告成了。
參考文章:
利用WordPress搭建屬于自己的網(wǎng)站