基於Mac的手動搭建WordPress個人站點的方法

{"type":"doc","content":[{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"對於一個前端開發人員來說,搭建個人博客網站是一個必備技能,搭建個人站點主要由空間、程序和域名三部分組成。那麼本篇博文就來談談通過手動搭建搭建WordPress個人站點的過程步驟。","attrs":{}}]}],"attrs":{}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"操作場景","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":" WordPress是一款通過使用PHP語言開發的博客平臺,開發者可以通過WordPress搭建屬於自己的個人博客平臺,本篇博文以Mac操作系統爲例,手動搭建WordPress個人站點。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":" 第一部分,空間是存放網站程序的地方,一般的個人站點程序不需要單獨的主機,購買一般的雲主機即可,但是空間分爲國內和國外的區別,國內的個人站點必須要備案,可是網速比較快;國外的個人站點不需要備案,但是網速相對較慢,這就需要根據實際需求來做取捨選擇。第二部分,網站程序一般是選擇博客模板,相關模板也不比較多,但是目前個人覺得好用的就是WordPress模板,該模板比較輕量級,而且生態也比較不錯,各種插件都比較齊全、豐富。第三部分,網站域名,主要用於搜索會用到,去萬維網購買域名,購買域名之後需要對域名進行解析,解析之後才能使用。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"一、搭建本地開發環境","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"1、下載MAMP","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"Mac操作系統下,通過MAMP搭建本地開發環境,它是由蘋果OSX系統上集成的Apache、Macintosh、MySQL和PHP等軟件包,可以在本地模擬網絡空間,下載鏈接","attrs":{}},{"type":"link","attrs":{"href":"https://www.mamp.info/en/mac/","title":null,"type":null},"content":[{"type":"text","text":"https://www.mamp.info/en/mac/","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}]},{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":" 。","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/0a/0a49304b533a66a5893e673d766f74f9.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"2、安裝","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"下載完MAMP安裝包,直接解壓打開,雙擊安裝,無需考慮太多,直接點擊“下一步”,安裝MAMP之後,打開MAMP版本,另外一個版本是需要收費的,選擇免費的MAMP即可。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"3、更改根目錄","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"點擊“Preferences…”—>”Web Server”—>”Document Root” 重新選擇網站重新目錄,該目錄存放網站程序。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"二、安裝網站程序","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"1、下載網站模板程序","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"直接去WordPress網址","attrs":{}},{"type":"link","attrs":{"href":"https://cn.wordpress.org","title":null,"type":null},"content":[{"type":"text","text":"https://cn.wordpress.org","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}]},{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":" 下載WordPress,這裏不再過多描述。","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/15/15736c681322c45cfe460d5bf9436add.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"2、安裝WordPress模板","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"把從網站下載下來的WordPress模板壓縮包解壓,然後直接拷貝到MAMP的根目錄下,然後打開瀏覽器在裏面輸入:localhost:8888/,然後點擊選擇“現在就開始:”,具體操作如下圖所示:","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/24/2496ed9055867885900a5f0950339285.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"填寫好上圖信息之後,點擊“提交”按鈕,會有下圖提示:","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/dc/dc4e1ff923e52b51b0d1eb75594efc93.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"填寫完上圖信息之後,點擊“安裝WordPress”進行安裝,會有下圖提示:","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/d6/d642af576e776b29e396c56712cc0a9a.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"設定密碼之後,點擊“登錄”按鈕,即可跳轉到網站登錄界面,輸入上面設置的管理員賬號即可登錄網站後臺管理。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"三、網站管理","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"1、選擇模板","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"點擊“插件”—>“安裝插件”,選擇markdown編輯器、主題、適配App、訪客統計等插件,提高網站用戶體驗感和統計信息等功能,具體其他想要的功能也可以直接再去WordPress網站下載。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"2、瀏覽網站","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"輸入:localhost:8888/ ,查看個人站點網站,對於優化網站的方法,根據實際需求去查看相關資料。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"四、重新上傳網站到站點空間","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"1、下載一個FTP工具,基於Mac系統的FileZilla工具;","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"2、連接站點空間;","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"3、上傳本地的站點程序;","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"4、上傳本地的數據庫WordPress。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#40A9FF","name":"blue"}}],"text":"五、個人站點解析","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"1、把從萬維網上面購買的域名進行域名解析;","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"2、在購買的個人站點進行綁定域名。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":" 上述五大步驟操作之後,基於Mac系統的手動搭建WordPress個人站點就算搭建成功了,然後可以通過域名來訪問自己的個人站點了,是不是瞬間成就感十足。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":" 以上就是本章全部內容,歡迎關注三掌櫃的微信公衆號“程序猿by三掌櫃”,三掌櫃的新浪微博“三掌櫃666”,歡迎關注!","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"三掌櫃的微信公衆號:","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/63/631a648dce6d128e7d4a60e0051a53d3.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#454545","name":"user"}}],"text":"三掌櫃的新浪微博:","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/2e/2e8b9aa98d7844456a61767cca826a9f.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}}]}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章