之前用Hexo NexT搭建过博客网站,有段时间没更新博客后,再去使用时才发现不太好用。突然想起用AI做个个人博客网站,后续考虑当做个人线上日记本。
博客网站的效果图

page1.png

page2.png

page3.png
博客网站生成
AI提示语:如果想搭建个人博客网站,支持markdown排版、常规排版写博客文章,还要支持代码、图片之类的。
可供选择的方案:

blog1.png
AI提示语:A
AI提示语:突然不想选A方向,想选D方向了
AI提示语:可以把文章存储在 localStorage,改成存储在项目本地里,单独开个目录blogs,放所有的文章内容,每篇文章用markdown的形式存储
本地存储时,涉及浏览器无法直接写磁盘文件的问题。

blog2.png
AI提示语:发布文章时,报错,Uncaught ReferenceError: extractExcerpt is not defined
AI提示语:感觉这种管理方式比较麻烦, 想还原成开始的那种方案:文章存储在 localStorage,只是担心博客文章多起来后,localstorage容量会不够
AI提示语:如果将该博客项目部署到GitHub Pages,那么编辑、发布文章时,怎么保证图片可以正常预览,尽量不用三方的图床形式。
它会告诉你使用流程和一些优化建议。

blog3.png
AI提示语:需要的
AI提示语:因为是个人使用,仅自己的账号才能编辑发布文章,其他人只能查看文章,不能修改。
附:代码结构截图

code1.png