利用WordPress搭建屬於自己的網站

張飛的豬發表於2022-12-26

怎麼用WordPress給自己搭建了一個網站?可能很多人都想擁有屬於自己的網站,這篇文章就找你怎麼利用WordPress搭建屬於自己的網站。如果你也正好有搭建個人網站的想法,那麼本文會給你一個參考,我儘量寫的比較詳細,給自己做一個記錄,也給大家一個參考。

寫在前面

在教程之前,先給大家show 一下效果,歡迎你去點點點~
網站地址:https://zhangfeidezhu.com

準備工作

一臺Linux伺服器

在開始搭建網站之前,當然第一步是購買一個屬於自己的 『伺服器』。

你可以選擇如下渠道進行購買:阿里雲、騰訊雲、Ucloud等的大廠伺服器,不要貪圖便宜去買國外的伺服器廠商,因為速度很慢很多,很影響體驗。

我的就是在騰訊雲上購買的,剛開始買個最低配置的伺服器就行,以後不夠用了,可以慢慢升級,擴容。可以先領個券,再購買更實惠:點選領券

一個專屬的域名

買了伺服器後,你就會擁有一個公網ip,如果網站搭建起來了,你完全可以使用這個 ip 去訪問,但僅供開發、測試使用。
如果要真正運營起來,想要有流量,還得搞一個域名,方便你推廣。

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

一個遠端登陸軟體

由於後面我使用的是手工部署的方式,所以要登陸伺服器進行操作。

登陸的方法有兩種:

  1. 廠商提供的控制檯介面登陸:Workbench和VNC,這種方法對於不經常登陸伺服器運維的人來說,還是可以的,但是不推薦互動比客戶端的感覺差一些。

  1. 自己下載專業的遠端登陸軟體:Tabby、Xshell或者CRTSecure,在使用這些遠端登陸軟體時,你需要在伺服器廠商控制檯上面先獲取到三個資訊伺服器公網IP、伺服器SSH埠、伺服器遠端連線密碼。這裡我選擇Tabby,因為這個是免費的,直接使用就可以,介面也比較簡潔

部署方式選擇

部署方式,可分為兩種

  1. 使用伺服器管理軟體,實現自動化部署,最著名的就是寶塔皮膚。
  2. 手動登陸遠端伺服器,實現指令碼化部署。

那麼如何選擇呢?

  • 使用寶塔部署,門檻低,只要會介面點一點即可。
  • 而使用指令碼自己手工部署,需要你學會遠端登陸伺服器:使用Xshell或者直接使用廠商提供的線上SSH視窗
    一些Linux的基本操作:比如Vi/Vim的使用,目錄及檔案的基本操作等

在這裡建議大家跟著我使用第二種方法,也就是手工使用指令碼進行部署,更精細的部署步驟會讓你對WordPress的運作方式有更深的理解,比如使用了哪些軟體,裝了哪些包?自己搭建了網站,難免以後會碰到各種各樣的伺服器問題,儘早的接觸Linux,熟悉各項配置,對以後的運維工作會有很有幫助。

部署LNMP

什麼是LNMP

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

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

  • Linux是類Unix計算機作業系統的統稱,是目前最流行的免費作業系統。代表版本有:debian、centos、ubuntu、fedora、gentoo等。
  • Nginx是一個高效能的HTTP和反向代理伺服器,也是一個IMAP/POP3/SMTP代理伺服器。
  • Apache是世界使用排名第一的Web伺服器軟體。它可以執行在幾乎所有廣泛使用的計算機平臺上,由於其跨平臺和安全性被廣泛使用,是最流行的Web伺服器端軟體之一。
  • PHP是一種在伺服器端執行的嵌入HTML文件的指令碼語言。
  • MySQL是一個關係型資料庫管理系統。

這些軟體一個一個安裝比較費力,特別是資料庫。有人把這些軟體的安裝部署過程整合為一個Shell指令碼,只要下載並執行它就可以直接安裝了。

安裝LNMP

