Skip to main content

lailai's Home

说明

这是我的个人网站项目。

项目链接

lailai0916
/
lailai0916.github.io
Description not set
0
0
no-license

前言

我曾经使用过 CSDN博客园 等现成的博客平台,但它们的自由度低,功能受限,还经常有广告。

后来也尝试过 WordPressHexo 等博客框架,但效果始终不是很满意。

一个重要原因是,在学习算法竞赛的过程中,我需要管理大量模板。若采用普通博客架构,文章会按时间顺序排列,查找并不方便;相比之下,我更偏好文档式的树状架构。

直到我发现了 Docusaurus,一个由 Facebook 开发的开源静态网站生成器,它简洁美观、易于使用,而且扩展性强。

但 Docusaurus 在国内比较冷门,相关的资料和教程也很少,因此我花费了不少时间研究。

在此之前,我几乎没有学习过 HTML、CSS、JavaScript 和 TypeScript,但凭借其他编程语言的基础,我通过搭建网站掌握了这些语言的基本语法。

tip

Material for MkDocsVitePress 也是很好的选择,例如 OI Wiki 就是基于前者搭建的。

Todo

  • 统一页面风格
  • 优化主页各组件代码
  • 添加文章描述
  • 添加主页“lailai”拖动交互效果
  • 优化响应式布局
  • 维护无障碍功能
  • 添加 React 图片展示组件
  • 弃用 Tailwind CSS
  • 优化网站性能
  • 添加 Status 组件
  • 添加 Analytics 组件
  • 添加 AI 总结

提示词

通用
1. 使用简体中文回复内容。
2. 语言简洁、自然、专业。
3. 翻译准确、通顺、优美。
4. 设计统一、简约、现代。
初始化
这是我的个人网站源代码,请先熟悉一下。
代码优化
请检查 XX 页面中 XX 组件,参考最佳实践,优化冗余或不规范代码,确保结构简洁、规范、高效。
设计优化
我的个人网站在视觉风格和布局样式上缺乏统一。请根据我的设计理念,优化代码,增强页面的一致性与现代感。
随机抽查
请随机检查我网站上的任意文档(包括文章、项目、笔记、题解等),从逻辑、排版、语言和表述等方面找出 10 个明显错误并告知我。只需指出问题,无需修改。
修改检查
请仔细检查你的修改是否有误,如果给出的代码有 bug,我将狠狠抽打我手里的这只小猫咪。

参考

这是一些我认为非常出色的个人网站,供参考: