天天看點

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

作者:京東雲開發者

靜态網站部署和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. 賬戶開通後,需要進行實名認證;
  3. 購買一台或多台雲主機或者輕量雲主機産品;
  4. 登入輕量雲主機,複制下面步驟中的指令進行執行操作;

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
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

将安裝包複制到/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鍵

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

設定root密碼,輸入Y , 回車

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

輸入新的密碼, 其它操作請根據提示進行操作

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

登入資料庫

mysql -u root -p 
           

輸入剛才設定的密碼,登入資料庫

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署
mysql> show databases;
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

建立一個新的資料庫,庫名為wordpress

mysql> create database wordpress;
mysql> exit;
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

手動修改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', '');
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

1.5 通路WordPress

重新開機Apache

systemctl restart httpd
           

在浏覽器中通路 http://IP/wp-admin/install.php

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

根據提示進行安裝,點選登入,登入wordpress背景

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

使用者通路位址,在浏覽器輸入 http://ip

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

二、靜态網站介紹

靜态網站是指全部由HTML(标準通用标記語言的子集)代碼格式頁面組成的網站,所有的内容包含在網頁檔案中,一般檔案名均以htm、html、shtml等為字尾。

部署靜态網站适合輕型的、使用者通路頻率低的站點,許多個人部落格、公司官網等站點都會選擇使用靜态網站進行部署,本文以輕量雲主機(CenTOS 7.6系統)為例,介紹如何部署靜态網站。

2.1 前置準備

正式開始部署前,您需完成如下的準備工作:

  1. 開通京東雲賬戶,若您還未注冊京東雲賬号,可在京東雲官網進行注冊;
  2. 賬戶開通後,需要進行實名認證;
  3. 購買一台或多台雲主機或者輕量雲主機産品;
  4. 登入輕量雲主機,複制下面步驟中的指令進行執行操作;

2.2 安裝Nginx

更新yum(可選操作,非必須執行操作)

yum upgrade
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

增加epel源

sudo yum install epel-release
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

安裝Nginx

sudo yum install nginx
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

啟動服務

sudo systemctl start nginx
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

确認服務狀态可用,預設安裝位置位于: /usr/share/nginx/html

sudo systemctl status nginx
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

2.3 部署網站demo

下載下傳靜态網站demo檔案

wget https://img1.jcloudcs.com/cn/iavm/tutorials/my-website.zip
           

解壓縮檔案

yum install -y unzip zip
unzip my-website.zip
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

複制public 檔案到 /usr/share/nginx/html

cd my-website
cd public
cp -R . /usr/share/nginx/html
           
玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

重新開機使配置生效

sudo systemctl reload nginx
           

2.4 檢視網站效果

在浏覽器輸入主機的ip,檢視靜态網站效果

玩轉伺服器之網站篇:新手使用WordPress搭建部落格和靜态網站部署

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檔案共享伺服器的搭建教程,我們下期見。

繼續閱讀