一直说本公众号是集 好货、软件、福利、教程
于一体的宝藏根据地,前段时间好货软件福利已经发布不少了,玩的看的听的都挺齐全,今天出一期“舔狗日记”的网站制作的教程
,我进来说的明白些,让小小白也能玩转自如!机智如我/表情
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)]
页面的效果:刷新一下爽一下,一直刷新一直爽!
站点默认自动打开音乐播放,音频加载失败请多刷新几次。
先来个说明:这其中的原理知识啥的小糖一概不会提,跟着我晃动左右手再加上慢动作就搞定了。
原理不提了,那就说一下步骤。
http://www.peayun.com/
)舔狗日记.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/
,可以到腾讯云、阿里云官网自己注册一个哦。由于篇幅有限,具体操作环节以后的教程再续。