从零开始搭建 wordpress

微笑小小刀 2017-02-17

nginx linux php mysql ubuntu WordPress 数据库 配置 浏览器 主机 index vim

引言

从零开始:何谓从零,就是我现在什么都没有, 直至我写这篇博客时,还只有现在机器上跑着的win10,以及一个想搭wordpress的想法。话不多说,现在开始~!本人wordpress博客

准备工作

  • 能联网的电脑(因为是从零开始,一切都需要自己下载)

总体步骤

  1. linux虚拟机
  2. 安装mysql,php-fpm,nginx
  3. 下载wordpress
  4. 进行配置

安装linux虚拟机

ps: 如果在阿里云上有买服务器,可以跳过这一步,进入第二步。

安装virtualbox

  • virtualbox官网

  • virtualbox 下载地址 -- 这个是百度软件,不是官网下的,因为访问官网下载太慢了,不过没事, 一样的用~~

  • 开始安装 , 空间足的话一直点next就可以了。


    img_cf2c35cd47feae3a7833a152fa6816d8.png
    Paste_Image.png
  • 空间不足的话,点browse换个位置安装


    img_38fcbabe51dbd49a4cc2791447290311.png
    Paste_Image.png
  • 弹框系列,选安装


    img_42073425b8308bb4e5ad675c38a0c231.png
    Paste_Image.png
  • 安装完启动,然后进入下一步下载ubuntu ,然后准备linux环境

img_bb3a13872ef67390bd088c8c59da363c.png
Paste_Image.png

下载ubuntu

  • ubuntu官网
  • ubuntu下载地址 选的是server版,桌面版也一样~ 因为进了桌面版也是敲命令。
  • 下载完成之后,就让它安安静静的躺在那里,然后打开刚才安装好的virtualbox ,点new
img_9678073900c8781ae3f526b77fd9b95e.png
Paste_Image.png
  • 一些小配置,名字可以随便起


    img_627366b8e82cc73f98622cdcb6241721.png
    Paste_Image.png
  • 然后一直next,用默认的就行,可以在这一步更改虚拟机安装的位置

img_f0386989ae9b6fd105bfff7a03ce0201.png
Paste_Image.png
  • 点start
img_503983e446d895ee57036b65dd166119.png
Paste_Image.png
  • 找到刚才下载的ubuntu系统文件位置,点start
img_edce56d6857ceedbfd44007f65e07d6b.png
Paste_Image.png
  • 选语言 , 中文,英语都可以, 看得懂就行。反正我选了中文。。。(好像暴露了我英语渣渣),键盘上下左右移动,然后回车确定。然后就一直用默认的,一路next
img_f9387211779befd61ac13d64403f2777.png
Paste_Image.png
  • 设置主机名,用户名和密码(linux上一种是root,一种是普通用户。主机名,用户名随意,开心就好~)
img_13c8b8c959acdded8da519f2a8fa969f.png
Paste_Image.png
img_fab3a38910f85ac14333447132f1d5dd.png
Paste_Image.png
  • 一路next 下去------>下图选是,然后一路next------>有是就先是
img_6822ea0dbd147121d737a620b1556d91.png
Paste_Image.png
  • 选了无数个是和next , 最终重启后进入开机页面: 输入用户名,回车,然后输密码(输密码时光标不会移)
img_3d1abb327ee29840e76fe171582cee4f.png
Paste_Image.png
  • 成功进入系统,但是我好像把自己的名字打错了,,应该是smileKnife ... 果然选中文是正确的选择。。
img_5cb9a10134027ee25441af201143cc4d.png
Paste_Image.png

配置linux环境

  • 首先进入root (以后命令会如下给出)
    sudo -i 回车后输入密码

    img_05ed3a1405892e0a6a540693ede2e2ca.png
    Paste_Image.png

  • 乱码问题

img_e9c02145e2405da4ace7b2f3da36ab3b.png
Paste_Image.png

