前提:本人没有系统学过编程,基本的代码知识都是慢慢试错学会的。可以视为小学生代码水平。
关于我用 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 在加载页前就更新时间,使得网站的正计时静止。于是再次向他提问就修改了这个问题。代码写起来很快,改起问题来也很快。
写代码的快乐都被它抢走了,我就是一个无情的复制机器了。