当前位置: 首页 > >

我的舔狗日记网站制作

发布时间:

一直说本公众号是集 好货、软件、福利、教程于一体的宝藏根据地,前段时间好货软件福利已经发布不少了,玩的看的听的都挺齐全,今天出一期“舔狗日记”的网站制作的教程,我进来说的明白些,让小小白也能玩转自如!机智如我/表情



站点体验

tgrj,舔狗日记首字母简写,效果网址http://tgrj.ruanxiaotang.top/


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4jB1Cvtd-1587552598550)(https://imgkr.cn-bj.ufileos.com/0510d66b-fd0e-49b5-ac17-e96d691f2298.jpg)]




[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xt5PsHbw-1587552598555)(https://imgkr.cn-bj.ufileos.com/adfdcf46-5967-4538-a896-565aed391cf6.jpg)]



页面的效果:刷新一下爽一下,一直刷新一直爽!


站点默认自动打开音乐播放,音频加载失败请多刷新几次。


开始制作

先来个说明:这其中的原理知识啥的小糖一概不会提,跟着我晃动左右手再加上慢动作就搞定了。


原理不提了,那就说一下步骤。


下载小糖准备好的"舔狗日记.zip"到豌豆云添加产品(http://www.peayun.com/)进到0元购买的空间里把上边下载的文件上传在空间中添加浏览器访问的域名把域名发给别人访问(或者自用)

舔狗日记.zip
https://xiaotang.lanzous.com/ibrnl0h



下面正式开始,内容有点多(实际上是说的比较?嗦),不出意外,三五分钟可以搞定。


首先,我们访问豌豆云。豌豆云是一个专门提供云服务的*台,由于人家的服务器在香港,所以我们大陆访问起来有点慢,不过不耽误事,比起百度网盘来说快不少呢。


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2UaovZN1-1587552598557)(https://imgkr.cn-bj.ufileos.com/868bfba9-ccd1-4101-821c-dbd659b22fd3.jpg)]


打开网站后,向下滑动鼠标,我们找到这个0元特购的条目,点它就行。这时候千万不要去注册账户,这时候千万不要去注册账户,这时候千万不要去注册账户,重要的事情说三遍,因为官网BUG,无法正常注册,再一个是先注册账户妨碍后续的步骤。


这个0元特购的条目,就是我们今天申请的豌豆云免费主机了,选择“我希望使用免费的域名”后,输入一个自己喜欢的名字,由于豌豆云使用的用户不是很多,名字啥的一般没有特殊限制。


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a18JItwn-1587552598559)(https://imgkr.cn-bj.ufileos.com/a5f1a8e3-02d5-4464-9102-b963ca47e9b5.jpg)]


这里需要复制一下送给我们的域名,如小糖的xiaotang.peayun.com,保存到一个自己能找到的位置。接下来,我们去把这个0元的账单结了



点击结账,可能遇到下面的情况,“空白页面”,不用着急,多刷新刷新页面。


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kMBaWAc6-1587552598561)(https://imgkr.cn-bj.ufileos.com/18321a01-96a9-471a-ab6d-ef65bb9ba2bd.jpg)]


还记得我们没有注册吧,那怎么知道是“我”的账单呢?所以。下面不仅仅是结账,而且是正式注册。填写这个账单的时候,我们会发现什么电话地址公司一大堆乱七八糟的,填完才知道人家根本不会验证这些到底对不对!其实,除了邮箱和密码需要重点关注,其余的按照喜好填写就行了。



OK,信息填完就等于账单结了,来到下面的页面



小糖这里之前买了其他地方的域名,所以一并加进来了,可以看到上边那个是豌豆云赠送的域名。


点击第一个域名所在的条目,进到下面的产品页面,可以理解成我们有了“房间”以及“房门钥匙”。



点击页面中的登录,我们就来到了“房间”里。打开“在线文件”,上传一下小糖准备好的“舔狗日记”。


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dm5riaKW-1587552598567)(https://imgkr.cn-bj.ufileos.com/cc843d98-c392-4a6d-b8bd-afcf50c72422.jpg)]


点开“wwwroot”文件夹,准备上传

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XPUOh2dW-1587552598569)(https://imgkr.cn-bj.ufileos.com/1ef53bf5-6aa9-4a29-adde-a57cbf463695.jpg)]


选择“舔狗日记.zip”这个文件
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MXQK7Lyy-1587552598571)(https://imgkr.cn-bj.ufileos.com/b5ca2091-c68e-4529-b39d-3af20ba83682.jpg)]


使用“在线解压”功能,一键解压


这是解压后的目录。这时,所有工作就完成了95%,最后一步是绑定送给我们那个免费的域名(点击上边的按钮)


输入先前保存的那个域名,按下确定
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dbJlGmV4-1587552598574)(https://imgkr.cn-bj.ufileos.com/83780fcd-9161-45c5-919e-0a126cdef61d.jpg)]


最后,测试网站,在浏览器的新标签页访问一下,就出现下面的效果了。


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9QnlXP01-1587552598575)(https://imgkr.cn-bj.ufileos.com/3e32f3d4-3f07-4357-a0d6-aad6a80334bf.jpg)]



缺点是对部分浏览器兼容性不好,以后再慢慢修复,balabala…


喜欢背景图吗?4K超高清背景扫码下载


公众号:软小糖


像小糖这样的链接http://tgrj.ruanxiaotang.top/,可以到腾讯云、阿里云官网自己注册一个哦。由于篇幅有限,具体操作环节以后的教程再续。



友情链接: