Next.jsReact博客启动器

bookworm-light-nextjs — Next.js 博客模板

作者 themefisher

Bookworm Light 是 Themefisher 发布的极简多作者 Next.js 博客模板,使用 Tailwind CSS,采用 MIT 许可,包含 13 个以上预设页面。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

提供 13 个以上预设页面,覆盖首页、博客列表与详情、作者、分类、标签、关于、联系、隐私政策等

02

支持多作者博客结构,包含作者列表页与单作者页

03

内置搜索功能与联系表单

04

使用 Next/image 进行图片优化,采用语义化 HTML 文档结构

05

包含全部 SCSS 文件,并基于 Tailwind CSS 构建样式

06

预配置 Sitepins 无头 CMS,可通过可视化界面编辑内容

模板详细介绍

Bookworm Light NextJs 是一个面向博客场景的 Next.js 启动模板,由 Themefisher 开发并开源。模板定位为极简风格的多作者博客,README 中说明其适用于美食、食谱、美妆、生活方式、摄影、旅行、健康、健身等多种内容类型。

模板提供 13 个以上预设页面,覆盖首页、关于、联系、作者列表与单作者、分类列表与单分类、标签列表与单标签、博客列表与博客详情、隐私政策以及元素展示页。功能层面包括多作者支持、联系表单、搜索功能、自定义 Logo、语义化 HTML 结构,并使用 Next/image 处理图片优化。样式方面包含全部 SCSS 文件,基于 Tailwind CSS 构建。

内容编辑方面,模板预配置了基于 Git 的无头 CMS Sitepins,可通过可视化方式修改文本、图片和配置,无需直接改代码。仓库中附带的图片仅用于演示,其版权不属于 MIT 许可范围,需单独核对。

Next.js博客启动器

适合你的项目吗?

适用场景

  • 搭建个人或多作者博客站点
  • 创建美食、食谱、美妆、生活方式类内容网站
  • 创建摄影、旅行、健康、健身类内容网站
  • 作为 Next.js 博客项目的起步模板进行二次开发

适合人群

  • 需要现成博客页面结构与多作者支持的开发者
  • 希望使用 Tailwind CSS 定制博客样式的团队
  • 偏好通过 Git 型无头 CMS 管理内容的编辑者
  • 寻找 MIT 许可 Next.js 博客模板的个人或组织

上手与定制指南

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

  1. 1

    需先安装 Node.js,推荐使用 LTS 版本

  2. 2

    在项目目录执行 npm install 安装依赖

  3. 3

    执行 npm run dev 启动本地开发预览

  4. 4

    完成定制后执行 npm run build 生成生产构建

  5. 5

    演示图片仅用于展示,使用前需自行核对并替换为拥有授权的素材

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 仓库内图片仅用于演示,版权不属于 MIT 许可范围,Themefisher 无权转授;使用前须自行获取授权或替换为自有素材。
  • 技术支持与主题定制为付费服务,需通过 Themefisher 联系页面另行购买,免费范围不包含该服务。
  • 内容可视化编辑依赖第三方 Sitepins 无头 CMS 服务,需注册账号并可能产生外部服务费用,非模板自带免费功能。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

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

README 原文

## 💬 Technical Support or Customization (Paid)

README 原文

