This is a Next.js, i18n and Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hug
Tailwind Nextjs Starter BlogThis is a Next.js, Tailwind CSS blogging starter template. Probably the most feature rich nextjs markdown blogging template out there. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. ...
本博客项目已在 Github 开源,地址:https://github.com/Chocolate1999/nextjs-tailwind-blog 博客样式参考了 antfu 的博客页面,自己也用 React 写了他的梅开二度效果。这是第一个版本,已经上线了,地址在:https://blog.yangchaoyi.vip/ 科技猎手 编程 科技 计算机技术 nextjs 前端 科技猎手计划2022第三期 ...
文章链接:《八小时快速建立网站:无门槛独立建站指南》 https://www.rainydesign.cn/blog/eight-hours-fast-web-building#chapter2 VSCode官网: https://code.visualstudio.com/ Node.js官网: https://nodejs.org/ Mac用户可选的Node.js简易安装包: https://nodejs.org/en/download/prebuilt-installer 课程中...
Tailwind Nextjs Starter BlogThis is a Next.js, Tailwind CSS blogging starter template. Probably the most feature-rich Next.js markdown blogging template out there. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable....
An open-source starter blog template that is statically generated with Next.js, content powered by Notion and styled with Tailwind CSS.
前端框架:Next.js UI 组件:Tailwind CSS, Shadcn UI AI 集成:Anthropic Claude API, Anthropic Claude API Keys 1 Next.js 1.1 Initialization 1. For the installation,
大神dan的博客相信大家都看过,博客质量那是不用多说,懂的都懂。 说到博客样式,我比较喜欢这种简约风。其中博客中还支持组件交互效果。 所以我决定用 Nextjs + tailwindcss 实现一模一样的博客学习下。 效果预览:点我看效果 技术选型: Nextjs tailwindcss ...
Nextjs tailwindcss MDXRemote 部署: vercel 项目文件结构 lua复制代码|--dan-blog|--app||--favicon.ico||--globals.css||--layout.tsx||--page.tsx博客列表(首页)||--[slug]博客详情||--layout.tsx||--markdown.css||--page.tsx|--components||--blogList|||--list.tsx博客列表||--header|||...
之外的样式,比如:w-[762px]表示width:762px,grid-cols-[1fr,700px,2fr]表示grid-template-columns: 1fr 700px 2fr;当然还有h-[calc(1000px-4rem)]等等,这些都是运行时才生成的样式;配合在tailwind.config.js中加入purge: ['./src/**/*.{js,ts,jsx,tsx}']打包时只会提取使用到的样式,让应用css最...