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

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

关于我用 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 在加载页前就更新时间，使得网站的正计时静止。于是再次向他提问就修改了这个问题。代码写起来很快，改起问题来也很快。

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