This template comes pre-configured with [**Sitepins**](https://sitepins.com?aff=tfgithub), a Git-based Headless CMS

README 原文
https://github.com/themefisher/bookworm-light-nextjs/blob/main/LICENSEhttps://github.com/themefisher/bookworm-light-nextjs/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2026-07-01
截图检查日期
2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: cf843a6bef8fbfa9b3aba5a0b14f21e06ea4536f7a711aa011807247981f559a

2026-10-02T09:23:53.478Z

来源文件 / 仓库
<h1 align=center>Bookworm Light NextJs</h1> 
<p align=center>Bookworm Light is a minimal multi-author free nextjs blog template. This highly customizable theme is ideal for creating any type of blog website, including food, recipes, beauty, lifestyle, photography, travel, health, fitness, and more.</p>
<h2 align="center"> <a target="_blank" href="https://bookworm-light-nextjs.vercel.app/" rel="nofollow">👀Demo</a> | <a  target="_blank" href="https://pagespeed.web.dev/report?url=https%3A%2F%2Fbookworm-light-nextjs.vercel.app%2F&form_factor=desktop">Page Speed (100%)🚀</a>
</h2>



<p align=center>
  <a href="https://github.com/vercel/next.js/releases/tag/v13.0.6" alt="Contributors">
    <img src="https://img.shields.io/static/v1?label=NEXTJS&message=13.0&color=000&logo=nextjs" />
  </a>

  <a href="https://github.com/themefisher/bookworm-light-nextjs/blob/main/LICENSE">
    <img src="https://img.shields.io/github/license/themefisher/bookworm-light-nextjs" alt="license"></a>

  <img src="https://img.shields.io/github/languages/code-size/themefisher/bookworm-light-nextjs" alt="code size">

  <a href="https://github.com/themefisher/bookworm-light-nextjs/graphs/contributors">
    <img src="https://img.shields.io/github/contributors/themefisher/bigspring-light-nextjs" alt="contributors"></a>
</p>

![bookworm-light](https://assets.teamosis.com/thumbs/bookworm-light.png)

## 🔑 Key Features

- 📄 13+ Pre-Designed Pages
- ✍️ Multi-Author support
- 🚀 Google Page Speed score 100! (Desktop)
- ✉️ Supports Contact Form
- 🔍 Search Functionality
- 🌐 Semantic HTML Document Structure
- 🖼️ Custom Logo Support
- 🎨 Includes All SCSS Files
- 🌅 Image Optimized With Next/image

## 📄 13+ Pre-Designed Pages

- 🏠 Home Page
-  ℹ️  About Page
- 📞 Contact Page
- 👤 Author Page
- 👤 Single Author Page
- 📚 Categories Page
- 📄 Categories Single Page
- 🔖 Tag Page
- 🔖 Single Tag pages
- 🎨 Elements Page
- 🔒 Privacy policy page
- 📚 Blog Page
- 📝 Blog Single Page



<!-- installation -->
## ⚙️ Installation

After downloading the template, you have some prerequisites to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included.

### 🔧 Install prerequisites (once for a machine)

* **Node Installation:** [Install node js](https://nodejs.org/en/download/) [Recommended LTS version]

### 🖥️ Local setup

After successfully installing those dependencies, open this template with any IDE [[VS Code](https://code.visualstudio.com/) recommended], and then open the internal terminal of IDM [vs code shortcut <code>ctrl/cmd+\`</code>]

* Install dependencies

```
npm install
```

* Run locally

```
npm run dev
```

After that, it will open up a preview of the template in your default browser, watch for changes to source files, and live-reload the browser when changes are saved.

## 🏗️ Production Build

After finishing all the customization, you can create a production build by running this command.

```
npm run build
```

<!-- edit with sitepins -->

## 📝 Edit Content with CMS

This template comes pre-configured with [**Sitepins**](https://sitepins.com?aff=tfgithub), a Git-based Headless CMS designed for seamless content management. You can update your website’s text, images, and configuration without touching a single line of code.

**How to get started:**

Click the Edit with Sitepins button below and follow the on-screen instructions to start editing your content visually.

  <a target="_blank" href="https://app.sitepins.com/new/clone?name=Bookworm%20Light%20Nextjs&repository=https://github.com/themefisher/bookworm-light-nextjs?aff=tfgithub">
    <img src="https://sitepins.com/button.svg" alt="Edit with Sitepins">
  </a>
  
<!-- reporting issue -->

## 🐞Reporting Issues

We use GitHub Issues as the official bug tracker for this Template. Please Search [existing issues](https://github.com/themefisher/bookworm-light-nextjs/issues). It’s possible someone has already reported the same problem.
If your problem or idea has not been addressed yet, feel free to [open a new issue](https://github.com/themefisher/bookworm-light-nextjs/issues).

<!-- support -->
## 💬 Technical Support or Customization (Paid)

If you need technical support or theme customization please [contact us](https://themefisher.com/contact) instead of opening an issue.

<!-- licence -->
## 📄 License

Copyright (c) 2016 - Present, Designed & Developed by [Themefisher](https://themefisher.com)

**Code License:** Released under the [MIT](https://github.com/themefisher/bookworm-light-nextjs/blob/main/LICENSE) license.

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

## 👨‍💻 Hire Us

Besides developing unique, blazing-fast Nextjs templates, we also provide customized services. We specialize in creating affordable, high-quality static websites based on Nextjs.

If you need to customize the theme or complete website development from scratch, you can **[hire us](https://themefisher.com/custom-development)**.

## 👉 More NextJs Templates By Us

| [![Spydea NextJs](https://demo.gethugothemes.com/thumbnails/spydea.png?)](https://themefisher.com/products/spydea-nextjs) | [![Logbook](https://demo.gethugothemes.com/thumbnails/andromeda.png)](https://themefisher.com/products/andromeda-nextjs) | [![Parsa](https://demo.gethugothemes.com/thumbnails/bigspring-light.png)](https://themefisher.com/products/bigspring-light-nextjs) |
|:---:|:---:|:---:|
| **Spydea NextJs** | **Andromeda NextJs** | **Bigspring Light NextJs** |

反馈内容错误

看看同类模板

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