解决(把语言换成了英文):
vim /etc/default/locale
vim简单使用, i 进入编辑模式(进入之后和普通记事本一样),esc 返回命令模式(:q 退出,:wq 写了之后退出)

img_19af66834ec821d7a41d24cda4d701cf.png
Paste_Image.png

把上图中的内容修改为

LANG="en_US.UTF-8"
LANGUAGE="en_US:en"

改完之后,按esc , 输入 :wq , 回车


img_206ec2add3a0575a18968128ac1ea72e.png
Paste_Image.png

输入 locale-gen-en_US:en , 然后重启 shutdown -r now

img_48c4144724a74fa68060d4adfcec4dbc.png
Paste_Image.png

  • 进入root , 更新软件源
    apt-get upgrade 如下图,输入y , 回车。 中间可能会有编码问题, 全部utf-8
img_608b64e769aecdd99eb6d1ba04dceb9a.png
Paste_Image.png
  • 安装mysql (以下安装全采用apt-get install 的形式,采用源码编译也可以,效果是一样的)
    apt-get install mysql-client-5.7 mysql-server-5.7 同样,输入y , 回车
img_00c28d51208d37ed0d9d65f48487323f.png
Paste_Image.png

mysql 设置密码, 随便, 要记住。 配置wordpress时要用


img_0556b41547f825cc5e5b9bae743cb547.png
Paste_Image.png
  • 安装php-fpm
    apt-get install php-fpm
img_219f36df7b1d677b432dd47ad8adb06c.png
Paste_Image.png
  • 下载 wordpress

wordpress官网(中文版)
wordpress下载地址

cd /opt/ mkdir smileknife 新建一个文件夹
wget https://cn.wordpress.org/wordpress-4.7.2-zh_CN.tar.gz 下载wordpress包

img_500c5deebd1528c3977df759dfcccbe4.png
Paste_Image.png
img_5fc4cc1e490ebdd7222dfe45f72963f9.png
下载好之后

tar -xzf wordpress-4.7.2-zh_CN.tar.gz 解压, 输入到tar -xzf wo时可以按tab键补全。

img_334940855b0e249bbfca8dc02fff11f4.png
解压之后

这时可以把wordpress文件夹重新命名,也可以把里面的东西拷贝到我们刚才新建的文件夹里面
cp ./wordpress/* -r ./smileknife

img_c917682d3a5e86ff336794749b0b42f4.png
拷贝
  • 安装nginx
    apt-get install nginx
img_1bfcfaaf3dc81f5bf42f8865b3097ea3.png
安装nginx

装完之后,如果是linux是在去服务器上,则在浏览器中输入ip地址应该会出现welcome nginx的画面了,
虚拟机的还不行,还要多几步:
1.更变virtualbox的网络配置:

img_21f3150563b8a0bf26d4b3220dc6b745.png
打开网络设置

2 , 从Nat换成Bridged Adapter。 然后重启linux shutdown -r now

img_53a659572e5e35cfb0a0c4d1bb9f85dc.png
从NAT换成Bridged Adapter

3,重启之后输入 ifconfig 查看ip

img_f7b3400eecfb8e839c721161e1b2db66.png
Paste_Image.png

然后在主机浏览器上输入这个ip ,可以看到:

img_387f533d43b20f91ef3168b88cd36879.png
nginx

(对的,我就是一边做,一边截图,一边写简书)

  • nginx 配置
    vim /etc/nginx/nginx.conf

在下图的位置,host节点下添加如下代码:

 server {
        listen       80;
        server_name  10.10.110.61;
        location / {
            root   /opt/smileknife;
            index  index.php index.html index.htm;
                if (-f $request_filename/index.html){
                        rewrite (.*) $1/index.html break;
                }

                if (-f $request_filename/index.php){
                rewrite (.*) $1/index.php;
                }

                if (!-f $request_filename){
                rewrite (.*) /index.php;
                }
        }
        location ~ .*\.(php|php5)?$ {
            root /opt/smileknife;
            fastcgi_pass 127.0.0.1:9000;
            fastcgi_index index.php;
            include fastcgi.conf;
                }

        }

img_612dd78cb276c4009b48daecfc45203a.png
nginx.conf
img_43c703f34a45980d868c7f68569288f0.png
添加好之后

执行命令 nginx -s reload 然后刷新下浏览器 nginx 502

img_1a105684ad1dae22d2d30957ed0b6a42.png
502

这是因为php-fpm的端口没有设置好

执行命令 vim /etc/php/7.0/fpm/pool.d/www.conf

img_ec0c8a6d3d895e574f65a163396b7466.png
www.conf

找到这里,改为 listen = 9000 。


img_36385ac23561350ac68fe46c04a74b8c.png
listem
img_29f8249004c70550c3651cb7eec6d629.png
修改之后

重启php-fpm服务 :service php7.0-fpm restart

img_f1238c8a2fff2935b263dbe5769d6b90.png
重启php-fpm

再刷新浏览器会发现又有变化:

img_c14e5921a756fc449abac624a2badf29.png
mysql扩展

安装配置wordpress

  • 安装php-mysql扩展
    apt-get install php-mysql
img_3c219d03f724e325dcd8497e161cdc35.png
php-mysql
  • 配置wordpress
    再刷新浏览器可以看到进入了wordpress配置页面,点现在就开始
img_a87a2f15cbf8e2b6ba935284d891551f.png
配置wordpress

填写相关的信息,然后点提交


img_fda98b7b99878dcf1a4917784a52ec90.png
填写数据库相关信息

这时会报未找到数据库的错:

img_79f98f21ff3944b36e4ca3fa3e169cb1.png
未找到数据库

解决:
mysql -uroot -p 回车后输入数据库密码

img_b67a7e03a51af4fa71b7aeb15bca04a7.png
数据库

输入: create database wordpress; 然后回到浏览器重试。

img_00ea50c95b359ce26446d83df418c867.png
create database

这时应该是写入权限不足


img_044b9f2d14bfb934aa3c29efd5559a93.png
不能写入

chmod 777 /opt/smileknife/* -R 哈哈, 这里全给的777,,, 安全隐患很大。以后可以自己改

img_b4c9d41b4f503b4b2632d762cd99e767.png
777

忘了给主文件夹加权限了。。。还是写不进去,补一句。然后点进行安装

img_dfc672b826d8267b23124482afd73676.png
Paste_Image.png
img_510a9180776c024ff4d3053f0a8dd666.png
然后点进行安装

添写好信息之后点安装


img_83cac19771ec6d0e94a68cd8ed1bb16e.png
Paste_Image.png
img_bbd28dbd7bedc5fdc3410ae9e590e912.png
Paste_Image.png

然后就可以看到如下界面,收工~~~!!!!


img_22a19bb2e2f5d72bab9d1a9c68ef3897.png
收工

你以为真的可以收工了??

其实还有问题, 不信你点一下安装主题

img_c213f16f645a306901e059d2f82f9f53.png
ftp

解决:vim /opt/smileknife/wp-config.php

在下图的位置上添加:

define("FS_METHOD","direct");

define("FS_CHMOD_DIR", 0777);

define("FS_CHMOD_FILE", 0777);
img_bf10f2956a50ec83591de2ca896e1643.png
添加

真的收工了

真的结束了。
活生生的例子:线上demo
本人的wordpress博客 www.lixiang.red
谢谢大家支持,有问题可以发上面的邮箱我们一起讨论~
再次感谢大家!

登录 后评论
下一篇
云栖号资讯小编
1497人浏览
2020-05-25
相关推荐
新手建站必看的十大忠告
4186人浏览
2019-02-14 16:19:16
从零开始,我的上云路
1911人浏览
2017-02-03 17:19:29
0
0
0
867