.js | 博客改用 Next.js + TailwindCSS + Shadcn.UI

.js | 博客改用 Next.js + TailwindCSS + Shadcn.UI

💡 原文中文,约7000字,阅读约需17分钟。
📝

内容提要

本文讨论了作者将博客从Jekyll迁移到Next.js的原因和过程,介绍了Next.js的基本概念和使用方法,以及使用React.js和TailwindCSS进行开发。还提到了CSS和JavaScript的技术细节,以及使用Giscus和Google Analytics等工具的经验。最后,作者表示移除了谷歌广告,计划使用Shadcn的Drawer组件来展示赞赏二维码或友站链接。

Q&A

为什么作者选择将博客从Jekyll迁移到Next.js?

作者认为Jekyll未来活力堪忧,因此选择迁移到Next.js以实现更复杂的功能。

Next.js的主要特点是什么?

Next.js是一个基于React.js的全栈框架,支持静态网站生成和组件化开发。

TailwindCSS在这个博客开发中有什么作用?

TailwindCSS是Shadcn.ui组件库的依赖项,用于样式开发,提供了丰富的样式选项。

作者如何实现评论功能?

作者使用Giscus进行评论功能,但需自定义实现以支持黑夜模式。

如何在Next.js中配置静态网站生成?

需要在next.config.js中配置basePath和output等参数,以支持静态网站生成。

作者对谷歌广告的看法是什么?

作者撤掉了谷歌广告,认为赚不到多少钱且广告会破坏原来的排版。

🏷️

标签

➡️

继续阅读