02 - 个人博客 wordpress + docker 搭建

目录

01 - ECS准备
02 - 个人博客 wordpress + docker 搭建
03 - docker搭建nginx实现反代 配置多域名以及多端口号


前期准备工作做好了,接下来带大家搞一个最最简单的博客网站,你不需要写代码,照着复制粘贴,就可以拥有你自己的博客网站了!如果还没有服务器,请自行购买,趁着活动哦!
此处为腾讯云活动地址https://cloud.tencent.com/act/cps/redirect?fromSource=gwzcw.3018172.3018172.3018172&redirect=10140&cps_key=1f60ff9e0192ca8340b519ea987139b3&from=activity

腾讯云

1. 服务器安装 docker, docker-compose

我服务器安装的是 ubuntu 系统,所以以 ubuntu 的为例,首先在服务器安装 docker 和 docker-compose
输入命令 sudo apt-get install docker, sudo apt-get install docker-compose

安装docker,docker-compose

检查是否安装成功,输入命令 docker -v, docker-compose -v

检查是否安装成功.png

看到跟上图差不多的话,恭喜您已经安装成功了!

2. 准备代码

在服务器上直接编写代码不习惯,那么我们现在本地创建好代码 docker-compose.yaml 文件,下面直接给大家贴出代码

version: '3'

services:
  # Database
  db:
    image: mysql:5.7
    volumes:
      - db_data:/var/lib/mysql
    restart: always
    environment:
      MYSQL_ROOT_PASSWORD: password
      MYSQL_DATABASE: wordpress
      MYSQL_USER: wordpress
      MYSQL_PASSWORD: wordpress
    networks:
      - wpsite
  # phpmyadmin
  phpmyadmin:
    depends_on:
      - db
    image: phpmyadmin/phpmyadmin
    restart: always
    ports:
      - '8080:80'
    environment:
      PMA_HOST: db
      MYSQL_ROOT_PASSWORD: password 
    networks:
      - wpsite
  # Wordpress
  wordpress:
    depends_on:
      - db
    image: wordpress:latest
    ports:
      - '8000:80'
    restart: always
    volumes: ['./:/var/www/html']
    environment:
      WORDPRESS_DB_HOST: db:3306
      WORDPRESS_DB_USER: wordpress
      WORDPRESS_DB_PASSWORD: wordpress
    networks:
      - wpsite
networks:
  wpsite:
volumes:
  db_data:

那么,怎么把代码传到自己的服务器上去呢?首先在本地进入代码所在的目录,打开 Cmder 或者其他工具,输入命令 scp docker-compose.yaml ubuntu@公网IP, 输入密码之后,传输成功!
然后,登录到自己的服务器 ssh ubuntu@公网IP ,进入后输入 ls,查看文件

ls查看文件

本地的文件已经成功传到服务器了。接下来我们的 docker 就要大显身手了!

3. docker-compose

docker-compose.yaml 文件所在之处,输入命令 sudo docker-compose up -d

启动

因为我的已经拉过镜像了,所以才会显示为 is up-to-date, 刚开始拉镜像,是需要花一点点时间的。
拉取成功以后,我们查看下镜像 sudo docker images,可以看到我们有3个镜像
查看镜像

查看一下容器的运行状态 sudo docker ps -a
查看容器运行

看到 STATUS 显示的是 up 的状态,说明一切正常,同时我们也可以看到映射的端口号,比如 wordpress 跑在 8000 端口,这个端口号呢,是 docker-compose.yaml 文件中配置好的。

然后我们打开 公网IP:8000/wp-admin/install.php,就可以看到 wordpress 安装页面,自己填写好用户名,密码,登录即可,不再赘述。登录进去之后,你将获取到内容管理后台,可以写blog,制作网站,图方便的可以去这里购买模板 elements envato,这是一个国外的模板网站,包含了大量的资源。

wordpress

登录 phpAdmin, 我们可以在 docker-compose.yaml 配置文件中看到, phpAdmin 的映射端口为 8080,打开 公网IP:8080,就可以看到了。用户名,密码都为 wordpress, 可在配置文件 docker-compose.yaml 中看到。

浏览器输入地址无法打开问题
控制台安全组配置,防火墙放开想访问的端口

phpAdmin 登录
phpAdmin

OK,到此为止,已经安装完成,下面来试一下

  • 导入主题模板


    导入主题
  • 写文章


    写文章

    写文章

原始的界面还是有点丑的....有 wordpress 模板的话会好很多,后续有了会更新。。。


博客模板更新
下载地址: 百度云永久有效

https://pan.baidu.com/s/1ZZqHGz_uwMw0Rfi5fJFLrg

上传主题包,并且安装

上传的主题包比较大的话,会报错,大概是这样的 Uploaded File Exceeds the upload_max_filesize, 因为上传的容量会有限制,这种情况也不要着急。下面告诉大家解决办法。
安装主题限制

    1. 登录服务器
    1. 进入安装wp的目录,一般是在 docker-compose.yaml 的同级目录。进入以后 ls -a,找到 .htaccess 文件,使用 vi .htaccess,打开文件以后 i 进行编辑文件,在文件的最后一行加入代码 php_value upload_max_filesize 256M,保存并且退出 esc + wq!。 这样就能解决了,重新安装一下主题包即可。
    1. 为了减少由于其他限制引起的报错,我们可以在上述的 .htaccess 文件末尾添加
php_value post_max_size 256M
php_value memory_limit 512M
php_value max_input_time 180
php_value max_execution_time 180
htacess文件修改

安装完成后,就可以进行博客搭建了。

下面简述主题使用教程
本次教程提供的主题包,虽然说不上华丽,但是作为普通博客,完全够用了, 花了点小钱买来的,要求也不能太高,毕竟一分钱一分货,现在免费分享给大家的

    1. 基于已经安装好主题包的基础,安装一下插件。需要安装的插件,能同步获取到。(需要什么其他插件可以自己寻找,跟主题包相关的插件安装,是能自动获取到的)


      主题默认插件安装

      image.png

此处为腾讯云活动地址,88/年, 268/3年https://cloud.tencent.com/act/cps/redirect?fromSource=gwzcw.3018172.3018172.3018172&redirect=10140&cps_key=1f60ff9e0192ca8340b519ea987139b3&from=activity

当然,难免会遇到有些同学,同样抄来的代码,自己运行了咋就报错了呢,有问题的可以一起交流,共同进步,备注:简书

wechat
禁止转载,如需转载请通过简信或评论联系作者。