靜态網站部署和 WordPress 搭建部落格都是網站營運中常見的工作。靜态網站是一種不需要伺服器端腳本的網站形式,通常使用 HTML、CSS 和 JavaScript 等靜态資源進行建構和顯示。而 WordPress 是一款流行的部落格系統,可以幫助使用者快速搭建部落格網站。
在之前的玩轉伺服器系列文章裡,我們介紹了如何建構小型的高可用環境、PHP、Python、Java web、docker 環境部署,以及 Node.js SSR 應用,本篇文章主要介紹新手也能快速上手的 WordPress 部落格搭建和靜态網站部署的教程
一、WordPress 介紹
WordPress 是使用最廣泛的部落格和内容管理系統,可以快速搭建獨立的部落格、論壇等網站,WordPress 支援豐富的插件和模闆,功能強大,易于擴充功能。
本文以輕量雲主機(CenTOS 7.6 系統)為例,介紹如何搭建單機版 WorPress。
1.1 前置準備
正式開始部署前,您需完成如下的準備工作:
- 開通京東雲賬戶,若您還未注冊京東雲賬号,可在京東雲官網進行注冊;
- 賬戶開通後,需要進行實名認證;
- 購買一台或多台雲主機或者輕量雲主機産品;
- 登入輕量雲主機,複制下面步驟中的指令進行執行操作;
1.2 安裝 WordPress 和 Apache
下載下傳 WordPress 安裝包,本文以 4.8.1 版本為示例進行示範
wget https://cn.wordpress.org/wordpress-4.8.1-zh_CN.zip
安裝 Apache
yum install -y httpd
systemctl start httpd
配置 wordpress 為預設目錄, 修改 httpd 檔案中的 DocumentRoot 為 "/var/www/html/wordpress",并儲存檔案
vi /etc/httpd/conf/httpd.conf
将安裝包複制到 /var/www/html/,并進行解壓縮
cp wordpress-4.8.1-zh_CN.zip /var/www/html/
cd /var/www/html/
yum install -y unzip zip
unzip wordpress-4.8.1-zh_CN.zip
1.3 安裝 PHP 運作環境
WordPress 運作依賴 PHP 環境,本次示範安裝的是 PHP7
rpm -Uvh https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm
rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm
安裝 PHP
yum -y install php72w
安裝 PHP 擴充
yum -y install php72w-common php72w-fpm php72w-opcache php72w-gd php72w-mysqlnd php72w-mbstring php72w-pecl-redis php72w-pecl-memcached php72w-devel
1.4 安裝資料庫
MariaDB 是相容 MySQL 的資料庫,下面安裝 MariaDB 為示例
yum install mariadb-server -y
安裝完畢後 MariaDB 預設是未啟動狀态,需要手工啟動
systemctl start mariadb
修改 root 帳戶密碼,請檢視下面提示操作
mysql_secure_installation
預設沒有資料庫密碼,點選Enter鍵
設定 root 密碼,輸入 Y , 回車
輸入新的密碼, 其它操作請根據提示進行操作
登入資料庫
mysql -u root -p
輸入剛才設定的密碼,登入資料庫
mysql> show databases;
建立一個新的資料庫,庫名為 wordpress
mysql> create database wordpress;
mysql> exit;
手動修改 wp-config.php 檔案中的資料庫連接配接資訊,實作資料庫和 WordPress 應用關聯
cd /var/www/html/wordpress
cp wp-config-sample.php wp-config.php
vi wp-config.php
修改檔案下面參數
define('DB_NAME', 'wordpress'); //輸入剛才建立的wordpress庫名
define('DB_USER', 'root'); //資料庫賬戶root
define('DB_PASSWORD', '資料庫密碼'); //輸入剛才設定的資料庫密碼
define('DB_HOST', 'localhost'); //資料庫位址,使用本機的資料庫
define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');
1.5 通路 WordPress
重新開機 Apache
systemctl restart httpd
在浏覽器中通路
http://IP/wp-admin/install.php
根據提示進行安裝,點選登入,登入 wordpress 背景
使用者通路位址,在浏覽器輸入 http://ip
二、靜态網站介紹
靜态網站是指全部由 HTML(标準通用标記語言的子集)代碼格式頁面組成的網站,所有的内容包含在網頁檔案中,一般檔案名均以 htm、html、shtml 等為字尾。
部署靜态網站适合輕型的、使用者通路頻率低的站點,許多個人部落格、公司官網等站點都會選擇使用靜态網站進行部署,本文以輕量雲主機(CenTOS 7.6 系統)為例,介紹如何部署靜态網站。
2.1 前置準備
正式開始部署前,您需完成如下的準備工作:
- 開通京東雲賬戶,若您還未注冊京東雲賬号,可在京東雲官網進行注冊;
- 賬戶開通後,需要進行實名認證;
- 購買一台或多台雲主機或者輕量雲主機産品;
- 登入輕量雲主機,複制下面步驟中的指令進行執行操作;
2.2 安裝 Nginx
更新 yum(可選操作,非必須執行操作)
yum upgrade
增加 epel 源
sudo yum install epel-release
安裝 Nginx
sudo yum install nginx
啟動服務
sudo systemctl start nginx
确認服務狀态可用,預設安裝位置位于: /usr/share/nginx/html
sudo systemctl status nginx
2.3 部署網站 demo
下載下傳靜态網站 demo 檔案
wget https://img1.jcloudcs.com/cn/iavm/tutorials/my-website.zip
解壓縮檔案
yum install -y unzip zip
unzip my-website.zip
複制 public 檔案到 /usr/share/nginx/html
cd my-website
cd public
cp -R . /usr/share/nginx/html
重新開機使配置生效
sudo systemctl reload nginx
2.4 檢視網站效果
在浏覽器輸入主機的 ip,檢視靜态網站效果
2.5 Hugo 搭建網站介紹
Hugo 是非常常用的靜态網頁建構及維護的工具,并且有強大的生态支援,步驟 4 的網站 demo 使用的是 Hugo 進行的搭建。
Hugo 搭建一個企業網站,初始化配置如下:
安裝 hugo (Mac)
brew install hugo
初始化 Hugo 站點
hugo new site quickstart
安裝網站主題,本次 demo 使用的是: educenter-hugo
cd themes && git clone https://github.com/me-jser/educenter-hugo
使用主題并遷移執行個體資料,編輯 config.toml 并配置: theme = "educenter-hugo"
啟動并預覽效果
hugo server
以上是使用京東雲伺服器進行靜态網站部署和 WordPress 搭建部落格的基本教程,在網站搭建完成後,需要進行一些基本的 SEO 優化,以便讓搜尋引擎更好地進行網站收錄。其中,關鍵詞和标題标簽、描述标簽、友情連結等都是優化中的關鍵因素。
下一篇将為大家帶來 FTP 檔案共享伺服器的搭建教程,我們下期見。