ai指导静态网页开发
起因
第一篇就拿很熟悉的一张当封面吧 由于要开始准备数学考试了,几天前回的学校。 从图书馆回来的时候还早,学是不可能学的。便去问群友有啥游戏玩,结果是啥都没有。(我操你的) 然后看到坨子在搜寻流萤背景当网站壁纸,了解一番便决定自己也整一个网页来玩一玩。
过程
从21号晚上开始来着,从知乎找了篇佬的文章搭到github,用hexo和git开始搭倒是一路畅通无阻,几个小时就出来了初版 但是,我不是很满意那个主题,然后去看了看群友的,基本上都是打包过来的,于是决定去借鉴一下mizuki的,不过他用的是Astro,不过不重要,我直接把这些问题丢给ai大人了,从github上把他的整个code下载到本地,然后用git调试。
pnpm dev //本地启动开发服务器本来vscode也有一个插件可以实现的,点右下角go to live即可(live server),不过好像astro一般用git的。
下一步就是把文件里的内容改成自己的信息,这个过程花了半天,我把每一个模块都看一遍,然后把自己的想法丢给ai,ai给代码,然后修改文件,刷新页面看效果。
我在写这篇文章的时候,还有友链没挂、本地曲目没挂、曲目抓取没整、樱花飘落开关没搞好、追番目录还没升级、看板娘没接api 好像就这些没做了。
不过也没什么时间就是了,转专业考试快要来了,从明天开始就要好好去学数学了,我真想润粤海(qwq)。 后面就是和ai联合会诊的过程了,很折磨。
改信息算好处理的了,问题在后面从本地同步到github上
git add . \\添加所有更改(包括新文件、修改、删除)。git commit -m "更新内容" \\将更改打包成一个提交,引号内可自定义本次更新的说明。git push origin main \\推送到远程 main 分支,触发 GitHub Actions 自动部署。当时是晚上12点半差不多,我设置好github actions然后等仓库actions标绿勾时,然后迎接我的是纯HTML,所有CSS和JS都加载失败的网页。。。
当然也是问ai,先找了Jekyll的麻烦,在分支部署了空的 .nojekyll文件
GitHub Pages 默认会调用 Jekyll 处理站点,而 Jekyll 会忽略所有以下划线开头的文件或文件夹,导致 _astro/ 下的文件没有被复制到最终站点。
然而没什么卵用,时间也是走到1点了,实在撑不住,第二天早上继续战斗。
用户添加了 .nojekyll 后,部署仍然失败(日志显示 Jekyll 还在运行)。进一步发现 pages 分支中包含了整个项目的源码(如 src/、public/ 等),而构建产物(dist/)被放错了位置——dist 文件夹本身在根目录,导致需要的 _astro/ 文件夹在 dist/ 内部,而网站根目录下并没有这些文件。
把pages清理了,dist/目录的内容移动到根目录,重新提交了一遍。 但还是404了,查找了HTML终的已经为绝对路径,说明astro没啥问题,就直接强制推送,最后就成了。
然后是看板娘问题,挑了半天选择洛天依,后面看看要不要多接炮姐和长离。这是最折磨的,我从昨天晚上10点多干到1点,早上6点多起床干到中午,确实浪费时间,不过大概是是因为我啥都不懂导致的(笑)。
模型文件路径配置错误(用了 models 而不是 model)。 Live2D 核心库 Live2DCubismCore 未加载(控制台返回 undefined)。 模型文件未正确提交到 Git,导致构建产物缺失。
反正处理完这三条等我再刷新的时候,可爱的洛天依就出现在左下角了。 下午还搞了一下鼠标指针问题,斥巨资换成了静态雪乃。
然后就没啥了。
结语
虽然我啥都不懂,但还是用ai磕磕盼盼整了个大概,感谢这个时代有了这个网页吧,也感谢群友,感谢大家。 后面转专业考试过了之后我会努力更新的。就先这么多?
Some information may be outdated