静态网站部署和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文件共享服务器的搭建教程,我们下期见。

玩转服务器之网站篇:新手使用WordPress搭建博客和静态网站部署的更多相关文章

  1. GitHub+Hexo+gulp搭建博客网站

    一.前期准备 1.注册GitHub账号. 不做说明 2.创建仓库 创建一个新的仓库来放置我们的文件. 3.下载安装Node.js https://nodejs.org/en/   两个版本,选择右边那 ...

  2. Django搭建博客网站(四)

    Django搭建博客网站(四) 最后一篇主要讲讲在后台文章编辑加入markdown,已经在文章详情页对markdown的解析. Django搭建博客网站(一) Django搭建博客网站(二) Djan ...

  3. Django搭建博客网站(三)

    Django搭建博客网站(三) 第三篇主要记录view层的逻辑和template. Django搭建博客网站(一) Django搭建博客网站(二) 结构 网站结构决定我要实现什么view. 我主要要用 ...

  4. Django搭建博客网站(二)

    Django搭建自己的博客网站(二) 这里主要讲构建系统数据库Model. Django搭建博客网站(一) model 目前就只提供一个文章model和一个文章分类标签model,在post/mode ...

  5. Hexo系列(一) 搭建博客网站

    写在前面的话:本系列文章主要参考 Hexo官方说明文档,同时结合自己在使用过程中的一些心得体会,撷取下来,和大家分享分享.好,下面闲话不多说,马上开始我们的 Hexo 之旅吧 温馨提醒:博主使用的操作 ...

  6. 部署项目到服务器 & 搭建博客网站

    搭建博客网站 作为名程序员,或者是网络编程爱好者,拥有一个自己的博客网站再好不过,本篇文章手把手教你部署自己的网站

  7. Asp.Net MVC 进阶篇:路由匹配 实现博客路径 和文章路径

    Asp.Net MVC 进阶篇:路由匹配 实现博客路径 和文章路径 我们要实现 通过路由 匹配出 博客地址 和博客文章地址 例如下面的这两个地址 //http://www.cnblogs.com/ma ...

  8. 为了确认是您本人在申请搬家,请在原博客发表一 篇标题为《将博客搬至CSDN》的文章,并将文章地址填写在上方的"搬家通知地址"中

    为了确认是您本人在申请搬家,请在原博客发表一 篇标题为<将博客搬至CSDN>的文章,并将文章地址填写在上方的"搬家通知地址"中

  9. WordPress 建站教程:新手搭建 WordPress个人博客图文教程(完全版)

    前言 WordPress 作为动态博客的代表,至今已经有十几年历史,而且一直在更新发展中,功能强大,插件和主题丰富,WordPress搭建使用也很方便.作为个人站长和博主,很多都是从 WordPres ...

  10. 微服务架构的分布式事务解决方案 - zhaorui2017的博客 - CSDN博客

    微服务架构的分布式事务解决方案 - zhaorui2017的博客 - CSDN博客   http://blog.csdn.net/zhaorui2017/article/details/7643679 ...

随机推荐

  1. 【git】学习笔记

    一.git原理 git只能跟踪文本文件的变化,比如txt文件.程序代码等.而对于图片.视频等二进制文件的变化,就无法知道变化了哪里. git 分支的理解:如下图所示,git分支可以理解为是一个指针以及 ...

  2. DVWA-XSS(DOM)

    漏洞详解. DOM XSS(Cross-site scripting)是一种Web安全漏洞,它利用了浏览器的DOM(文档对象模型)解析机制,通过注入恶意代码来攻击用户. DOM XSS与传统的反射型或 ...

  3. CTF-Web-PHP反序列化

    概念解释 PHP 反序列化漏洞又叫做 PHP 对象注入漏洞,我觉得这个表达很不直白,也不能说明根本的问题,不如我们叫他 PHP 对象的属性篡改漏洞好了(别说这是我说的~~) 反序列化漏洞的成因在于代码 ...

  4. .net6的IIS发布部署

    1.打开控制面板,打开程序 2.点击启动或关闭windows功能 3.在其中选择要设置的IIS功能 4.重启IIS服务 5.发布项目 6.在开始菜单搜索IIS,点击IIS管理器 7.右击网站,点击添加 ...

  5. 排队论——系统运行指标的R语言实现

    排队是在日常生活中经常遇到的现象,如顾客到商店购买物品.病人到医院看病常常要排队.此时要求服务的数量超过服务机构(服务台.服务员等)的容量.也就是说,到达的顾客不能立即得到服务,因而出现了排队现象.这 ...

  6. DG:重启之后主备数据重新同步

    问题描述:本来配置好的DG第二天重启之后,发现主备库数据不能同步,在主库上执行日志切换以及创建表操作都传不到备库上,造成这种错误的原因是主库实例断掉后造成备库日志与主库无法实时接收 主库:orcl  ...

  7. 测试环境治理之MYSQL索引优化篇

    作者:京东物流 李光新 1 治理背景 测试环境这个话题对于开发和测试同学一定不陌生,大家几乎每天都会接触.但是说到对测试环境的印象,却鲜有好评: •环境不稳定,测试五分钟,排查两小时 •基础建设不全, ...

  8. API Gateway vs Load Balancer:选择适合你的网络流量管理组件

    本文从对比了 API Gateway 和 Load Balancer 的功能区别,帮助读者更好地了解他们在系统架构中扮演的角色. 作者陈泵,API7.ai 技术工程师. 原文链接 由于互联网技术的发展 ...

  9. oss/obs对象存储上传图片,在浏览器输入地址却是下载图片。不能直接在浏览器上查看。

    1.问题oss/obs对象存储上传图片获取链接地址后,在浏览器输入地址却是下载.不能直接在浏览器上面浏览图片信息.2.解决上传文件的时候需要设置:content-type类型,需要指示浏览器这是什么类 ...

  10. Vue项目的网络请求代理到封装详细步骤

    1.创建vue项目 vue create demo demo是项目名称 2.安装axios 进入demo里面打开终端(黑窗口),执行 npm install axios 3.进行config.js配置 ...