关于我用ChatGPT修改博客主题那些事

零代码开发不再是梦

1166 个字

前提:本人没有系统学过编程,基本的代码知识都是慢慢试错学会的。可以视为小学生代码水平。

关于我用ChatGPT修改博客主题那些事

你是否也在为装修博客困扰?你是否苦于不会写代码而一筹莫展?是否因为看到别人的博客艳羡不已? 今天,为大家隆重介绍一下零代码开发!21世纪最伟大的计算机发明——ChatGPT!

好啦,不乱扯了,ChatGPT从公布开始已经被媒体写烂了。其实在申请Dell·E的资格的时候我就知道了OpenAI。可惜OpenAI注册需要验证手机号,国内的手机都通不过。 换句话说,OpenAI不希望国内用户使用这个服务,国人当自强呐。(百度你搞ai是最早搞的,中文数据你又不缺,你搞半天搞出来的文心一言哪里能用)

当然,互联网是自由的。用不了总有人帮我们。之前一直在用FreeGpt,本来挂代理就能上,今天不知道为什么上不了。然后就发现了GitHub上有一个仓库收集了不少。

随便点了一个进去提问。

背景图片

最开始困扰我的,就是背景图片,我往./assets/scss/variables.scss上添加background-img并没有效果,明明在控制台中能看到。

然后我就向ChatGPT提问了。

ChatGPT说我应该在./assets/scss/custom.scss中添加代码。

body {

    background-image: url('图片地址');

    background-repeat: no-repeat;

    background-size: cover;

 }

复制→粘贴→保存。

成了。

装修博客竟然如此简单。

建站时间

这个是我博客一直都有的常驻项目,所以我肯定要加的。 其实ChatGPT给出的写法和我以前的写法差不多。

<script type="text/javascript">
     //建站时间
    var startTime = new Date("2015/6/1");
    //当前时间
    var currentTime = new Date();
    //时间间隔,单位为毫秒
    var timeDiff = currentTime.getTime() - startTime.getTime();
    //计算出相差天数
    var daysDiff = Math.floor(timeDiff / (24 * 3600 * 1000));
    timeDiff = timeDiff % (24 * 3600 * 1000);
    //计算出小时数
    var hoursDiff = Math.floor(timeDiff / (3600 * 1000));
    timeDiff = timeDiff % (3600 * 1000);
    //计算相差分钟数
    var minutesDiff = Math.floor(timeDiff / (60 * 1000));
    timeDiff = timeDiff % (60 * 1000);
    //计算相差秒数
    var secondsDiff = Math.floor(timeDiff / 1000);
    //输出时间差
    document.getElementById("running_time").innerText = daysDiff + "天" + hoursDiff + "小时" + minutesDiff + "分" + secondsDiff + "秒";
    // 让定时器延迟一秒钟启动,以免在刚加载页面时就更新时间
    setTimeout(updateTime, 1000);
    function updateTime() {
    // 当前时间
    var currentTime = new Date();
    // 时间间隔,单位为毫秒
    var timeDiff = currentTime.getTime() - startTime.getTime();
    // 计算出相差天数
    var daysDiff = Math.floor(timeDiff / (24 * 3600 * 1000));
    timeDiff = timeDiff % (24 * 3600 * 1000);
    // 计算出小时数
    var hoursDiff = Math.floor(timeDiff / (3600 * 1000));
    timeDiff = timeDiff % (3600 * 1000);
    // 计算相差分钟数
    var minutesDiff = Math.floor(timeDiff / (60 * 1000));
    timeDiff = timeDiff % (60 * 1000);
    // 计算相差秒数
    var secondsDiff = Math.floor(timeDiff / 1000);
    // 输出时间差
    document.getElementById("running_time").innerText = daysDiff + "天" + hoursDiff + "小时" + minutesDiff + "分" + secondsDiff + "秒";
    // 让定时器不断重复执行
    setTimeout(updateTime, 1000);
    }
</script>

第一次提问ChatGPT没考虑到js在加载页前就更新时间,使得网站的正计时静止。于是再次向他提问就修改了这个问题。代码写起来很快,改起问题来也很快。

写代码的快乐都被它抢走了,我就是一个无情的复制机器了。

MIT License
Written by Human, Not by AI

最后更新于 2023 年 12 月 7 日