一直再簡書上面寫一些東西,時不時的也會想擁有自己的博客對于只學(xué)習(xí)了一點(diǎn)前端的小白來說横漏,想自己搭建一個很難懊悯,但是看網(wǎng)上有wordpress建站的東西,所以也就想自己嘗試一下來搭建一個屬于自己的博客凛捏,正好也只2017最后一天吞瞪,為2018開一個好頭。效果圖戳這里——>東東個人博客.你可以一句代碼都不懂岗喉,只需要按照步驟一步一步即可(畢竟坑已經(jīng)被前輩踩差不多了秋度,我也踩著過來的)。廢話不多說钱床。直接來看步驟吧静陈。
下面我們來介紹服務(wù)器端搭建個人博客詳細(xì)過程(此處使用本地下載之后再進(jìn)行上傳操作)
-
首先我們需要的準(zhǔn)備事項(xiàng)(本地電腦windows系統(tǒng),服務(wù)器使用阿里云)
- XAMPP(Apache+Mysql+PHP) 诞丽,一個集成開發(fā)環(huán)境鲸拥,如果不懂,沒關(guān)系僧免,點(diǎn)擊下載地址刑赶,根據(jù)服務(wù)器系統(tǒng)進(jìn)行下載(服務(wù)器一般安裝的linux系統(tǒng))版本進(jìn)行下載。
- wordpress安裝包懂衩。需要下載戳這里,右上角有下載點(diǎn)擊撞叨。對系統(tǒng)沒有要求。
找不到的朋友看這里
- 我們需要一臺服務(wù)器浊洞,這里我們就以阿里云為例牵敷。不用購買域名與備案,我們使用公網(wǎng)ip也可以法希,如果想購買域名并備案戳這里,我們這里強(qiáng)制不要求(如果您已經(jīng)擁有自己的服務(wù)器則可以略過購買服務(wù)器的這個步驟枷餐,本人也是很久之前買的,具體步驟也記不太清苫亦,有可能不夠全面)
給出幾個購買步驟詳細(xì)的連接毛肋,貌似官方步驟怨咪,- 購買服務(wù)器步驟:
-
1、打開阿里云官網(wǎng),沒有賬號的小伙伴可以注冊一個賬號润匙,右上角
-
2孕讳、登錄成功后匠楚,如圖所示點(diǎn)擊,就會彈出購買頁面,之后根據(jù)自己情況購買厂财,最低配置就可以芋簿,如果不夠我們還可以在往上升級,但是買多了降級就很困難了蟀苛。
-
3益咬、 購買成功后可以獲取一個公網(wǎng)ip,記住這個ip逮诲,還有連接密碼帜平。我們在xshell連接遠(yuǎn)程的時候會用到
4、當(dāng)然如果是學(xué)生梅鹦,可以使用云翼計劃裆甩,9.9/月,學(xué)生認(rèn)證,然后購買服務(wù)器。以上步驟有點(diǎn)簡單齐唆,畢竟買的時間有點(diǎn)久嗤栓,具體步驟也忘了截圖」坑剩可自行百度茉帅。~~~
-
- 購買服務(wù)器步驟:
- 需要遠(yuǎn)程連接服務(wù)器的程序xshell,等,(需要遠(yuǎn)程連接服務(wù)器锭弊,如果不知道堪澎,點(diǎn)擊下面的下載并安裝即可)如果電腦上已經(jīng)安裝類似的軟件那就再好不過了,如果沒有下載味滞,點(diǎn)擊此處下載xshell5
- 如果在本地下載了wordpress和xampp的小伙伴樱蛤,就需要遠(yuǎn)程文件傳輸工具xftp工具,一款遠(yuǎn)程傳輸文件的點(diǎn)擊此處下載
- 檢車一下我們現(xiàn)在手里的五個東西剑鞍,兩個軟件xshell,xftp,兩個包文件昨凡,xampp安裝包(注意和服務(wù)器系統(tǒng)一致),wordpress包文件蚁署,還有一個自己的服務(wù)器便脊。
到這里我們的準(zhǔn)備工作就已經(jīng)完成了。下面開始表演真正的技術(shù)(吹牛皮)了~~~ -
搭建步驟:
(一)首先需要安裝我們的xshell和xftp
打開xshell,如圖:
點(diǎn)擊新建光戈,填入自己的公網(wǎng)ip,協(xié)議選擇ssh即可就轧,新建會話是自己命名的便于記憶的名字點(diǎn)擊確定
點(diǎn)擊之后會彈出如下框:點(diǎn)擊確定會提示輸入用戶名和密碼:(用戶名默認(rèn)是root,密碼是自己設(shè)置的服務(wù)器密碼)
點(diǎn)擊確定即可連接成功:(如下圖所示证杭,表示連接成功)
(二)完成遠(yuǎn)程連接妒御,此時我們點(diǎn)擊xftp解愤,如圖所示位置(前提是安裝了xftp程序)
點(diǎn)擊完成會彈出xftp框(里面內(nèi)容初始為空,我的里面已經(jīng)放了一個文件(沒有用的文件)乎莉,看見的小伙伴可以自動忽略送讲。)
(三)安裝xampp,將開始準(zhǔn)備好的xampp包文件直接拖進(jìn)服務(wù)器根目錄(如果前面小伙伴忘了下載,還可以在xshell中這里使用命令
wget https://www.apachefriends.org/xampp-files/7.2.0/xampp-linux-x64-7.2.0-0-installer.run
即可下載服務(wù)器當(dāng)前目錄惋啃;)
拖過去完成后(或下載完成后)可以看到如下圖所示:多了一個.run文件哼鬓,這就是我們需要的文件
安裝xampp:
(1)首先查看剛才準(zhǔn)備好的xampp,
(2)修改權(quán)限:(代碼不需要理解復(fù)制粘貼即可,一條一條復(fù)制)
chmod 755 xampp-linux-x64-7.2.0-0-installer.run
./xampp-linux-x64-7.2.0-0-installer.run
一路y下去即可完成安裝边灭;
(3)啟動异希。安裝完畢之后,并沒有運(yùn)行绒瘦,我們需要手動啟動xampp服務(wù)称簿,也就是啟動apache,ftp和mysql這些服務(wù)器惰帽。使用命令
/opt/lampp/lampp start
此時憨降,lampp組件就成功啟動了,但它并不是每次隨系統(tǒng)啟動
輸入以下命令:
ln -s /opt/lampp/lampp /etc/rc.d/rc3.d/S99lampp
ln -s /opt/lampp/lampp /etc/rc.d/rc4.d/S99lampp
ln -s /opt/lampp/lampp /etc/rc.d/rc5.d/S99lampp
這樣该酗,就隨系統(tǒng)啟動了授药!
(4)環(huán)境安裝完了,但是MySQL的密碼是多少呜魄,ftp的賬號密碼也是多少悔叽?我們不知道,這個默認(rèn)為空爵嗅,還需要我們自己設(shè)置娇澎。【要先在文本上面寫好先在復(fù)制安全點(diǎn)操骡,不然密碼設(shè)置成什么自己都不記得了】輸入命令
sudo /opt/lampp/lampp security
1九火、先輸入xampp控制面板的密碼(用戶名是xampp);
2册招、輸入phpmyadmin的密碼(用戶名是pma)
3岔激、輸入mysql的密碼(用戶名是root)
4、輸入ftp密碼(用戶名是daemon是掰,默認(rèn)端口21)
6虑鼎、在瀏覽器輸入服務(wù)器的ip訪問看一下成功了沒有?
由于服務(wù)器設(shè)置了xampp不允許遠(yuǎn)程訪問,所以遠(yuǎn)程不能訪問需要修改conf文件
vim /opt/lampp/etc/extra/httpd-xampp.conf
將 Require local 改成 Require all granted
重啟xampp:
/opt/lampp/lampp restart
到此xampp安裝完成
此時在地址欄輸入公網(wǎng)ip查看如圖所示即為安裝成功
(四)配置mysql數(shù)據(jù)庫
點(diǎn)擊如圖所示進(jìn)入pymyadmin:(開始是沒有密碼但沒有新建的權(quán)限炫彩,反正我是這樣)
之后點(diǎn)擊新建:
新建一個自己博客的數(shù)據(jù)庫我們起名blog
如果你和我一樣匾七,第一次準(zhǔn)備新建的時候沒有權(quán)限,那就需要修改一下配置文件了
-
此時我們需要使用剛才的xshell程序江兢,首先切換到根目錄
cd /
然后使用命令:
vi opt/lampp/phpmyadmin/config.inc.php
找到其中的cookie,將他改為http.修改是按鍵盤的i
進(jìn)入編輯模式昨忆,修改完成后按esc
,然后按:wq
保存并退出杉允∫靥回車即可。
- 此時打開剛才的頁面將會提示我們輸入用戶名和密碼:用戶名為root叔磷,密碼不是服務(wù)器密碼拢驾,而是剛才安裝xampp時的數(shù)據(jù)庫密碼
可以新建之后已經(jīng)離成功很近了,在加把油改基。
(五)安裝wordpress
-
將之前下載好的wordpress放入目錄
opt/lampp/htdocs
中(此目錄不需要知道干什么繁疤,拖進(jìn)去就成功一大半)。使用xftp(*找到目錄直接拖進(jìn)去)
- 此時在瀏覽器中輸入 http://你的公網(wǎng)ip/wordpress
就會出現(xiàn)如下圖所示提示使用wordpress
- 點(diǎn)擊現(xiàn)在就開始~(心里是不是有點(diǎn)小激動呢秕狰,很快就好了)
填如上面信息稠腊,密碼就是I自己數(shù)據(jù)庫密碼,數(shù)據(jù)庫名字就是當(dāng)時我們新建的數(shù)據(jù)庫名字封恰,數(shù)據(jù)庫主機(jī)不需要管麻养,標(biāo)簽綴看你的需求來定褐啡。
- 點(diǎn)擊提交:
-
如果最后這里你出現(xiàn)里錯誤:安裝wordpress最后一步顯示 抱歉诺舔,無法寫入wp-config.php文件您可以手動創(chuàng)建wp-config.php文件,說名wp-config.php文件權(quán)限不夠哦备畦,如果不想折騰低飒。我們就在本地新建一個文件,名字就是wp-config.php懂盐。然后把他提示那些復(fù)制到此文件中褥赊,如果沒看見沒關(guān)系,我這里有一份,復(fù)制到wp-config.php中莉恼,然后通過xftp將文件拖到wordpress/目錄中
<?php
/**
* WordPress基礎(chǔ)配置文件拌喉。
*
* 這個文件被安裝程序用于自動生成wp-config.php配置文件,
* 您可以不使用網(wǎng)站俐银,您需要手動復(fù)制這個文件尿背,
* 并重命名為“wp-config.php”,然后填入相關(guān)信息捶惜。
*
* 本文件包含以下配置選項(xiàng):
*
* * MySQL設(shè)置
* * 密鑰
* * 數(shù)據(jù)庫表名前綴
* * ABSPATH
*
* @link https://codex.wordpress.org/zh-cn:%E7%BC%96%E8%BE%91_wp-config.php
*
* @package WordPress
*/
// ** MySQL 設(shè)置 - 具體信息來自您正在使用的主機(jī) ** //
/** WordPress數(shù)據(jù)庫的名稱 */
define('DB_NAME', 'blog');
/** MySQL數(shù)據(jù)庫用戶名 */
define('DB_USER', 'root');
/** MySQL數(shù)據(jù)庫密碼 */
define('DB_PASSWORD', 'cdd654301.,');
/** MySQL主機(jī) */
define('DB_HOST', 'localhost');
/** 創(chuàng)建數(shù)據(jù)表時默認(rèn)的文字編碼 */
define('DB_CHARSET', 'utf8mb4');
/** 數(shù)據(jù)庫整理類型田藐。如不確定請勿更改 */
define('DB_COLLATE', '');
/**#@+
* 身份認(rèn)證密鑰與鹽。
*
* 修改為任意獨(dú)一無二的字串!
* 或者直接訪問{@link https://api.wordpress.org/secret-key/1.1/salt/
* WordPress.org密鑰生成服務(wù)}
* 任何修改都會導(dǎo)致所有cookies失效汽久,所有用戶將必須重新登錄鹤竭。
*
* @since 2.6.0
*/
define('AUTH_KEY', '-b15UDK1G6t-3!N]ab_sKt#6[hR_y|-jbq%*E~P|q,[b 1e@Ub+8O)m/hyvaa g.');
define('SECURE_AUTH_KEY', 'TD~MIMb+OB?m4Spc#y #`4,zM/fZp,.-DOkvAgT3UF+OM{ceCp&DVGYkAPN8l3(W');
define('LOGGED_IN_KEY', '%4Huj ;O=}v$Dr_Zu{/NDPZ:uEq;U<1}GrVmIu;-%b7^$)Zvlzg-@f2000y]d_4%');
define('NONCE_KEY', ',zgxlew?_3JRPa8Q|s5PM;nM_%$RsI<4.]BA$1DVmF6N --GJ;YQIo%SAeUu)$x4');
define('AUTH_SALT', 'vU.J><]h9Xb<m#hf-/:n}gV1h[jwpwj$!29pt(<JvA}x6!wfVf8[tBUZ:(CiO Lg');
define('SECURE_AUTH_SALT', 'e%:.d8QcyHj-OnHOy-fOpLu.QLihB-WK(xy R^o.zkAtOIOuwOD#(].0115xB{w5');
define('LOGGED_IN_SALT', '~).DJ(N9 Vg;SQq6z(=_? :cFg0y2~_O*A^(e{.[}X,GPWxU[pR&WY%@QT!&OKW7');
define('NONCE_SALT', ').y70i<,T*M*^fX&.{TXyGJd?qoJ9a3`v+ &Lh`x[qeOi})+k(Q+;_{[bk*GNO,L');
/**#@-*/
/**
* WordPress數(shù)據(jù)表前綴。
*
* 如果您有在同一數(shù)據(jù)庫內(nèi)安裝多個WordPress的需求景醇,請為每個WordPress設(shè)置
* 不同的數(shù)據(jù)表前綴臀稚。前綴名只能為數(shù)字、字母加下劃線三痰。
*/
$table_prefix = 'wp_';
/**
* 開發(fā)者專用:WordPress調(diào)試模式烁涌。
*
* 將這個值改為true,WordPress將顯示所有用于開發(fā)的提示酒觅。
* 強(qiáng)烈建議插件開發(fā)者在開發(fā)環(huán)境中啟用WP_DEBUG撮执。
*
* 要獲取其他能用于調(diào)試的信息,請訪問Codex舷丹。
*
* @link https://codex.wordpress.org/Debugging_in_WordPress
*/
define('WP_DEBUG', false);
/**
* zh_CN本地化設(shè)置:啟用ICP備案號顯示
*
* 可在設(shè)置→常規(guī)中修改抒钱。
* 如需禁用,請移除或注釋掉本行颜凯。
*/
define('WP_ZH_CN_ICP_NUM', true);
/* 好了谋币!請不要再繼續(xù)編輯彼城。請保存本文件诅蝶。使用愉快募壕! */
/** WordPress目錄的絕對路徑调炬。 */
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
/** 設(shè)置WordPress變量和包含文件棘钞。 */
require_once(ABSPATH . 'wp-settings.php');
- (如果沒有出現(xiàn)前面的問題)是不是很激動~~~點(diǎn)擊現(xiàn)在安裝宝恶。站點(diǎn)就是自己設(shè)置。用戶名也可以自己設(shè)置屠阻,之后不可以修改(我沒找到修改的地方),選一個自己喜歡的二用戶名呻引,密碼自己設(shè)置一個卢厂,當(dāng)然郵件自己也需要填寫,點(diǎn)擊安裝即可。
到這一步恭喜你大功告成@窃āE樽痢巡通!
登錄即可:
剩下只需要管理即可
此時瀏覽器上面打開你的公網(wǎng)ip/wordpress
來查看自己的博客,看到這里是不是很驚喜1硇C殖!
(六)此時我們可以通過控制臺自定義我們的主題蟆沫,文章等等籽暇,(這里還有一個問題,就是寫入文章點(diǎn)擊文章詳細(xì)頁出錯)
解決辦法:如圖點(diǎn)擊
我的默認(rèn)選擇的是固定連接饭庞,選擇樸素即可戒悠,此時我們的文章點(diǎn)擊詳情即可出現(xiàn)。
(七)wordpress主題的更換舟山,
到這一步大家是不是都已經(jīng)安裝了自己的博客呢绸狐,更換主題可以使用他自己的卤恳,點(diǎn)擊外觀主題
wordpress本身自帶幾款主題,沒有這么多寒矿,需要自己去下載纬黎,或者添加,推薦幾個下載主題的地方
愛找主題劫窒,主題貓本今,模版之家.還有就需要自己找或者大佬的話可以自己開發(fā)主題~
- 本地添加只需要點(diǎn)擊最后的加號即可,如果是自己下載的需要使用xftp上傳到
/opt/lampp/htdocs/wordpress/wp-content/themes
中(使用xftp找到該目錄主巍,把下載的主題丟進(jìn)去)冠息,在此刷新主題就可以看到我們剛才自己下載的,點(diǎn)擊啟用即可孕索。
終于總結(jié)完了逛艰,2017年12月31號晚9:56.紀(jì)念一下在學(xué)習(xí)了一年的自己~馬上就到2018年了,希望2018有個好的開始搞旭。
-
下面還總結(jié)了一下操作過程中的問題和大家可能想要了解的問題散怖,(難道只有我遇到了?大部分應(yīng)該不會遇到)(附上解決問題的方法肄渗,大佬還是很多的)
- 安裝xampp時啟動端口被占用問題镇眷。
-
vi編輯器使用這是屬于比較全的,一般簡單操作為
i
編輯模式翎嫡,可以進(jìn)行編輯欠动。按下esc
在按下冒號:
加wq
保存并退出。 - 阿里云綁定域名惑申。
- 阿里云學(xué)生購買服務(wù)器具伍,主要是太窮。
- wordpress主題開發(fā)官方文檔圈驼。