下載LNMP安裝指令碼(版本檢視:https://lnmp.org/download.html)

wget http://soft.vpser.net/lnmp/lnmp1.9.tar.gz -cO lnmp1.9.tar.gz

解壓並執行它

tar zxf lnmp1.5.tar.gz && cd lnmp1.5 && ./install.sh lnmp

接下來會出現大量的選項,如果你不是很懂各個選項間的區別,按預設就行。

執行指令碼後,首先會讓你選擇資料庫的版本,沒有特殊需要,建議使用預設配置,直接回車或輸入序號再回車。

選好資料庫,會讓你設定資料庫root使用者的密碼,此時如果你直接回車,會預設設定為lnmp.org#隨機數字,在輸入密碼的時候,對於新手有一點注意:如果輸入有錯誤需要刪除,需要按住Ctrl再按Backspace鍵進行刪除。密碼輸好後,回車進入下一步

詢問是否需要啟用MySQL的InnoDB,InnoDB引擎預設為開啟,一般建議開啟,直接回車或輸入y。如果確定確實不需要該引擎可以輸入n,(MySQL5.7+版本無法關閉InnoDB),輸入完成,回車進入下一步;

選擇PHP版本,建議安裝PHP7+的版本,回車進入下一步;

選擇是否安裝記憶體最佳化:可以選擇不安裝、Jemalloc或TCmalloc,輸入對應序號回車,直接回車為預設為不安裝。

如果是LNMPA或LAMP的話還會提示設定郵箱和選擇Apache:"Please enter Administrator Email Address:";

設定管理員郵箱,該郵箱會在報錯時顯示在錯誤頁面上。再選擇Apache版本:按提示輸入對應版本前面的數字序號,回車。

提示"Press any key to install…or Press Ctrl+c to cancel"後,按Enter鍵確認開始安裝。

LNMP指令碼就會自動安裝編譯Nginx、MySQL、PHP、phpMyAdmin等軟體及相關的元件。安裝時間可能會幾十分鐘到幾個小時不等,主要是機器的配置網速等原因會造成影響。

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

最後幾行的輸出

  • 3306 埠是 MySQL 監聽的
  • 80 是 HTTP 埠
  • 22 是 SSH 埠

配置Nginx

安裝好後,使用如下指令檢視nginx配置檔案(如果你的伺服器上找不到該檔案,那請使用 find / -name nginx.conf 搜尋一下)

cat /usr/local/nginx/conf/nginx.conf

你會看到如下內容:

上圖表明,安裝好的nginx將網站的根目錄設定為/home/wwwroot/default,這個可以根據自己的喜好進行修改。
用瀏覽器開啟http://ip,可以看到如下內容(如果訪問不了,有可能是你伺服器的安全組沒有開放80埠,去控制檯開放一下即可)
其實這就是一個簡單的網頁demo了,自己隨便修改index.html,就會有不同的內容。

安裝WordPress

WordPress是使用PHP語言開發的部落格平臺,也就是一個部落格框架,上一步安裝的LNMP,只是保證了WordPress的基本執行環境,
想要把你的個人網站跑起來,我們還需要安裝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時你設定過),建立wordpress表,建立完後輸入exit退出。
$ mysql -u root -p
Enter password:
MySQL > create database wordpress;
  1. 使用vim修改nginx配置檔案(不會vim的自行百度)
$ vim /usr/local/nginx/conf/nginx.conf

找到網站根目錄位置,如下圖所示:

修改成如下內容:

隨後,使用:wq儲存配置退出即可。

驗證nginx是否有配置錯誤:

nginx -t

如果出現ok,successful字樣,說明沒有錯誤。沒有錯誤,重新載入nginx:

$ nginx -s reload

修改wordpress目錄許可權:

cd /home/wwwroot && chown -R www wordpress/ && chgrp -R www wordpress/

用瀏覽器開啟http://ip/wp-admin/setup-config.php,你可以看到如下內容:

現在就開始,進行安裝。填寫資訊如下:

其中,*** 改為你設定的MySQL資料庫密碼。點選提交,出現如下內容:

在/home/wwwroot/wordpress下,建立並編寫wp-config.php檔案:

$ vim wp-config.php

