程序员的浪漫——七夕表白网页教程

10,941 阅读3分钟
原文链接: zhuanlan.zhihu.com

原问题

程序员的告白方式? - 知乎

从新整理和修改 (我不会告诉你每个页面都有彩蛋的 。。。)

先上效果图

albee.me

HTML5 3D立体图片相册代码

3D相册拖拽动画

知乎好友的推荐下加了一个

Our Love Story

现在教大家怎么修改内容以及上线

第一步:

下载源码解压

解压后是这样的

第二步:

先下载一个编辑器,建议下载 sublime

下载地址 sublimetext.com

第三步:

开始修改

1 表白页面

打开sublime 编辑器 ,将index.html 拖入编辑器

主要修改的几个地方,

1 :你想表达的内容

2:名字:将小仙女和Albee替换即可

3:修改BGM 修改love.mp3 ,此处建议最好不要改,

如果你想换歌曲,直接将解压后love.mp3 换为你喜欢的歌曲,

但记得重新命名为love.mp3 不然是没有音乐的 。

4:修改时间

时间设置,如果是2017年2月25日,就设置为以下的值,月份是0开始的,既0为一月份。

也就是往前退一个月。

两个相册页面:

主要修改两个文件夹中图片尺寸

img里面的图片尺寸为1333x2000

imgs里面的图片尺寸为640x387

最后一个表白页面

同样的是

1 :你想表达的内容

2:名字:将Albee替换即可,或者换位其他你想表达的

3:修改BGM 修改love.mp3 ,此处建议最好不要改。

4:时间 同样的退一个月。

如果你想给每个页面加上不同的BGM ,

去每个页面找到这个标签

将src的值love.mp3换为你的歌曲名就可以了。

之后就是打包上线了

将所有的文件压缩为zip格式的

用的百度bae,只能为zip的哈

之后的百度bae教程就复制粘贴了,后面加上很多小伙伴问的如何用自己的域名的问题

注册个帐号,这就不用教了吧

打开应用引擎BAE

添加部署

1 选择 wordpress

2 填写你想要的域名

3 选择内存128就可以

4 右边同意 下一步 去付款 就可以了 一天只要2毛

回到这个界面点击打包上传

将之前的整个文件压缩为 .zip 格式的

上传好之后右边点击部署就可以了

等几分钟就可以访问了

访问的地址就是之前填写的域名

教大家如何用自己的域名

还是百度bae 就这个地方不要走了

域名服务 注册新域名

在这里买一个

买好了回到域名管理 然后去域名备案 ,这个有点花时间了,备案不需要钱的哈。

按照他的要取给资料填了 。

备案好了就这样

备案好了需要你 把你的域名和之前的网站关联起来了

点解析 去添加解析

两值 主机记录值填 *

记录值填 你百度bae的域名

之后回到bae部署列表

点击部署的名字 然后点击 发布设置 ,

点击 绑定自定义域名 输入你自己的域名 这样就可以了 。


最后页面的BGM是 Adele 的 Water Under the Bridge

加了两个小游戏

2048: www.albee.me/2048/index.html


俄罗斯方块 源码只有几十行哦 出处忘了,有小伙伴知道 求告知albee.me/Tetris.html


来自爱抛异常的小仙女Albee 谢谢关注

欢迎大家踊跃投稿,可以是一些有趣的代码,或者是一些简单的教程等等

让更多的新手能坚持下来,让编码更加的有趣。