教你如何制作浪漫的表白网站

底部有彩蛋,不要错过(๑╹◡╹)ノ"""

前言

前不久是情人节,一些小伙伴向我请求网页表白的教程,但因为比较忙,所以教程一直迟迟没有出来,趁着今天的闲暇时光,我把教程写出来。

虽然,一些网站已经提供了傻瓜式表白网页制作如我要表白网,但是这样的话虽然也能达到目的,但是域名毕竟不是自己的,不是很满意,所以接下来的教程是基于自己的域名实现的,域名注册的教程请查看如何在阿里云申请域名,另外有了只有域名当然是不行的,还需要拥有自己的服务器,但是国内的服务器如阿里云绑定域名后还需要备案才能使用,很麻烦,下面我们利用Github pages来实现网页表白,因为Github的服务器在国外,所以小伙伴们不用担心备案的问题,域名注册完成后直接解析到151.101.100.133即可。

快速开始

首先部署自己的Github Pages,请查看如何在Github Pages搭建自己写的页面?搭建好自己的Github pages页面后,推荐大家使用Github Desktop,因为对于一些小白童鞋来说Git Bash上手还是有些难度,所以这里使用Desktop.

表白网页制作

大家可以先看一下最终的效果



很漂亮有木有,非常感谢那位不知名大神的制作。下载该网页的源码一共为大家收集了12款表白网页源码,其中图中对应于表白网页款式二,下载到电脑上以后用Visual Studio Code打开,可以看到

修改时间找到如图代码,修改即可

如需更换网页背景乐,将所需要的音乐复制到文件夹下并重命名为renxi.mp3即可(音乐文件大小越小越好,不然打开网页可能不能很快听到音乐,加载缓慢)

使用自己的域名

打开Github Desktop软件,


点击Clone repositor,选择你刚才创建的****.github.io仓库,再选择一个本地路径,Clone完毕后,把表白网页的文件夹复制到该仓库中,填写左下角的Summary随便填写即可,点击Commit to master 继续点击Fetch origin,这时当你打开自己的****.github.io/文件夹名称(英文格式)
你会发现网页访问成功。

最后,我们在****.github.io仓库下创建一个CNAME文件


填写上自己的域名,在用自己的域名访问如whd.fun/love我的域名是whd.fun,表白网页在love文件夹下,这样就成功了。(最后不要忘了将自己的域名解析到151.101.100.133)不然是无法成功的,域名解析在阿里云的控制台下设置。

我是彩蛋ヾ()ノ,一共12个表白网页源码提供给大家,下载地址https://github.com/wanghaodi/LoveSourceCode

小结

我在博客中的每篇文章都是我一字一句敲出来的,转载的文章我也注明了出处,表示对原作者的尊重。同时也希望大家都能尊重我的付出。

最后,也希望大家关注我的个人博客 HD Blog

谢谢~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容