WordPress从0开始建站(一):教练,我想建网站!


   你说你想建个很酷的站,但是对知识一无所知;你于是遍搜详细教程,却难寻合心意,大佬一笔而过只言片语,留你抓耳挠腮。

​   这么巧啊,你也是小白。

   如果你不懂什么叫服务器,php听起来好像很顺口?linux…是一个人吗?前端?当然会一点点啦。那么这个从0开始建站系列博文,只需一个赞点不了吃亏点不了上当,教你从0开始搭建一个自己的个人博客网站。

一、准备:工欲善其事


​   一般而言,我们有三种方式选择搭建自己的网站。

简介所需环境难度时间
WordPress从头搭建网页太繁琐?WP帮助您。只需要配置好WP软件运行所需LNMP/LAMP环境(后面详细解释)。就像ppt模板一样,只要专注写博客即可,网站自动生成。LNMP/LAMP一般一天
Github Pages和WordPress类似,页面更加简洁。Node.js+Git+Hexo一般一天
个人从头搭建熟悉建站前后端知识,难度较大,新手暂不推荐-较难-

​ 这次我们选择的是利用WordPress软件来搭建自己的网站,但是无论哪种,首先我们需要准备:

  • 服务器:本次搭建使用阿里云服务器。网站要保持24小时不间断、网络连接带宽etc.普通电脑自然难以胜任, 自己专门买服务器维护门槛太高,租用云服务器是不二选择。
  • 域名:买来服务器会分配一个公网IP,如196.11.11.111,搭建好环境网站上线别人就可以通过这个IP访问你的网站。但是人要衣装,网站也要牌面,我们需要一个更好听易记的名字来访问你的网站,这就是域名。

以下是获取流程。

1.1 云服务器

  云服务器购买 比较为人熟知的分别是:阿里云服务器 & 腾讯云服务器。腾讯云服务器学生优惠很实在10元/月,撸了一年羊毛,今天我们来撸一撸阿里云学生优惠羊毛hhh。

  点击进入:阿里云学生优惠
在这里插入图片描述

  • 选择云服务器 ECS

  • 预装环境:CentOS 7。轻量应用服务器 可以直接选择WordPress镜像…那么本文完作者猝。但是想要认真折腾服务器,为以后自己从头建站做准备(而且似乎用不了学生优惠)。建议大家还是选择云服务器 ECS–CentOS 7镜像,认真走完这个流程。

  • 地域:没得选。买国内服务器要进行备案,这个稍后细说。
    在这里插入图片描述
    设置好你的登陆账号密码确认购买即可。你可以在你的阿里云控制台查看你购买的云服务器ECS。
    在这里插入图片描述

1.2 域名

  域名购买最好也在阿里云购买,可以少些解析麻烦事儿。购买地址:阿里云域名

   购买过程就没什么好说啦,但是会要求我们进行实名认证才能购买。找到右上角头像先进行实名认证:
在这里插入图片描述

  认证完就可以愉快的进行购买域名了。第一次网络拥有自己一个小窝,想想有没有点小激动呢hhhh~

1.3 备案

  上面提到域名解析到国内服务器需要备案(如香港等不用)。大家可以先按照流程填写信息,在等待过程中,我们可以先部署我们的小窝。

  官方备案流程:阿里云备案

1.4 解析域名

  什么是解析域名?简单来说,用你的域名如:www.baidu.com 来访问你的网站,而不是用144.144.144.144 这种IP地址来访问。没有备案,DNS解析很多功能无法正常进行,但是我们还是可以直接利用域名进入我们的网站。

  解析流程:阿里云添加网站解析

二、搭建WP环境


  WordPress软件给我提供一个快速生成博客网站环境,但是也需要配置好它运行的环境。简单来说,我们需要:

  • 一个Linux系统:本文已经搭建好CentOS 7
  • 一个Web服务器:我们选用的是Apache服务器。简单来说它的作用就是将你的电脑变成一台服务器,让电脑开放特定网络端口,接收来自网络上发送的HTTP请求,对请求的内容进行处理并作出相应的响应。
  • 一个数据库系统:选择MariaDB,CentOS 7以上版本已不再支持使用MySQL。
  • 一个Web 服务器生成网页的程序:PHP自然是不二选择。

  Linux+Apache+MariaDB+PHP == 我们之前说的LAMP环境。准备好了吗,接下来便开始具体安装搭建。

