告白气球?🌲创意网页小礼物了解一下呗?(纪念日的小浪漫)

告白气球?🌲创意网页小礼物了解一下呗?(纪念日的小浪漫)

鸭鸭,明天就是圣诞节了呀。

是不是还没有给心爱的人准备小礼物呀,那现在淘宝肯定是来不及了呀。但是别担心,傲天君精心创作了一个“告白气球”网页,按照下面这个教程就可以给Ta做一个创意满满的祝福了呀~(很简单的哦)

好滴,我们先看一下效果。

你所看到的所有文字都是可以修改的哦,好的接下来我们看看怎么做的吧~

开始

1、首先要登陆Github哦

没有Github账号或者从来没用过Github的老铁可以迅速过一下我以前的一个教程,很简单的。Github初级入门(做一个免费小网站)


2、访问傲天君的仓库,地址 github.com/AJLoveChina/


3、点击右上角的Fork按钮

点击之后会弹出来一个刀叉图案

FORK的等待画面

然后别着急,需要等待大概10秒钟


4、修改文案(修改配置文件)

第三步完成之后,在网页当前新界面。

然后点击修改按钮,我们开始编辑文件

文案如下,每一处都有说明,我相信大家肯定是知道如何修改滴!

// 霸都丶傲天 2019年12月24日

var config = {
    // 句子的长度可以任意, 你可以写十句话, 二十句话都可以
    // 每句话尽量不要超过15个字,不然展示效果可能不太好
    texts: [
        "送给我",      //这里,每句话结尾的最后一个逗号必须是英文的哦!! 很重要哦!!
        "心爱的小可爱",  // 同上...
        "今天是你的生日",
        "这是我们在一起的",
        "第三个生日了哦",
        "去年的生日",
        "还记得在王婆串串吃的呢",
        "今年要吃好的喽哦",
        "要把我家可爱猪猪喂饱饱",
        "然后抱走",
        "YAMI~~",
    ],
    wish: "小可爱&&大傻子相爱了",  //这里,每句话结尾的最后一个逗号必须是英文的哦!! 很重要哦!!
    // 时间的格式很重要哦,一定要是下面这个格式!!
    // 年年年年-月月-日日 时时:分分:秒秒
    time: "2017-07-20 0:0:0",    //这里,每句话结尾的最后一个逗号必须是英文的哦!! 很重要哦!!
};


5、保存

第四部修改完成之后,翻到页面底部能够看到 “Commit”按钮,恩这就是保存。


6、保存之后,我们就需要创建网址了呀

在网页当前新界面。点击Settings按钮。


7、然后网页往下滚动,找到“Github Pages”文字,如下图中点击


8、打开网址看看吧,手机、电脑、微信、QQ都可以查看哦~~

记得修改可能会有延时,大概需要30秒钟之后,强制刷新网页才能看到改动之后的文案。在这之前,你看到的可能是我写的文案,所以不要着急哦。

如图所示,是我演示的结果。我的网址如下:zhihu1.github.io/loveBa





以前到这里,我的教程就结束了。

可是,可是上周我不是创作了一个免费的好看二维码工具吗。就是下面这个。

霸都丶傲天: 非常炫酷的二维码生成工具:)zhuanlan.zhihu.com图标

我们用这个工具把我们刚才的网址弄得好看一些。如下图,我们的网址变成了。觉得这个工具还不错的老铁,给个赞呗~

然后教程到这里就结束了,宇宙惯例有问题评论区见哦。

最后祝大家圣诞节快乐




本文涉及的地址


编辑于 2019-12-31