Next.jsReact博客启动器

pablo-pikassiet-next-starter-i18n — Next.js 博客模板

作者 PxlSyl

基于 Next.js、TailwindCSS 与 TypeScript 的艺术家博客启动模板,内置国际化支持,适合快速搭建作品展示与内容站点。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

基于 Next.js、TypeScript 与 TailwindCSS 构建,使用 MD/MDX 与 Contentlayer 管理内容

02

内置两套 swiper 画廊与一个音乐播放应用,面向艺术家作品展示

03

集成 pliny,支持多种分析服务、评论系统与订阅通讯 API

04

支持标签与分类页面、分页与子分页、多作者页面及相似文章推荐

05

提供明暗主题、命令面板搜索、KaTeX 数学公式与 rehype-citation 引用支持

06

包含 RSS、站点地图、OpenGraph 元数据与预配置安全响应头

模板详细介绍

Pablo Pikassiet I18n 是一个面向艺术家与创作者的免费 Next.js 启动模板,由 PxlSyl 开发,采用 MIT 许可。它由 Nextplate 与 Tailwind Next Starter Blog 深度分叉并融合作者个人项目经验而成,仓库中标注为 i18n 版本。

模板提供博客与作品展示所需的基础结构:使用 MD/MDX 编写页面内容,通过 Contentlayer 管理博客内容逻辑;包含两套 swiper 画廊用于展示艺术作品,以及一个面向听众的音乐播放应用。内置联系表单、项目页面、标签与分类页面(含分页与子分页)、作者主页与多作者页面、相似文章推荐,并提供 4 种博客布局。

在功能集成方面,模板接入 pliny 以支持多种分析服务(Umami、Plausible、Simple Analytics、Posthog、Google Analytics)、评论系统(Giscus、Utterances、Disqus)、订阅通讯 API(Mailchimp、Buttondown、Convertkit、Klaviyo、Revue、Emailoctopus),以及 Kbar 或 Algolia 命令面板搜索。内容渲染支持服务端语法高亮(行号与行高亮)、KaTeX 数学公式、rehype-citation 引用与参考文献。

其他特性包括明暗主题、next/font 字体优化、next/image 图片优化、OpenGraph 元数据、预配置安全响应头、RSS 与站点地图等 SEO 支持,以及条款与法律声明页面。模板声明为响应式并适配移动端。

需要注意:仓库说明中明确图片与音乐素材仅用于演示,作者保留其版权,不随模板授权分享;演示站点中的画廊图片与音乐均为作者本人作品,使用前需自行替换或取得授权。README 也提到文档部分文章仍需社区协助补充。

Next.jsReact博客启动器

适合你的项目吗?

适用场景

  • 艺术家或插画师搭建个人作品集与博客站点
  • 音乐人展示作品并提供试听播放的页面
  • 需要多语言内容展示的创作者站点
  • 希望以 Markdown/MDX 维护内容的个人博客

适合人群

  • 熟悉 Next.js 与 React 的前端开发者
  • 需要快速启动艺术家个人站点的创作者
  • 希望基于 MIT 许可模板二次开发的团队
  • 需要博客、画廊与音乐播放组合功能的项目

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    仓库采用 MIT 许可,可免费用于个人与商业用途,但需保留版权与许可声明

  2. 2

    演示图片与音乐为作者版权素材,不随模板授权,使用前需替换或自行取得授权

  3. 3

    分析、评论、订阅通讯等第三方服务需要自行配置对应账号与密钥

  4. 4

    README 提到文档部分文章仍需社区协助补充,使用时可参考仓库 issue 与 PR

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片仅用于展示,作者无权限分享,不随模板授权;使用前须自行替换或取得授权。
  • 画廊图片与音乐播放器中的音乐均为作者本人作品,保留所有权利,不得随模板使用。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

The images are only for demonstration purposes. They have their license, I don't have permission to share those images.

README 原文

The images from the drawing galleries come from my own artworks, as well for the musics in the music player : all rights reserved.

README 原文
https://github.com/PxlSyl/pablo-pikassiet-next-starter-i18n/blob/main/LICENSEhttps://github.com/PxlSyl/pablo-pikassiet-next-starter-i18n/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 86 / 100
技术栈
Next.js · React
网站类型
博客 · 启动器
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-01-06
截图检查日期
2026-10-03

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: b139fc601f51cd194c01c87fe10f1677c247b8bc276eaeade24f0fdccf65ee87

2026-10-03T16:58:35.165Z

来源文件 / 仓库
<h1 align=center>Nextjs + Tailwind CSS + TypeScript Starter and Boilerplate</h1>

<p align=center>Pablo Pikassiet I18n is a free starter template built with Nextjs, TailwindCSS & TypeScript, providing everything you need to jumpstart your artist Next project and save valuable time.</p>

<p align=center>Made with ♥ by<a href="https://www.pxlsyl.art"> PxlSyl</a></p>
<p align=center> If you find this project useful, please give it a ⭐ to show your support. </p>

## Introduction

This artist starter template is a very hard fork from Nextplate and Tailwind Next Starter Blog, mixed together with my own ideas.

## Note

I don't have that much time so I need help to write and replace some posts for the doc, for testing and debugging, and even for news ideas if you have some. Feel free to open issues or make pr!

## Features

- All best features from [Nextplate](https://github.com/zeon-studio/nextplate)
- All best features from [Tailwind Next Starter Blog](https://github.com/timlrx/tailwind-nextjs-starter-blog)
- All best features, ideas and improvments from my own project and website.

This means :

- Next.js with Typescript
- Easy styling customization with Tailwind 3.0
- Framermotion for smooth page transitions
- Great advanced menu bar
- Two swiper galleries to showcase your art
- Complete music application for your listeners
- Beautiful contact form
- MD/MDX to manage your pages : write and update content in Markdown / MDX
- Contentlayer to manage blog content logic
- Near perfect lighthouse score
- Mobile-friendly view & fully responsive on all devices
- Light and dark theme
- Font optimization with next/font
- Integration with pliny that provides:
  Multiple analytics options including Umami, Plausible, Simple Analytics, Posthog and Google Analytics
- Comments via Giscus, Utterances or Disqus
- Newsletter API and component with support for Mailchimp, Buttondown, Convertkit, Klaviyo, Revue, and Emailoctopus
- Command palette search with Kbar or Algolia
- Server-side syntax highlighting with line numbers and line highlighting via rehype-prism-plus
- Math display supported via KaTeX
- Citation and bibliography support via rehype-citation
- Automatic image optimization via next/image
- Support for tags - each unique tag will be its own page, + pagination and subpagination
- Support for categories - each unique category will be its own page, + pagination and subpagination
- Support for main author page, + dedicated page for multiple authors
- Similar posts suggestion
- 4 different blog layouts
- Projects page
- Opengraph protocol support for metadata
- Preconfigured security headers
- SEO friendly with RSS feed, sitemaps and more!
- Terms and Legal notice preconfigured pages
- Open-source and free for personal and commercial use

My own website based on this new template:

- [PxlSyl.art](https://www.pxlsyl.art/)

## License

Copyright (c) 2023 - Present, Designed & Developed by [PxlSyl](https://www.pxlsyl.art/fr)

**Image and music license:** The images are only for demonstration purposes. They have their license, I don't have permission to share those images.

The images from the drawing galleries come from my own artworks, as well for the musics in the music player : all rights reserved.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。