从一到零,需要有决心和耐心。巧了,我这个人比较爱折腾,之前看到 AI 写的屎山代码,就决定从头再来。
所以,本文将介绍从头开始的搭建过程
首先,还是以 Beautiful Jekyll 为模板。
第一个功能是暗色模式,之前 AI 一直没做好,索性直接照搬模仿原 demo 的源码,颜色问题很快就解决了。然后是昼夜切换按钮,经过了大量探索,锚定了按钮所在位置,十分感谢 chokcoco 的文章,能够手把手教会 AI 完成按钮的制作。
其次,浏览到Beautiful Jekyll终极响应式设计指南:如何在所有设备上完美展示你的网站,对各种尺寸的布局进行介绍,进一步了解到该主题在不同尺寸/设备的智能响应。
一些功能来源于5分钟掌握Beautiful Jekyll主题的JavaScript增强功能终极指南,里面的一些示例可供我直接套用,包括阅读进度指示器 reading-progress.js 和回到顶部按钮 back-to-top.js。
接下来是对主页的副标题进行修改,为了实现动态的、变化的文字效果,依旧选择了 一言api,官网有调用示例,交给 AI 很快就可以完成。
最后,对一些细节进行修改,包括社交链接,字体(花体字的应用),源代码仓库链接的添加。
目前为止一切正常,差不多就样吧!😄