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