我的舔狗日记网站制作

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


站点体验

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

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

我的舔狗日记网站制作_第1张图片

我的舔狗日记网站制作_第2张图片

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

我的舔狗日记网站制作_第3张图片

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

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

开始制作

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

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

  • 下载小糖准备好的"舔狗日记.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元的账单结了

我的舔狗日记网站制作_第4张图片

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

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

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

我的舔狗日记网站制作_第5张图片

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

我的舔狗日记网站制作_第6张图片

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

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

我的舔狗日记网站制作_第7张图片

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

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

点开“wwwroot”文件夹,准备上传
我的舔狗日记网站制作_第8张图片
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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)]

使用“在线解压”功能,一键解压
我的舔狗日记网站制作_第9张图片

这是解压后的目录。这时,所有工作就完成了95%,最后一步是绑定送给我们那个免费的域名(点击上边的按钮)
我的舔狗日记网站制作_第10张图片

输入先前保存的那个域名,按下确定
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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)]

我的舔狗日记网站制作_第11张图片

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

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

公众号:软小糖

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

你可能感兴趣的:(我的舔狗日记网站制作)