靜態網站部署和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
默認沒有數據庫密碼,點擊回車鍵
設置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文件共享服務器的搭建教程,我們下期見。