小白零基础建站教学
<h2 data-first-child="" style="margin: 0px 0px calc(1.16667em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.2em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">前言</h2><p data-pid="8Nx95YpZ" style="margin-top: 1.4em; margin-bottom: 1.4em;">好久没写文章,主要是自己懒,而且最近也没有学opencv的东西。立志成为视觉工程师的我在linux、web、渗透技术这方面逐渐沉迷(毕竟我十岁的时候就梦想成为一名黑客了)。</p><p data-pid="8TFnej2a" style="margin-top: 1.4em; margin-bottom: 1.4em;">这次为了引起我弟弟对于计算机的兴趣,我特意写这一篇小白基础建站教程,毕竟我认为兴趣是学习的第一动力,而web前端的学习我觉得相比于科班的各种计算机课程更容易上手制作出成品从而产生对于计算机科学的兴趣。更何况前端工程师的薪资也挺高的,所以我认为无论是就业还是兴趣爱好,学习一下前端技术挺好的。</p><h2 style="margin: calc(2.33333em) 0px calc(1.16667em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.2em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">建站流程</h2><ol style="padding: 0px; margin-top: 1.4em; margin-bottom: 1.4em; display: table; counter-reset: ol 0;" class=" list-paddingleft-2"><li><p>租一个云服务器</p></li><li><p>购买一个域名</p></li><li><p>ssh连接上云服务器</p></li><li><p>搭建宝塔面板</p></li><li><p>用宝塔面板搭建lnmp环境</p></li><li><p>用wordpress建站</p></li><li><p>初步美化自己的网站</p></li></ol><h2 style="margin: calc(2.33333em) 0px calc(1.16667em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.2em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">一、租一个云服务器(vps)</h2><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">1. 为啥要有一台vps?</h3><p data-pid="-GjMlKEd" style="margin-top: 1.4em; margin-bottom: 1.4em;">网站需要一个公网的ip,云服务器往往会提供一个公网ip,因此租一个云服务器是建站最简便的方法。 云服务器有很多类型,有的是托管服务器,有的是非托管服务器。二者有啥区别呢?</p><p data-pid="KeONcCAM" style="margin-top: 1.4em; margin-bottom: 1.4em;">在“非托管”(Unmanaged)VPS主机服务里,VPS主机商刚开始时通常只给你一个最原始的VPS配置,你必须自行安装操作系统和相关软件。而VPS主机商的客服也只负责VPS的硬件维护而已。 在非托管的VPS主机服务,主机商是不提供技术支持或维护的。这意味着你必须负责平时所有的VPS主机服务器维护工作,这包括操作系统和安全软件程序更新...等等。 所以有任何技术问题都必须自己处理。如重新启动服务器(reboot)、设置VPS主机、安装数据库、安装FTP服务器...等等。</p><p data-pid="Ol0ou3Z4" style="margin-top: 1.4em; margin-bottom: 1.4em;">而在“托管”(Managed)VPS主机服务里,VPS主机商的客服将承担所有主要的VPS服务器管理服务,这包括主机服务器硬件维护、主机操作系统和系统软件的升级、重新启动服务器(reboot)、安装一般在VPS主机环境中常用的软件和程序服务等等。</p><p data-pid="chVWKEwJ" style="margin-top: 1.4em; margin-bottom: 1.4em;">这里我的教程是基于非托管vps的,因为虽然托管vps很方便建站,但是租一台自己的非托管vps可以干很多很酷的事,例如建一个自己的云盘。毕竟年轻就是折腾不是么?</p><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">2. 如何租一台云服务器</h3><p data-pid="oQWBFyWu" style="margin-top: 1.4em; margin-bottom: 1.4em;">这里我建议大家关注一个专门安利实惠vps的公众号:<span style="font-weight: 600; font-synthesis: style;">vps小学生</span>。每天都会推荐实惠的vps。</p><p data-pid="3QM0M_5e" style="margin-top: 1.4em; margin-bottom: 1.4em;">我建议先租一台国外的1核1g以上的vps,因为国外的vps建站不需要备案,虽然备案现在很简单方便,但是总归要耗费一周左右的时间的。 (如果要真正建一个长久的网站,建议用阿里云国内的vps,虽然要备案,但是阿里云的安全性和客服都很好)</p><p data-pid="vRotnBIP" style="margin-top: 1.4em; margin-bottom: 1.4em;">新手的话建议先租一个按小时计费的,这样出啥问题了(毕竟国外的服务器是由可能被墙掉的)直接销毁退款,然后再换一台。</p><p data-pid="-ID5ERPg" style="margin-top: 1.4em; margin-bottom: 1.4em;">我用cloudcone这个vps服务商举例如何租一台服务器。</p><p><a target="_blank" href="https://link.zhihu.com/?target=https%3A//www.cloudcone.host/cloudcone-deploy-tutorial" data-draft-node="block" data-draft-type="link-card" data-text="CloudCone VPS 新手购买教程图文指导版" class="LinkCard new css-1wr1m8" data-image="https://pic3.zhimg.com/v2-c40d6ac311d96dd65f1bb8963737aa5e_180x120.jpg" data-image-width="711" data-image-height="408" data-za-detail-view-id="172" style="text-decoration-line: none; position: relative; display: flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgb(246, 246, 246); border: none !important;"><span class="LinkCard-contents" style="display: block; -webkit-box-flex: 1; flex: 1 1 auto; position: relative;"><span class="LinkCard-title two-line" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 40px; font-size: 15px; line-height: 20px; color: rgb(18, 18, 18); margin-bottom: 2px;">CloudCone VPS 新手购买教程图文指导版</span><span class="LinkCard-desc" style="font-size: 13px; height: 18px; line-height: 18px; color: rgb(153, 153, 153); word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"><span style="display: inline-flex; align-items: center;"><svg width="14" height="14" viewbox="0 0 24 24" data-new-api="Link24" data-old-api="InsertLink" class="Zi Zi--InsertLink" fill="currentColor"><path d="M5.327 18.883a3.005 3.005 0 010-4.25l2.608-2.607a.75.75 0 10-1.06-1.06l-2.608 2.607a4.505 4.505 0 006.37 6.37l2.608-2.607a.75.75 0 00-1.06-1.06l-2.608 2.607a3.005 3.005 0 01-4.25 0zm5.428-11.799a.75.75 0 001.06 1.06L14.48 5.48a3.005 3.005 0 014.25 4.25l-2.665 2.665a.75.75 0 001.061 1.06l2.665-2.664a4.505 4.505 0 00-6.371-6.372l-2.665 2.665zm5.323 2.117a.75.75 0 10-1.06-1.06l-7.072 7.07a.75.75 0 001.061 1.06l7.071-7.07z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>www.cloudcone.host/cloudcone-deploy-tutorial</span></span><span class="LinkCard-image" style="background-color: rgb(235, 235, 235); display: block; width: 60px; height: 60px; object-fit: cover; border-radius: inherit; -webkit-box-flex: 0; flex: 0 0 auto; background-size: cover; background-position: center center; position: relative; margin-left: 20px; overflow: hidden;"></span></a></p><p data-pid="bJN0E8C6" style="margin-top: 1.4em; margin-bottom: 1.4em;">记得系统选择Ubuntu18.04</p><h2 style="margin: calc(2.33333em) 0px calc(1.16667em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.2em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">二、购买一个域名</h2><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">1、什么是域名</h3><p data-pid="CIN0rBG3" style="margin-top: 1.4em; margin-bottom: 1.4em;">我们访问网站需要知道网站的地址,而这地址就是ip地址,例如24.125.53.7这串由四个不超过255的十进制组成的字符串。但是这串数字符不好记啊,那么就可以给ip取个名字,这样在浏览器输入这个名字,浏览器就可以找到对应的ip。所以这就是域名,例如<a href="https://link.zhihu.com/?target=http%3A//baidu.com" class=" external" target="_blank" rel="nofollow noreferrer" data-za-detail-view-id="1043" style="text-decoration-line: none; cursor: pointer; border-bottom: 1px solid rgb(128, 128, 128);"><span class="invisible" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 0px; line-height: 0; font-family: a; color: transparent; text-shadow: none;">http://</span><span class="visible">baidu.com</span><span class="invisible" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 0px; line-height: 0; font-family: a; color: transparent; text-shadow: none;"></span></a></p><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">2. 在腾讯云购买一个域名</h3><p data-pid="a8dMV00d" style="margin-top: 1.4em; margin-bottom: 1.4em;">这里不推荐阿里云,因为购买域名还要实名之类的,而且这些实名信息可以轻而易举被别人获取,如果黑客想攻击你的网站,这些信息可能会带来危险。</p><p data-pid="KJsjEQcd" style="margin-top: 1.4em; margin-bottom: 1.4em;">以下是购买教程。</p><p><a target="_blank" href="https://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/129NUcDBm2JQxBE6bLhbZQ" data-draft-node="block" data-draft-type="link-card" data-text="【分享】23元在腾讯云注册10年域名,手慢无" class="LinkCard new css-1wr1m8" data-image="https://pic3.zhimg.com/v2-cbe5b9883bc8dbbcd38cb3e30b4ebdb6_180x120.jpg" data-image-width="550" data-image-height="234" data-za-detail-view-id="172" style="text-decoration-line: none; position: relative; display: flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgb(246, 246, 246); border: none !important;"><span class="LinkCard-contents" style="display: block; -webkit-box-flex: 1; flex: 1 1 auto; position: relative;"><span class="LinkCard-title two-line" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 40px; font-size: 15px; line-height: 20px; color: rgb(18, 18, 18); margin-bottom: 2px;">【分享】23元在腾讯云注册10年域名,手慢无</span><span class="LinkCard-desc" style="font-size: 13px; height: 18px; line-height: 18px; color: rgb(153, 153, 153); word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"><span style="display: inline-flex; align-items: center;"><svg width="14" height="14" viewbox="0 0 24 24" data-new-api="Link24" data-old-api="InsertLink" class="Zi Zi--InsertLink" fill="currentColor"><path d="M5.327 18.883a3.005 3.005 0 010-4.25l2.608-2.607a.75.75 0 10-1.06-1.06l-2.608 2.607a4.505 4.505 0 006.37 6.37l2.608-2.607a.75.75 0 00-1.06-1.06l-2.608 2.607a3.005 3.005 0 01-4.25 0zm5.428-11.799a.75.75 0 001.06 1.06L14.48 5.48a3.005 3.005 0 014.25 4.25l-2.665 2.665a.75.75 0 001.061 1.06l2.665-2.664a4.505 4.505 0 00-6.371-6.372l-2.665 2.665zm5.323 2.117a.75.75 0 10-1.06-1.06l-7.072 7.07a.75.75 0 001.061 1.06l7.071-7.07z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>mp.weixin.qq.com/s/129NUcDBm2JQxBE6bLhbZQ</span></span><span class="LinkCard-image" style="background-color: rgb(235, 235, 235); display: block; width: 60px; height: 60px; object-fit: cover; border-radius: inherit; -webkit-box-flex: 0; flex: 0 0 auto; background-size: cover; background-position: center center; position: relative; margin-left: 20px; overflow: hidden;"></span></a></p><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">3. 域名解析</h3><p data-pid="7p_68hH5" style="margin-top: 1.4em; margin-bottom: 1.4em;">刚刚在上文里讲了域名对应着你的网站的ip,那么浏览器如何知道这种对应关系呢? 我们就需要在腾讯云控制台里把我们购买的域名解析到网站ip上。</p><p data-pid="ecYqvN7G" style="margin-top: 1.4em; margin-bottom: 1.4em;">打开腾讯云</p><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><p></p><p><br/></p><p data-pid="aPXf_zd1" style="margin-top: 1.4em; margin-bottom: 1.4em;">进入云解析页面后</p><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><p></p><p><br/></p><p data-pid="CHG1tZYG" style="margin-top: 1.4em; margin-bottom: 1.4em;">解析</p><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><figure data-size="normal" style="margin: calc(2.24em) 0px 1.4em;"></figure><figure data-size="normal" style="margin: calc(2.24em) 0px 1.4em;"></figure><figure data-size="normal" style="margin: calc(2.24em) 0px 1.4em;"></figure><figure data-size="normal" style="margin: calc(2.24em) 0px 1.4em;"></figure><figure data-size="normal" style="margin: calc(2.24em) 0px 1.4em;"></figure><p></p><p><br/></p><p data-pid="2uA_rT4Q" style="margin-top: 1.4em; margin-bottom: 1.4em;">解析结果如下</p><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><p></p><p><br/></p><p data-pid="HiwHG4xF" style="margin-top: 1.4em; margin-bottom: 1.4em;">三、ssh连接上自己的vps</p><p data-pid="zMtewPTC" style="margin-top: 1.4em; margin-bottom: 1.4em;">ssh全名Secure Shell,是一种加密的网络传输协议,可在不安全的网络中为网络服务提供安全的传输环境。就是远程控制自己的vps的协议。 这里我用的是mobaXtern(链接:<a href="https://link.zhihu.com/?target=https%3A//pan.baidu.com/s/1vd-yHrhK1Q52KJaOCk3uqQ" class=" external" target="_blank" rel="nofollow noreferrer" data-za-detail-view-id="1043" style="text-decoration-line: none; cursor: pointer; border-bottom: 1px solid rgb(128, 128, 128);"><span class="invisible" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 0px; line-height: 0; font-family: a; color: transparent; text-shadow: none;">https://</span><span class="visible">pan.baidu.com/s/1vd-yHr</span><span class="invisible" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 0px; line-height: 0; font-family: a; color: transparent; text-shadow: none;">hK1Q52KJaOCk3uqQ</span><span class="ellipsis"></span></a> 提取码:45xq)。</p><p data-pid="FtaUKDUZ" style="margin-top: 1.4em; margin-bottom: 1.4em;">以下是图文教程</p><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><figure data-size="normal" style="margin: calc(2.24em) 0px 1.4em;"></figure><figure data-size="normal" style="margin: calc(2.24em) 0px 1.4em;"></figure><p></p><p><br/></p><h2 style="margin: calc(2.33333em) 0px calc(1.16667em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.2em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;"><span style="font-synthesis: style;">四、搭建宝塔面板</span></h2><p data-pid="2zKAtPkF" style="margin-top: 1.4em; margin-bottom: 1.4em;">在ssh页面中输入以下教程的命令(右键是粘贴,不用手打)</p><p><a target="_blank" href="https://link.zhihu.com/?target=https%3A//www.bt.cn/bbs/thread-19376-1-1.html" data-draft-node="block" data-draft-type="link-card" data-text="宝塔Linux面板安装教程 - 2020年1月8日更新 - 7.1.0正式版" class="LinkCard new css-1wr1m8" data-image="https://pic1.zhimg.com/v2-b97e95ac5e90b1bfa90a883753361c54_ipico.jpg" data-image-width="300" data-image-height="259" data-za-detail-view-id="172" style="text-decoration-line: none; position: relative; display: flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgb(246, 246, 246); border: none !important;"><span class="LinkCard-contents" style="display: block; -webkit-box-flex: 1; flex: 1 1 auto; position: relative;"><span class="LinkCard-title two-line" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 40px; font-size: 15px; line-height: 20px; color: rgb(18, 18, 18); margin-bottom: 2px;">宝塔Linux面板安装教程 - 2020年1月8日更新 - 7.1.0正式版</span><span class="LinkCard-desc" style="font-size: 13px; height: 18px; line-height: 18px; color: rgb(153, 153, 153); word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"><span style="display: inline-flex; align-items: center;"><svg width="14" height="14" viewbox="0 0 24 24" data-new-api="Link24" data-old-api="InsertLink" class="Zi Zi--InsertLink" fill="currentColor"><path d="M5.327 18.883a3.005 3.005 0 010-4.25l2.608-2.607a.75.75 0 10-1.06-1.06l-2.608 2.607a4.505 4.505 0 006.37 6.37l2.608-2.607a.75.75 0 00-1.06-1.06l-2.608 2.607a3.005 3.005 0 01-4.25 0zm5.428-11.799a.75.75 0 001.06 1.06L14.48 5.48a3.005 3.005 0 014.25 4.25l-2.665 2.665a.75.75 0 001.061 1.06l2.665-2.664a4.505 4.505 0 00-6.371-6.372l-2.665 2.665zm5.323 2.117a.75.75 0 10-1.06-1.06l-7.072 7.07a.75.75 0 001.061 1.06l7.071-7.07z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>www.bt.cn/bbs/thread-19376-1-1.html</span></span><span class="LinkCard-image" style="background-color: rgb(235, 235, 235); display: block; width: 60px; height: 60px; object-fit: cover; border-radius: inherit; -webkit-box-flex: 0; flex: 0 0 auto; background-size: cover; background-position: center center; position: relative; margin-left: 20px; overflow: hidden;"></span></a></p><h2 style="margin: calc(2.33333em) 0px calc(1.16667em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.2em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">五、用宝塔面板搭建lnmp环境</h2><p data-pid="0rL2nw3i" style="margin-top: 1.4em; margin-bottom: 1.4em;">lnmp环境是建站必须的环境。</p><p data-pid="bgsZYnwQ" style="margin-top: 1.4em; margin-bottom: 1.4em;">按如下教程,搭建环境</p><p><a target="_blank" href="https://link.zhihu.com/?target=https%3A//blog.naibabiji.com/tutorial/bao-ta-an-zhuang-tu-wen-jiao-cheng.html" data-draft-node="block" data-draft-type="link-card" data-text="2019新版宝塔面板安装小白图文视频教程 - 奶爸建站笔记" class="LinkCard new css-1wr1m8" data-image="https://pic3.zhimg.com/v2-356f489411a74d7ec36f5f250bb457d6_180x120.jpg" data-image-width="850" data-image-height="300" data-za-detail-view-id="172" style="text-decoration-line: none; position: relative; display: flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgb(246, 246, 246); border: none !important;"><span class="LinkCard-contents" style="display: block; -webkit-box-flex: 1; flex: 1 1 auto; position: relative;"><span class="LinkCard-title two-line" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 40px; font-size: 15px; line-height: 20px; color: rgb(18, 18, 18); margin-bottom: 2px;">2019新版宝塔面板安装小白图文视频教程 - 奶爸建站笔记</span><span class="LinkCard-desc" style="font-size: 13px; height: 18px; line-height: 18px; color: rgb(153, 153, 153); word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"><span style="display: inline-flex; align-items: center;"><svg width="14" height="14" viewbox="0 0 24 24" data-new-api="Link24" data-old-api="InsertLink" class="Zi Zi--InsertLink" fill="currentColor"><path d="M5.327 18.883a3.005 3.005 0 010-4.25l2.608-2.607a.75.75 0 10-1.06-1.06l-2.608 2.607a4.505 4.505 0 006.37 6.37l2.608-2.607a.75.75 0 00-1.06-1.06l-2.608 2.607a3.005 3.005 0 01-4.25 0zm5.428-11.799a.75.75 0 001.06 1.06L14.48 5.48a3.005 3.005 0 014.25 4.25l-2.665 2.665a.75.75 0 001.061 1.06l2.665-2.664a4.505 4.505 0 00-6.371-6.372l-2.665 2.665zm5.323 2.117a.75.75 0 10-1.06-1.06l-7.072 7.07a.75.75 0 001.061 1.06l7.071-7.07z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>blog.naibabiji.com/tutorial/bao-ta-an-zhuang-tu-wen-jiao-cheng.html</span></span><span class="LinkCard-image" style="background-color: rgb(235, 235, 235); display: block; width: 60px; height: 60px; object-fit: cover; border-radius: inherit; -webkit-box-flex: 0; flex: 0 0 auto; background-size: cover; background-position: center center; position: relative; margin-left: 20px; overflow: hidden;"></span></a></p><h2 style="margin: calc(2.33333em) 0px calc(1.16667em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.2em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">六、用wordpress建站</h2><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">1、下载wordpress中文包</h3><p><a target="_blank" href="https://link.zhihu.com/?target=https%3A//tw.wordpress.org/wordpress-5.3.2-zh_TW.zip" data-draft-node="block" data-draft-type="link-card" data-text="wordpress下载地址" class="LinkCard new css-1wr1m8" data-za-detail-view-id="172" style="text-decoration-line: none; position: relative; display: flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgb(246, 246, 246); border: none !important;"><span class="LinkCard-contents" style="display: block; -webkit-box-flex: 1; flex: 1 1 auto; position: relative;"><span class="LinkCard-title two-line" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 40px; font-size: 15px; line-height: 20px; color: rgb(18, 18, 18); margin-bottom: 2px;">wordpress下载地址</span><span class="LinkCard-desc" style="font-size: 13px; height: 18px; line-height: 18px; color: rgb(153, 153, 153); word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"><span style="display: inline-flex; align-items: center;"><svg width="14" height="14" viewbox="0 0 24 24" data-new-api="Link24" data-old-api="InsertLink" class="Zi Zi--InsertLink" fill="currentColor"><path d="M5.327 18.883a3.005 3.005 0 010-4.25l2.608-2.607a.75.75 0 10-1.06-1.06l-2.608 2.607a4.505 4.505 0 006.37 6.37l2.608-2.607a.75.75 0 00-1.06-1.06l-2.608 2.607a3.005 3.005 0 01-4.25 0zm5.428-11.799a.75.75 0 001.06 1.06L14.48 5.48a3.005 3.005 0 014.25 4.25l-2.665 2.665a.75.75 0 001.061 1.06l2.665-2.664a4.505 4.505 0 00-6.371-6.372l-2.665 2.665zm5.323 2.117a.75.75 0 10-1.06-1.06l-7.072 7.07a.75.75 0 001.061 1.06l7.071-7.07z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>tw.wordpress.org/wordpress-5.3.2-zh_TW.zip</span></span></a></p><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">2、用宝塔面板添加站点</h3><p><a target="_blank" href="https://link.zhihu.com/?target=https%3A//blog.naibabiji.com/tutorial/bao-ta-mian-ban-tian-jia-wang-zhan.html" data-draft-node="block" data-draft-type="link-card" data-text="怎么在宝塔面板里面添加网站_绑定更多网站 - 奶爸建站笔记" class="LinkCard new css-1wr1m8" data-image="https://pic2.zhimg.com/v2-20a8be121400a5250640aa46a855a485_180x120.jpg" data-image-width="850" data-image-height="300" data-za-detail-view-id="172" style="text-decoration-line: none; position: relative; display: flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgb(246, 246, 246); border: none !important;"><span class="LinkCard-contents" style="display: block; -webkit-box-flex: 1; flex: 1 1 auto; position: relative;"><span class="LinkCard-title two-line" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 40px; font-size: 15px; line-height: 20px; color: rgb(18, 18, 18); margin-bottom: 2px;">怎么在宝塔面板里面添加网站_绑定更多网站 - 奶爸建站笔记</span><span class="LinkCard-desc" style="font-size: 13px; height: 18px; line-height: 18px; color: rgb(153, 153, 153); word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"><span style="display: inline-flex; align-items: center;"><svg width="14" height="14" viewbox="0 0 24 24" data-new-api="Link24" data-old-api="InsertLink" class="Zi Zi--InsertLink" fill="currentColor"><path d="M5.327 18.883a3.005 3.005 0 010-4.25l2.608-2.607a.75.75 0 10-1.06-1.06l-2.608 2.607a4.505 4.505 0 006.37 6.37l2.608-2.607a.75.75 0 00-1.06-1.06l-2.608 2.607a3.005 3.005 0 01-4.25 0zm5.428-11.799a.75.75 0 001.06 1.06L14.48 5.48a3.005 3.005 0 014.25 4.25l-2.665 2.665a.75.75 0 001.061 1.06l2.665-2.664a4.505 4.505 0 00-6.371-6.372l-2.665 2.665zm5.323 2.117a.75.75 0 10-1.06-1.06l-7.072 7.07a.75.75 0 001.061 1.06l7.071-7.07z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>blog.naibabiji.com/tutorial/bao-ta-mian-ban-tian-jia-wang-zhan.html</span></span><span class="LinkCard-image" style="background-color: rgb(235, 235, 235); display: block; width: 60px; height: 60px; object-fit: cover; border-radius: inherit; -webkit-box-flex: 0; flex: 0 0 auto; background-size: cover; background-position: center center; position: relative; margin-left: 20px; overflow: hidden;"></span></a></p><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">3、安装wordpress</h3><p><a target="_blank" href="https://link.zhihu.com/?target=https%3A//blog.naibabiji.com/tutorial/bao-ta-an-zhuang-wordpress.html" data-draft-node="block" data-draft-type="link-card" data-text="2020年新版宝塔面板安装Wordpress网站教程 - 奶爸建站笔记" class="LinkCard new css-1wr1m8" data-image="https://pic2.zhimg.com/v2-a4449af2f88c2f3082d3732bfb535175_180x120.jpg" data-image-width="850" data-image-height="300" data-za-detail-view-id="172" style="text-decoration-line: none; position: relative; display: flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgb(246, 246, 246); border: none !important;"><span class="LinkCard-contents" style="display: block; -webkit-box-flex: 1; flex: 1 1 auto; position: relative;"><span class="LinkCard-title two-line" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 40px; font-size: 15px; line-height: 20px; color: rgb(18, 18, 18); margin-bottom: 2px;">2020年新版宝塔面板安装Wordpress网站教程 - 奶爸建站笔记</span><span class="LinkCard-desc" style="font-size: 13px; height: 18px; line-height: 18px; color: rgb(153, 153, 153); word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"><span style="display: inline-flex; align-items: center;"><svg width="14" height="14" viewbox="0 0 24 24" data-new-api="Link24" data-old-api="InsertLink" class="Zi Zi--InsertLink" fill="currentColor"><path d="M5.327 18.883a3.005 3.005 0 010-4.25l2.608-2.607a.75.75 0 10-1.06-1.06l-2.608 2.607a4.505 4.505 0 006.37 6.37l2.608-2.607a.75.75 0 00-1.06-1.06l-2.608 2.607a3.005 3.005 0 01-4.25 0zm5.428-11.799a.75.75 0 001.06 1.06L14.48 5.48a3.005 3.005 0 014.25 4.25l-2.665 2.665a.75.75 0 001.061 1.06l2.665-2.664a4.505 4.505 0 00-6.371-6.372l-2.665 2.665zm5.323 2.117a.75.75 0 10-1.06-1.06l-7.072 7.07a.75.75 0 001.061 1.06l7.071-7.07z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>blog.naibabiji.com/tutorial/bao-ta-an-zhuang-wordpress.html</span></span><span class="LinkCard-image" style="background-color: rgb(235, 235, 235); display: block; width: 60px; height: 60px; object-fit: cover; border-radius: inherit; -webkit-box-flex: 0; flex: 0 0 auto; background-size: cover; background-position: center center; position: relative; margin-left: 20px; overflow: hidden;"></span></a></p><p data-pid="zDWv225q" style="margin-top: 1.4em; margin-bottom: 1.4em;">这篇教程里面的第三步可以不用做。</p><h2 style="margin: calc(2.33333em) 0px calc(1.16667em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.2em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">八、初步美化自己的网站</h2><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">1、进入wordpress后台管理页面</h3><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><p></p><p><br/></p><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">2、添加自己喜欢的主题</h3><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><p></p><p><br/></p><p data-pid="03xzmrBU" style="margin-top: 1.4em; margin-bottom: 1.4em;">然后安装自己喜欢的主题即可。</p><p data-pid="w0El--MU" style="margin-top: 1.4em; margin-bottom: 1.4em;">这里推荐我用的mdx主题</p><p><a target="_blank" href="https://link.zhihu.com/?target=https%3A//mdxjs.com/" data-draft-node="block" data-draft-type="link-card" data-text="MDX" class="LinkCard new css-1wr1m8" data-za-detail-view-id="172" style="text-decoration-line: none; position: relative; display: flex; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 390px; min-height: 84px; border-radius: 8px; max-width: 100%; overflow: hidden; margin: 16px auto; padding: 12px 12px 9px; background-color: rgb(246, 246, 246); border: none !important;"><span class="LinkCard-contents" style="display: block; -webkit-box-flex: 1; flex: 1 1 auto; position: relative;"><span class="LinkCard-title two-line" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 40px; font-size: 15px; line-height: 20px; color: rgb(18, 18, 18); margin-bottom: 2px;">MDX</span><span class="LinkCard-desc" style="font-size: 13px; height: 18px; line-height: 18px; color: rgb(153, 153, 153); word-break: break-all; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"><span style="display: inline-flex; align-items: center;"><svg width="14" height="14" viewbox="0 0 24 24" data-new-api="Link24" data-old-api="InsertLink" class="Zi Zi--InsertLink" fill="currentColor"><path d="M5.327 18.883a3.005 3.005 0 010-4.25l2.608-2.607a.75.75 0 10-1.06-1.06l-2.608 2.607a4.505 4.505 0 006.37 6.37l2.608-2.607a.75.75 0 00-1.06-1.06l-2.608 2.607a3.005 3.005 0 01-4.25 0zm5.428-11.799a.75.75 0 001.06 1.06L14.48 5.48a3.005 3.005 0 014.25 4.25l-2.665 2.665a.75.75 0 001.061 1.06l2.665-2.664a4.505 4.505 0 00-6.371-6.372l-2.665 2.665zm5.323 2.117a.75.75 0 10-1.06-1.06l-7.072 7.07a.75.75 0 001.061 1.06l7.071-7.07z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span>mdxjs.com/</span></span></a></p><h3 style="margin: calc(1.90909em) 0px calc(1.27273em); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 1.1em; line-height: 1.5; font-family: inherit; clear: left; font-synthesis: style;">3、自定义页面</h3><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><p></p><p><br/></p><p data-pid="g69X2er4" style="margin-top: 1.4em; margin-bottom: 1.4em;">在自定义页面定制自己站点的名字,菜单等。</p><p><br/></p><p></p><figure data-size="normal" style="margin: 1.4em 0px;"></figure><p></p><p><br/></p><p data-pid="ZcMjSd8w" style="margin-top: 1.4em; margin-bottom: 1.4em;">到这里初步的建站就已经完成啦。</p><p data-pid="Crgz0mgd" style="margin-top: 1.4em; margin-bottom: 1.4em;">大家可以移步去我的个人网站看看。</p><p><br/></p><p style="margin-top: 1.4em; margin-bottom: 0px;"><br/></p><p><button class="Reward-rewardBtn" style="padding: 0px; font: inherit; color: rgb(255, 255, 255); cursor: pointer; background: rgb(255, 51, 102); border-width: initial; border-style: none; border-color: initial; outline: none; appearance: none; margin: 27px 0px 0px; width: 80px; height: 34px; border-radius: 4px;"><br/></button></p><p><br/></p><link rel="stylesheet" href="//www.zhidianyun.cn/source/plugin/wcn_editor/public/wcn_editor_fit.css?v134_TZ8" id="wcn_editor_css"/>
页:
[1]