2.0 安装Xshell

  安装软件如果每次都要上阿里云打开虚拟机,实在太麻烦啦。我们可以安装XshellWindows界面下用来访问远端不同系统下的服务器,从而达到方便操作远程控制终端的目的。

  Xshell有家庭/学校免费版:Xshell官网下载 OR Xshell百度云下载

  安装一直点下一步傻瓜似安装,后可以看到Xshell界面,选择文件新建

在这里插入图片描述

  按照上图填好信息,然后再点击用户身份验证,输入登陆账号密码(就是我们在购买云服务器时设置的):
在这里插入图片描述

 点击确定。然后在Xshell界面选择:会话管理 - 阿里云服务器 右击 - 打开,便连接到我们的服务器了。
在这里插入图片描述

注意:
  • 新建会话,连接不了,重新打开Xshell即可解决。

2.1 安装Apache

   对Linux命令不熟悉的同学,将下面出现的命令按行复制Ctrl+C复制后,鼠标滚轮点击粘贴到Xshell`控制台即可(不是Ctrl+V)。

  1. 利用yum命令安装Apache

    yum -y install httpd
    
  2. 启动 httpd 并且设置为开机启动

    systemctl start httpd.service    # 启动 httpd
    systemctl enable httpd.service   # 设置开机启动
    
  3. 安装 firewall

    为了安全,安装防火墙。

    yum -y install firewalld firewall-config
    
  4. 启动 firewall 并且设置为开机启动

    systemctl start firewalld.service    # 启动 firewall 
    systemctl enable firewalld.service   # 设置开机启动
    
  5. firewall 还需要打开HTTP和HTTPS端口80和443

    firewall-cmd --permanent --zone=public --add-service=http  # 打开HTTP端口80
    firewall-cmd --permanent --zone=public --add-service=https # 打开HTTPS端口443
    firewall-cmd --reload  # 更新防火墙规则
    
  6. 阿里云服务器放行端口

    如果此时去访问:http://47.101.211.128(你的公网ip),不会出现以下界面(无法访问服务器):
    在这里插入图片描述

    原因是阿里云服务器实例没有加入安全组,设置入口放行端口,默认是拒绝一切端口访问的。

    进入到阿里云控制台,创建安全组放行TCP 80/22端口。

    在这里插入图片描述

    点击确认创建后,添加实例:
    在这里插入图片描述

    1559056770150

    此时再访问:http://47.101.211.128(改成你公网ip),便发现成功进入到Apache测试网页了。

2.2 安装MariaDB

  1. 利用yum命令安装MariaDB

    yum -y install mariadb-server mariadb
    
  2. 启动 httpd 并且设置为开机启动

    systemctl start mariadb.service    # 启动 httpd
    systemctl enable mariadb.service   # 设置开机启动
    
  3. 设置root密码

    mysql_secure_installation  # 直接回车,什么都不输入
    

    接下来,按照下图提示,配置MariaDB数据库密码等即可。
    在这里插入图片描述
    在这里插入图片描述

  4. 登陆MariaDB数据库

    mysql -u root -p  # 登陆数据库
    

    登陆会提示输入 root账号密码,就是我们在上一步设置的(如:我设置的是123456)

  5. 未雨绸缪 – 为WordPress建立数据库及用户

    CREATE DATABASE wordpressdb; # 创建名为 wordpressdb 的数据库
    CREATE USER wordpressuser@localhost IDENTIFIED BY '123456'; # 初始化其密码为123456
    
    注意:
    • 复制数据库代码要带上后面; ,否则不是一行完整数据库命令。
  6. 授予用户所有权限

    GRANT ALL PRIVILEGES ON wordpressdb.* TO wordpressuser@localhost; # 授予所有权限
    FLUSH PRIVILEGES; # 刷新确认
    exit # 退出
    
  7. 重启Apache & MariaDB 服务

    systemctl restart httpd.service
    systemctl restart  mariadb.service
    

2.3 安装PHP

  1. 由于linux的yum源不存在php7.x,所以我们要更改yum源:

    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
    
  2. 安装php 72w(是一行命令)

    yum -y install php72w php72w-cli php72w-common php72w-devel php72w-embedded php72w-fpm php72w-gd php72w-mbstring php72w-mysqlnd php72w-opcache php72w-pdo php72w-xml
    
  3. 查看是否安装成功

    php -v
    

    在这里插入图片描述

  4. 查看php.info

    新建一个php页面

    vi /var/www/html/info.php  # 新建一个php页面
    

    按下i进入insert模式,粘贴以下内容(注意:按下鼠标滚轮粘贴)

    <?php
    phpinfo();
    ?>
    

    在这里插入图片描述

    输入完毕后,依次按下ESC:,然后输入:wq+ 回车,保存并退出。

    在你的浏览器输入:http://xxx.xx.xx.xx/info.php , xxx.xx.xx.xx == 你的ip地址。

    如:我的应该是:http://47.101.211.128/info.php,如果看到以下界面证明php安装无误。

    在这里插入图片描述

三、安装WordPress

  1. 新建wp文件夹并进入

    mkdir wp  # 创建文件夹wp
    cd wp     # 进入到wp文件下
    
  2. 安装一些工具

    yum -y install wget unzip net-tools  # 表示将 wget、unzip、netstat 一起安装
    
    • wget :一个下载文件工具
    • unzip:一个解压zip文件工具
    • net-tools:一个监控TCP/IP网络的非常有用的工具
  3. 下载WordPress并解压

    wget http://wordpress.org/latest.zip  # 下载WordPress到当前wp目录
    unzip -q latest.zip  # 解压
    cp -rf wordpress/* /var/www/html/ # 同时复制WordPress到/var/www/html
    
  4. 修改/var/www/html目录的权限

    chown -R apache:apache /var/www/html/  # /var/www/html下文件所有者改为用户apache和组apache
    chmod -R 777 /var/www/html/  # 更改目录/var/www/html/ 读写权限为777
    
  5. 创建并修改…/uploads目录权限

    mkdir -p /var/www/html/wp-content/uploads  # 创建目录../uploads
    chown -R :apache /var/www/html/wp-content/uploads  # 修改../uploads属于组 apache
    
  6. 配置wp文件夹

    cd /var/www/html  # 进入到文件夹/var/www/html
    cp wp-config-sample.php wp-config.php  # 复制wp-config-sample.php到wp-config.php
    vi wp-config.php  # 打开文件wp-config.php
    

    然后按下i进入insert模式,修改下图红框内容:

    • 注意:vi命令下,右侧小键盘无法使用。如果不修改设置,请使用字母键盘上数字键。
      在这里插入图片描述

     修改完毕后,依次按下ESC:,然后输入:wq+ 回车,保存并退出。

  7. 登陆WordPress

    在浏览器输入并访问:http://47.101.211.128(改成你公网ip)。

    会出现以下界面,则安装成功:
    在这里插入图片描述

    往下拉到最下,选择简体中文,点击确定,设置WP用户和网站信息:

    在这里插入图片描述

    点击左下角安装WordPress,等待安装完成。

    进入登陆界面,输入你的账号密码,便可以进入到WP软件了:
    在这里插入图片描述

四、总结

   小伙伴们辛苦了(反正我是真的有点累了hhh),那么大家有没有花三小时安装成功呢?如果遇到问题请评论留言,那么最好的情况还是我的评论区空空如也比较好hh。

  安装完WordPress我们依旧有几个问题亟待解决:

  • 如何快速将CSDN写的博客导入我们的WordPress网站?
  • 如何建立WordPress网站并进行基本修改?
  • 如何对网站进行CSS样式修改?

欢迎大家关注我接下来的博文:WordPress从0开始建站(二):大哥你看我美不美(逃

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值