博客 / 詳情

返回

玩轉服務器之網站篇:新手使用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

將安裝包複製到/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

默認沒有數據庫密碼,點擊回車鍵

設置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 前置準備

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

  1. 開通京東雲賬户,若您還未註冊京東雲賬號,可在京東雲官網進行註冊;
  2. 賬户開通後,需要進行實名認證;
  3. 購買一台或多台雲主機或者輕量雲主機產品;
  4. 登錄輕量雲主機,複製下面步驟中的命令進行執行操作;

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

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.