BLOG_THEME the theme to pass to Tailwind default BLOG_FONT_HEADINGS the font-family for all HTML headings, from h1 to h6 sans-serif (default), serif, monospace BLOG_FONT_PARAGRAPHS the font-family for all other HTML elements sans-serif (default), serif, monospace All of the env variables...
Cancel Submit feedback Saved searches Use saved searches to filter your results more quickly Cancel Create saved search Sign in Sign up Reseting focus {{ message }} mehuman / nextjs-blog-theme Public Notifications You must be signed in to change notification settings ...
我们第一步需要安装next-theme,然后创建layout组件,创建header组件,创建暗黑模式切换组件(modeToogle),切换组件我们使用点击切换,所以需要使用到了shadcn/ui 里面的dropdown-menu组件。 #切换到web目录,首先添加next-theme包pnpminstallnext-themes-S#然后添加shadcn/ui的dropdown-menupnpmdlxshadcn-ui@latestadddropdow...
安装完成后,进入项目目录react-blog,先运行npx prisma db push命令,再运行npm run dev并在浏览器中打开http://localhost:3000/可以看到以下效果。 在继续之前,对文件结构进行一些更改,并重新构建它,以便可以使用app目录。 首先,需要在next.conf.mjs中添加一个实验性标志(因为app目录目前处于beta阶段): experimental:...
我们先把真个页面布局弄出来。然后第一步我们完成头部导航。我们第一步需要安装next-theme,然后创建layout组件,创建header组件,创建暗黑模式切换组件(modeToogle),切换组件我们使用点击切换,所以需要使用到了shadcn/ui 里面的dropdown-menu组件。 代码语言:javascript ...
Next JS Theme - Notus React. ✨ Next JS Blog A Next.js website starter made with TypeScript, MDX, and Tailwind CSS. Also has a dark/light mode toggle. Perfect for your blog or personal site. 👉Next JS Blog- Source Code
安装完成后,进入项目目录react-blog,先运行npx prisma db push命令,再运行npm run dev并在浏览器中打开http://localhost:3000/可以看到以下效果。 在继续之前,对文件结构进行一些更改,并重新构建它,以便可以使用app目录。 首先,需要在next.conf.mjs中添加一个实验性标志(因为app目录目前处于beta阶段): ...
nextjs-blog1 框架 其实Hexo 用着是很舒服的。完全静态,主题模板修改起来很简单,很容易就能达到想要的效果。只是一些功能比如 Services Worker 和 LazyLoad 都只能用比较粗暴的方法实现,不美观,而且难维护。 早眼馋别人的各种 Gatsby 和 Next.js 开发的博客了,可自定义强、现代、自带各种优化。Next.js 的官网还有...
距离上次更新已经过去好久了,之前我在 StarBlog 博客2023年底更新一览的文章里说要使用 Next.js 来重构博客前端,最近也确实用 next.js 做了两个小项目,一个是单点认证项目,另一个是网站的新主页,都还处于开发中,本文记录一下 next.js 使用过程遇到的一些问题和感受。
# 背景 开发了个Next项目,将部署过程记录一下。另外由于项目准备了两个服务器分别作为开发自测的开发环境和交付给客户的生产环境使用;因此也介绍一下NextJS项目中多环境的配置。 # 项目结构 ![](https://img2023.cnblogs.com/blog/1943681/202307/