京东云：新手使用 WordPress 搭建博客和静态网站部署(Hugo)

2023-06-0515:03:28网站管理维护Comments1,048 views字数 3215阅读模式

静态网站部署和 WordPress 搭建博客都是网站运营中常见的工作。静态网站是一种不需要服务器端脚本的网站形式，通常使用 HTML、CSS 和 JavaScript 等静态资源进行构建和显示。而 WordPress 是一款流行的博客系统，可以帮助用户快速搭建博客网站。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

在之前的玩转服务器系列文章里，我们介绍了如何构建小型的高可用环境、PHP、Python、Java web、docker 环境部署，以及 Node.js SSR 应用，本篇文章主要介绍新手也能快速上手的 WordPress 博客搭建和静态网站部署的教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

一、WordPress 介绍

WordPress 是使用最广泛的博客和内容管理系统，可以快速搭建独立的博客、论坛等网站，WordPress 支持丰富的插件和模板，功能强大，易于扩充功能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

本文以轻量云主机（CenTOS 7.6 系统）为例，介绍如何搭建单机版 WordPress。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

1.1 前置准备

正式开始部署前，您需完成如下的准备工作：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

开通京东云账户，若您还未注册京东云账号，可在京东云官网进行注册；
账户开通后，需要进行实名认证；
购买一台或多台云主机或者轻量云主机产品；
登录轻量云主机，复制下面步骤中的命令进行执行操作；

1.2 安装 WordPress 和 Apache

下载 WordPress 安装包，本文以 4.8.1 版本为示例进行演示文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

wget https://cn.wordpress.org/wordpress-4.8.1-zh_CN.zip

安装 Apache文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

yum install -y httpd
systemctl start httpd

配置 wordpress 为默认目录，修改 httpd 文件中的 DocumentRoot 为 "/var/www/html/wordpress"，并保存文件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

vi /etc/httpd/conf/httpd.conf

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

将安装包复制到 /var/www/html/，并进行解压缩文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.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文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

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文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

yum -y install php72w

安装 PHP 扩展文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

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 为示例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

yum install mariadb-server -y

安装完毕后 MariaDB 默认是未启动状态，需要手工启动文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

systemctl start mariadb

修改 root 帐户密码，请查看下面提示操作文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

mysql_secure_installation

默认没有数据库密码，点击回车键文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

设置 root 密码，输入 Y , 回车文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

输入新的密码，其它操作请根据提示进行操作文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

登录数据库文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

mysql -u root -p

输入刚才设置的密码，登录数据库文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

mysql> show databases;

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

创建一个新的数据库，库名为 wordpress文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

mysql> create database wordpress;
mysql> exit;

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

手动修改 wp-config.php 文件中的数据库连接信息，实现数据库和 WordPress 应用关联文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

cd /var/www/html/wordpress
cp wp-config-sample.php wp-config.php
vi wp-config.php

修改文件下面参数文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

define('DB_NAME', 'wordpress'); //输入刚才创建的wordpress库名
define('DB_USER', 'root');   //数据库账户root
define('DB_PASSWORD', '数据库密码');   //输入刚才设置的数据库密码
define('DB_HOST', 'localhost');        //数据库地址，使用本机的数据库
define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

1.5 访问 WordPress

重启 Apache文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

systemctl restart httpd

在浏览器中访问
http://IP/wp-admin/install.php文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

根据提示进行安装，点击登录，登录 wordpress 后台文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

用户访问地址，在浏览器输入 http://ip文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

二、静态网站介绍

静态网站是指全部由 HTML（标准通用标记语言的子集）代码格式页面组成的网站，所有的内容包含在网页文件中，一般文件名均以 htm、html、shtml 等为后缀。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

部署静态网站适合轻型的、用户访问频率低的站点，许多个人博客、公司官网等站点都会选择使用静态网站进行部署，本文以轻量云主机（CenTOS 7.6 系统）为例，介绍如何部署静态网站。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

2.1 前置准备

正式开始部署前，您需完成如下的准备工作：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

开通京东云账户，若您还未注册京东云账号，可在京东云官网进行注册；
账户开通后，需要进行实名认证；
购买一台或多台云主机或者轻量云主机产品；
登录轻量云主机，复制下面步骤中的命令进行执行操作；

2.2 安装 Nginx

更新 yum（可选操作，非必须执行操作）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

yum upgrade

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

增加 epel 源文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

sudo yum install epel-release

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

安装 Nginx文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

sudo yum install nginx

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

启动服务文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

sudo systemctl start nginx

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

确认服务状态可用，默认安装位置位于: /usr/share/nginx/html文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

sudo systemctl status nginx

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

2.3 部署网站 demo

下载静态网站 demo 文件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

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

解压缩文件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

yum install -y unzip zip
unzip my-website.zip

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

复制 public 文件到 /usr/share/nginx/html文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

cd my-website
cd public
cp -R . /usr/share/nginx/html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

重启使配置生效文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

sudo systemctl reload nginx

2.4 查看网站效果

在浏览器输入主机的 ip，查看静态网站效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

2.5 Hugo 搭建网站介绍

Hugo 是非常常用的静态网页构建及维护的工具，并且有强大的生态支持，步骤 4 的网站 demo 使用的是 Hugo 进行的搭建。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

Hugo 搭建一个企业网站，初始化配置如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

安装 hugo （Mac）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

 brew install hugo

初始化 Hugo 站点文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

 hugo new site quickstart

安装网站主题，本次 demo 使用的是: educenter-hugo文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

cd themes && git clone https://github.com/me-jser/educenter-hugo

使用主题并迁移实例数据，编辑 config.toml 并配置: theme = "educenter-hugo"文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

启动并预览效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html

hugo server

以上是使用京东云服务器进行静态网站部署和 WordPress 搭建博客的基本教程，在网站搭建完成后，需要进行一些基本的 SEO 优化，以便让搜索引擎更好地进行网站收录。其中，关键词和标题标签、描述标签、友情链接等都是优化中的关键因素。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/44685.html