2014年12月快結(jié)束的幾天,我開始了我的簡書仿站生涯。什么是仿站,就是盜版哈,把簡書的網(wǎng)站裝進自己的服務(wù)器口袋里。問我為什么,也沒有為什么,只是想做而已(練練手),我想有個自己的博客網(wǎng)站。
仿站的過程由@筑夢百科逍棽客帶著我做,這是我第一次接觸動態(tài)網(wǎng)頁開發(fā)。本人有靜態(tài)網(wǎng)頁的基礎(chǔ),懂點JS,最近又在學(xué)PHP,但是對于動態(tài)網(wǎng)頁還算零基礎(chǔ)的。因此,逍老師負責(zé)制作然后講解制作過程,我負責(zé)記錄整理報告以及撰寫網(wǎng)站更新日志。在不斷整理報告,查閱資料以及實際操練的過程中,慢慢了解了一些事情。以下是我整理的簡書仿站報告(一)的內(nèi)容,其他(二)、(三)等更多內(nèi)容會陸續(xù)整理出來。由于本人是初學(xué)者,在撰寫的過程中對于一些專業(yè)術(shù)語難免有理解不當(dāng)之處,希望各位指正包涵。
我們用的是Wordpress建站的,Wordpress是使用PHP語言開發(fā)的博客平臺,PHP是一種服務(wù)器端的,嵌入Html的腳本語言??蛻舳说臑g覽器是看不見這種PHP文件的,瀏覽器能看見的一般都是Html、Css、JS的文件。因此PHP的動態(tài)網(wǎng)站不像靜態(tài)網(wǎng)站,直接在Dreamweaver里寫html文件,然后用瀏覽器運行就可以看見網(wǎng)頁效果,它需要搭建環(huán)境。
仿站前要準(zhǔn)備的事項
1.搭建服務(wù)器環(huán)境
搭建服務(wù)器環(huán)境。有兩種辦法,兩種辦法我都用了,第一種就是去找服務(wù)器廠商購買服務(wù)器和域名。我是在中國互聯(lián)購買的服務(wù)器,我還購買了域名。這家的服務(wù)質(zhì)量很好,除了不是24小時的客服在線QQ,其他沒話說。買了服務(wù)器以后,我得到了一個服務(wù)器的IP地址,和用戶名密碼。然后就按照服務(wù)器廠商官網(wǎng)的說明,在在線客服的幫助下,把域名和IP地址關(guān)聯(lián)綁定。另外,我想說,我買的服務(wù)器是香港的,不是國內(nèi)的,所以網(wǎng)站打開的時候會比國內(nèi)的要慢一點,但是不用注冊備案。
第二種辦法就是搭建本地服務(wù)器環(huán)境,網(wǎng)上有一堆教你如何搭建LAMP環(huán)境的方法(LAMP下面講),搜一下就有了,但是有點復(fù)雜,我用的是逍老師推薦的一站式服務(wù)器搭建方法,下載PHPnow-1.5.6,然后點擊Setup.cmd安裝就可以了。這個本地服務(wù)器一般是用來進行測試用。初學(xué)者我建議還是用PHPnow吧。當(dāng)然,你還可以用其他的一站式搭建服務(wù)器的軟件??催@文《9款一鍵快速搭建PHP運行環(huán)境的好工具》。