將上圖內容複製進去並:wq儲存退出,然後點選現在安裝。最後就是配置使用者資訊了,這個是你登入wordpress使用者後臺的,要記住:

最後點選安裝WordPress,安裝成功會出現如下介面:

點選登入,輸入賬戶密碼,就可以登入自己的 wordpress 後臺了。

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

此時你看到的這個網站,是wordpress預設為你安裝的免費主題(應該有三個),可能並不是那麼的好看,但沒關係,後面你可以自己挑選一個自己合適的主題,把你的網站裝扮得有模有樣。

裝扮你的網站

到這裡,你的網站部署已經全部完成,但是還差最後一步,也是使用WordPress最為核心的一步:讓你的網站看起來更加專業,更加成熟。

為此我們需要做兩件事:

  • 安裝主題:讓網站變得好看
  • 安裝外掛:豐富網站的功能

安裝主題

同樣都使用的WordPress的網站,外觀上卻天差地別。有的很酷炫,有點很簡約,這是因為選了不同的主題。在你安裝完WordPres後,本身就自帶了幾個免費的主題。幾乎沒人會使用它們,因為有點醜。在WordPress的自帶了主題商店,裡面有大量的免費主題,各式各樣的都有,可能有你喜歡的。

你也可以透過搜尋引擎找到了一個你喜歡的主題,甚至自己開發一個主題,開發主題可以自己百度,都到了開發這個程度,應該就不用我這裡教了。

安裝外掛

前期不用安裝太多的外掛,基本夠用就行,下面列舉一下比較常用:

  • WP User Avatar:原生WordPress預設使用Gravatar頭像,使用者(包括訪客評論)的頭像調取都是根據所留郵箱匹配的Gravatar頭像。
    沒有Gravatar怎麼辦?只要裝上WP User Avatar這個外掛就能可以使用WordPress 媒體庫中的圖片作為預設頭像了。
  • WP-PostViews:安裝了WP-PostViews,就可以統計你文章的瀏覽次數。
  • WP Editor.md:這是一個WordPress中最好,最完美的Markdown編輯器。可以像md2all和mdnice那樣,即時顯示Markdown的渲染效果。
  • Simple Custom CSS:在修改WordPress主題時,CSS修改是最經常用到的方法,比如調整字型、調整顏色、邊距之類的都需要用到自定義的CSS程式碼。雖然說WordPress本身提供了CSS修改的功能,不過使用起來有很多的弊端,其中最麻煩的一點就是每次更換或者更新主題之前的修改都會消失,需要重複的新增。使用Simple Custom CSS這個外掛可以避免這種尷尬,安裝後他會在外觀下新增一個自定義CSS的選項。
  • 百度搜尋推送管理:百度搜尋推送管理外掛是一款針對WP開發的功能非常強大的百度和Bing搜尋引擎收錄輔助外掛。
    利用該外掛,站長可以快速實現百度搜尋資源平臺和Bing站長平臺URL資料推送及網站百度收錄資料查詢等。
  • Smart SEO Tool:Smart SEO Tool是一款專門針對WordPress開發的智慧SEO最佳化外掛,與眾多WordPress的SEO外掛不一樣的是,Smart SEO Tool更加簡單易用,幫助站長快速完成WordPress部落格/網站的SEO基礎最佳化。

部署https

要部署https,首先要去有資質的平臺申請證照,如百度雲,騰訊雲等,這裡我選擇騰訊雲。

然後按流程一直點選下一步,知道申請成功,然後再證照管理裡面,下載到本地後,你會得到一個zip包,解壓一下,就可以看到證照檔案及私鑰。

因為這裡使用的是Nginx,因此獲取Nginx下的兩個檔案上傳到我的伺服器上的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訪問一下我的網站https://zhangfeidezhu.com ,成功了。

到了這裡,還差最後一步,重寫http到https,也就是使用http訪問你的網站,會跳轉到https訪問。這裡很簡單修改一下nginx.conf就好。

    ##這裡是將http預設的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;
    }

這裡後臺再設定一下就大功告成了。

部落格原文:https://zhangfeidezhu.com/?p=99

相關文章