基于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}}]}