个人博客 - 隻恶
🍋 设计理念
本博客采用了 "内容优先" 的极简设计风格,结合了 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,实现了离线全文检索功能,支持中英文分词。
🍋 页面展示

个人主页

作品页
🍋 后续规划
由于时间有限,当前只搭建了一个毛坯,离我心中的个人网站相差相差还挺大的。后续会持续更新模块,内容文章也会持续更新。。。
Loading Comments...