云上搭建简单动态网站

痛定思痛。 2022-04-01 03:46 267阅读 0赞

**目录**

网站概述

1.1 网站的主要分类

1.2 静态网站的特性

1.3 动态网站的特性

2 动态网站的实现方式

2.1 动态网站搭建涉及的内容

2.2 动态网站常见实现方式

3 云上搭建WordPress网站

3.1 创建云服务器ECS

3.2 安装Apache HTTP服务

3.3 安装MySQL数据库

3.4 安装PHP语言环境

3.5 配置WordPress并配置MySQL

4 云上WordPress网站的优化

4.1 WordPress网站的优化——CNZZ统计

4.2 WordPress网站的优化——视频嵌入

--------------------

# 网站概述 #

## 1.1 网站的主要分类 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70][]

## 1.2 静态网站的特性 ##

![20181229065027243.png][]

## 1.3 动态网站的特性 ##

![20181229065121216.png][]

# 2 动态网站的实现方式 #

## 2.1 动态网站搭建涉及的内容 ##

![2018122906545739.png][]

## 2.2 动态网站常见实现方式 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 1][]

# 3 云上搭建WordPress网站 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 2][]

**关键步骤**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 3][]

## 3.1 创建云服务器ECS ##

[基于阿里ECS云服务器建站][ECS]

## 3.2 安装Apache HTTP服务 ##

> \#yum -y install httpd
> 
> \#yum -y install httpd-manual mod\_ssl mod\_perl mod\_auth\_mysql 安装支持MySQL等相关模块
> 
> \#service httpd start
> 
> \#chkconfig httpd on 开机自启动

## 3.3 安装MySQL数据库 ##

> \#yum -y install mysql mysql-server
> 
> \#service mysqld start
> 
> \#mysql\_secure\_installation 设置用户名与密码
> 
> 默认无密码，然后处于安全考虑，根据提示全选y
> 
> \#mysql -uroot -p1234
> 
> >CREATE DATABASE wordpress
> 
> >exit
> 
> \#chkconfig mysqld on 开机自启动

## 3.4 安装PHP语言环境 ##

> \#yum -y install php php-mysql
> 
> \#yum -y install gd php-gd gd-devel php-xml php-common php-mbstring
> 
> \#yum -y install php-ldap php-pear php-xmlrpc php-imap
> 
> \#service httpd restart
> 
> \#echo "<?php phpinfo(); ?>" >/var/www/html/phpinfo.php
> 
> 创建一个php文件用于验证是否安装成功，成功则课通过浏览器访问http://云服务器IP/phpinfo.php

## 3.5 配置WordPress并配置MySQL ##

> \#wget https://cn.wordpress.org/wordpress-5.0.2-zh\_CN.tar.gz
> 
> \#tar -xzf wordpress-5.0.2-zh\_CN.tar.gz
> 
> \#cd wordpress
> 
> \#cp wp-config-sample.php wp-config.php
> 
> \#vim wp-config.php 配备刚才创建的数据库的信息
> 
> 配置数据库名称，账号和密码
> 
> \#mkdir /var/www/html/wp-blog
> 
> \#mv \* /var/www/html/wp-blog/
> 
> 通过浏览器配置wordpress

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 4][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 5][]

配置相关信息，然后就可以登录到wordpress

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 6][]

# 4 云上WordPress网站的优化 #

## 4.1 WordPress网站的优化——CNZZ统计 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 7][]

![20181229232101296.png][]

![20181229232150208.png][]

![2018122923252734.png][]

![20181229232910877.png][]

## 4.2 WordPress网站的优化——视频嵌入 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 8][]

点击安装，弹出

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 9][]

需要去服务器修改配置文件

> cd /var/www/html/wp-blog
> 
> vim wp-config.php

在文本最后添加

> define("FS\_METHOD","direct");
> 
> define("FS\_CHMOD\_DIR","0777");
> 
> define("FS\_CHMOD\_FILE","0777");

为安装插件到服务器授权

> chmod 777 wp-content
> 
> cd wp-content
> 
> chmod 777 plugins
> 
> cd ../
> 
> cd ../
> 
> chmod 777 wp-blog

回去继续安装插件，从此一路顺畅。

然后在文章插入视频链接就可以成功显示视频。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70]: /images/20220401/48112809729c4392bb4426db540c0393.png
[20181229065027243.png]: /images/20220401/1f3e25767624480eae339939c1478f28.png
[20181229065121216.png]: /images/20220401/4f97c50e49ee49d48ae60075cf1f8461.png
[2018122906545739.png]: /images/20220401/3d53060d96da48b8b364c8b45831a237.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 1]: /images/20220401/92156116e3984617919958cac8c0b7c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 2]: /images/20220401/2ac2b3075a304135a92f098ae6815af2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 3]: /images/20220401/c23cf5dd459e40f785e7ad499a3d17e4.png
[ECS]: https://blog.csdn.net/wydyd110/article/details/85330130
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 4]: /images/20220401/46d15cdded2742989ad5e928bec65893.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 5]: /images/20220401/8eb8fafaf15d4ff19de65e8cb8e5929c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 6]: /images/20220401/54249bf0f55646e3b2f7ca448038f788.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 7]: /images/20220401/eb3c86d831c742a49c8d8814bb5aafb6.png
[20181229232101296.png]: /images/20220401/e7e1886996814060935f4db80dfcb855.png
[20181229232150208.png]: /images/20220401/2d8a57eef64b49cea556561f318a6262.png
[2018122923252734.png]: /images/20220401/bfb4676db7cc48129adbae14383e05a6.png
[20181229232910877.png]: /images/20220401/989d6bee7ad740bab29bfa70ffce6ff7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 8]: /images/20220401/9835b2fa2ddb4af0a7891bba0c3d48ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5ZHlkMTEw_size_16_color_FFFFFF_t_70 9]: /images/20220401/b37f69e640e046ed9929f5466f338405.png