2.什么是LAMP
LAMP是一種解決方案,除了這個還有WAMP、MAMP等。但是相對價格低廉,是最好的用于搭建動態(tài)網(wǎng)站的服務(wù)器環(huán)境。LAMP指的是Linux(操作系統(tǒng))、Apache(HTTP服務(wù)器)、MySQL(數(shù)據(jù)庫軟件)和PHP(有時也指Perl或Python)的第一個字母組成。
3.安裝Wordpress
到Wordpress官網(wǎng)下載WordPress安裝包。然后把它放進服務(wù)器里面,如果你是購買服務(wù)器的話,就用FlashFxp,將WordPress安裝包上傳到自己購買的服務(wù)器上去,放在主目錄下,比如我的話,主目錄是wwwroot,就放在那里(不知道主目錄的可以去問服務(wù)器廠商)。注意,是WordPress安裝包里頭的所有文件,不是整個安裝包文件夾。如果你是用PHPnow安裝的本地服務(wù)器,只要把WordPress的整個安裝包文件夾拷貝到你的PHPnow中的【htdocs】文件夾下面就可以了。然后在地址欄中輸入:127.0.0.1/wordpress 打開就可以安裝了,購買服務(wù)器的,在地址欄中輸入你的網(wǎng)站域名,打開就可以安裝了。

關(guān)于WordPress怎么安裝,可以百度,或者看看這篇:《WordPress入門之如何安裝WordPress》。我就不講了,很簡單。但是值得注意的是,在WordPress中注冊的用戶名和密碼最好記住,如果你是搭建的本地服務(wù)器的話,因為不能點擊“忘記密碼了?”重新修改,很麻煩,到時候碰到你就知道了,需要修改一些配置文件。一站式服務(wù)器搭建環(huán)境一般都是給你設(shè)置好一些配置參數(shù),不用你自己設(shè)置。除非你不是初學(xué)者,可以去查查如何自己搭建LAMP,自己設(shè)置參數(shù)。
以上就是準(zhǔn)備工作,下面就開始仿站啦!
WordPress建站,其實主要是建WordPress的主題。如何將靜態(tài)的Html文件,變成動態(tài)的PHP文件,將靜態(tài)的頁面與WordPress的后臺管理系統(tǒng)關(guān)聯(lián)起來。
1.在你的主目錄中找到wp-content/themes,在里面新建一個文件夾,命名為"jianshu"。

2.打開簡書的首頁,在瀏覽器菜單欄中【文件】——保存網(wǎng)頁。就得到了一個存有簡書首頁所有文件的文件夾,和一個html網(wǎng)頁文件。將html文件改成index.php,放進上面說的主目錄中的jianshu文件夾中,并且把存有簡書首頁所有文件也全部放進去。
3.在jianshu文件夾中新建一個style.css。作為簡書網(wǎng)頁的主樣式文件。把下面的代碼復(fù)制進style.css中,保存。內(nèi)容可以自己寫,但用英文。
@charset "utf-8";
/*
Theme Name: jianshu
Theme URI:
Description: just a test blog
Author: hexiaoyin
Author URI:www.designnote.cn
Version: 1.0
Tags: Jianshu, blog
*/
4.做一張圖片,大小大致是334*271px的,保存為PNG格式,命名為screenshot.png,放進jianshu文件夾中。這個圖片是作為主題介紹的圖片。
5.然后打開127.0.0.1/wordpress/wp-admin,(如果是本地服務(wù)器的話)。如果是購買的服務(wù)器的話,你的域名/wp-admin,比如我的話是www.designnote.cn/wp-admin。進入登入后臺,輸入你注冊的WordPress用戶名和密碼登陸你的WP后臺。選擇【外觀】-【主題】,就可以看到你剛剛建的主題了,啟用它就可以了。

6.打開127.0.0.1/wordpress/(本地服務(wù)器的話),購買服務(wù)器的話,打開你的域名,看看簡書首頁有沒有了。你可能會發(fā)現(xiàn)頁面有是有了,但是內(nèi)容散架了,或者圖片不顯示之類的,這是圖片、或者CSS文件等的相對地址錯誤了,這是下次要講的內(nèi)容。
今天就介紹到這里,下一篇介紹簡書首頁怎么做~
下一篇:
《簡書仿站報告(二):如何實現(xiàn)首頁基礎(chǔ)功能》
《簡書仿站報告(三):關(guān)于WordPress建站的原理二三事》
《簡書仿站報告(四):如何制作文章詳情頁》