个人博客 - 隻恶

🍋 设计理念​

本博客采用了 "内容优先" 的极简设计风格，结合了 Docusaurus 强大的文档管理能力和 TailwindCSS 的灵活样式定制。 “隻恶” 其实是 “三隻恶犬”，为了保持莫名其妙的神秘感，所以删了两个字，“三隻恶犬”是我在毕业后工作第一天晚上做的一个噩梦，被三只恶犬追着咬了一晚上，记忆深刻 🙂。

🍋 技术实现​

1. 架构选择​

选择 Docusaurus 是因为它开箱即用，内置了：

• React 18 + TypeScript
• MDX 支持
• SEO 优化

2. 样式定制​

虽然 Docusaurus 默认使用 Infima 样式库，但我引入了 TailwindCSS 来处理更复杂的自定义布局。 通过 docusaurus-tailwindcss 插件实现了两者的共存。

// tailwind.config.js
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx,mdx}"],
  theme: {
    extend: {
      colors: {
        primary: "#3b82f6",
      },
    },
  },
  corePlugins: {
    preflight: false, // 禁用默认重置，避免与 Infima 冲突
  },
};

3. 本地搜索​

集成了 @easyops-cn/docusaurus-search-local，实现了离线全文检索功能，支持中英文分词。

🍋 页面展示​

个人主页

作品页

🍋 后续规划​

由于时间有限，当前只搭建了一个毛坯，离我心中的个人网站相差相差还挺大的。后续会持续更新模块，内容文章也会持续更新。。。