從零開始搭建 wordpress

引言

從零開始:何謂從零,就是我現在什么都沒有, 直至我寫這篇博客時,還只有現在機器上跑著的win10,以及一個想搭wordpress的想法。話不多說,現在開始~!本人wordpress博客

準備工作

  • 能聯網的電腦(因為是從零開始,一切都需要自己下載)

總體步驟

  1. linux虛擬機
  2. 安裝mysql,php-fpm,nginx
  3. 下載wordpress
  4. 進行配置

安裝linux虛擬機

ps: 如果在阿里云上有買服務器,可以跳過這一步,進入第二步。

安裝virtualbox

  • virtualbox官網

  • virtualbox 下載地址 -- 這個是百度軟件,不是官網下的,因為訪問官網下載太慢了,不過沒事, 一樣的用~~

  • 開始安裝 , 空間足的話一直點next就可以了。


    Paste_Image.png
  • 空間不足的話,點browse換個位置安裝


    Paste_Image.png
  • 彈框系列,選安裝


    Paste_Image.png
  • 安裝完啟動,然后進入下一步下載ubuntu ,然后準備linux環境

Paste_Image.png

下載ubuntu

  • ubuntu官網
  • ubuntu下載地址 選的是server版,桌面版也一樣~ 因為進了桌面版也是敲命令。
  • 下載完成之后,就讓它安安靜靜的躺在那里,然后打開剛才安裝好的virtualbox ,點new
Paste_Image.png
  • 一些小配置,名字可以隨便起


    Paste_Image.png
  • 然后一直next,用默認的就行,可以在這一步更改虛擬機安裝的位置

Paste_Image.png
  • 點start
Paste_Image.png
  • 找到剛才下載的ubuntu系統文件位置,點start
Paste_Image.png
  • 選語言 , 中文,英語都可以, 看得懂就行。反正我選了中文。。。(好像暴露了我英語渣渣),鍵盤上下左右移動,然后回車確定。然后就一直用默認的,一路next
Paste_Image.png
  • 設置主機名,用戶名和密碼(linux上一種是root,一種是普通用戶。主機名,用戶名隨意,開心就好~)
Paste_Image.png
Paste_Image.png
  • 一路next 下去------>下圖選是,然后一路next------>有是就先是
Paste_Image.png
  • 選了無數個是和next , 最終重啟后進入開機頁面: 輸入用戶名,回車,然后輸密碼(輸密碼時光標不會移)
Paste_Image.png
  • 成功進入系統,但是我好像把自己的名字打錯了,,應該是smileKnife ... 果然選中文是正確的選擇。。
Paste_Image.png

配置linux環境

  • 首先進入root (以后命令會如下給出)
    sudo -i 回車后輸入密碼

    Paste_Image.png

  • 亂碼問題

Paste_Image.png

解決(把語言換成了英文):
vim /etc/default/locale
vim簡單使用, i 進入編輯模式(進入之后和普通記事本一樣),esc 返回命令模式(:q 退出,:wq 寫了之后退出)

Paste_Image.png

把上圖中的內容修改為

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

改完之后,按esc , 輸入 :wq , 回車


Paste_Image.png

輸入 locale-gen-en_US:en , 然后重啟 shutdown -r now

Paste_Image.png

  • 進入root , 更新軟件源
    apt-get upgrade 如下圖,輸入y , 回車。 中間可能會有編碼問題, 全部utf-8
Paste_Image.png
  • 安裝mysql (以下安裝全采用apt-get install 的形式,采用源碼編譯也可以,效果是一樣的)
    apt-get install mysql-client-5.7 mysql-server-5.7 同樣,輸入y , 回車
Paste_Image.png

mysql 設置密碼, 隨便, 要記住。 配置wordpress時要用


Paste_Image.png
  • 安裝php-fpm
    apt-get install php-fpm
Paste_Image.png
  • 下載 wordpress

wordpress官網(中文版)
wordpress下載地址

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

Paste_Image.png
下載好之后

tar -xzf wordpress-4.7.2-zh_CN.tar.gz 解壓, 輸入到tar -xzf wo時可以按tab鍵補全。

解壓之后

這時可以把wordpress文件夾重新命名,也可以把里面的東西拷貝到我們剛才新建的文件夾里面
cp ./wordpress/* -r ./smileknife

拷貝
  • 安裝nginx
    apt-get install nginx
安裝nginx

裝完之后,如果是linux是在去服務器上,則在瀏覽器中輸入ip地址應該會出現welcome nginx的畫面了,
虛擬機的還不行,還要多幾步:
1.更變virtualbox的網絡配置:

打開網絡設置

2 , 從Nat換成Bridged Adapter。 然后重啟linux shutdown -r now

從NAT換成Bridged Adapter

3,重啟之后輸入 ifconfig 查看ip

Paste_Image.png

然后在主機瀏覽器上輸入這個ip ,可以看到:

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;
                }

        }

nginx.conf
添加好之后

執行命令 nginx -s reload 然后刷新下瀏覽器 nginx 502

502

這是因為php-fpm的端口沒有設置好

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

www.conf

找到這里,改為 listen = 9000 。


listem
修改之后

重啟php-fpm服務 :service php7.0-fpm restart

重啟php-fpm

再刷新瀏覽器會發現又有變化:

mysql擴展

安裝配置wordpress

  • 安裝php-mysql擴展
    apt-get install php-mysql
php-mysql
  • 配置wordpress
    再刷新瀏覽器可以看到進入了wordpress配置頁面,點現在就開始
配置wordpress

填寫相關的信息,然后點提交


填寫數據庫相關信息

這時會報未找到數據庫的錯:

未找到數據庫

解決:
mysql -uroot -p 回車后輸入數據庫密碼

數據庫

輸入: create database wordpress; 然后回到瀏覽器重試。

create database

這時應該是寫入權限不足


不能寫入

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

777

忘了給主文件夾加權限了。。。還是寫不進去,補一句。然后點進行安裝

Paste_Image.png
然后點進行安裝

添寫好信息之后點安裝


Paste_Image.png
Paste_Image.png

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


收工

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

其實還有問題, 不信你點一下安裝主題

ftp

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

在下圖的位置上添加:

define("FS_METHOD","direct");

define("FS_CHMOD_DIR", 0777);

define("FS_CHMOD_FILE", 0777);
添加

真的收工了

真的結束了。
活生生的例子:線上demo
本人的wordpress博客 www.lixiang.red
謝謝大家支持,有問題可以發上面的郵箱我們一起討論~
再次感謝大家!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容