Eleventy博客启动器

Minimalism — Eleventy 博客模板

作者 MarcoMicale

基于 Eleventy 与 Tailwind CSS 的博客启动模板，内置 PWA、RSS、站点地图、动态社交图片与明暗模式。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 3

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

采集于 2026-09-30查看来源

值得关注的模板亮点

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

Eleventy 静态站点生成，配合 Tailwind CSS 与 typography 插件构建页面样式

内置博客、RSS 订阅源、站点地图、robots 与 404、离线页等生成模板

支持 PWA：包含 manifest 生成模板与 sw.js 静态资源

为每个页面与文章生成动态社交分享图片，模板位于 _11ty/_social

提供明暗模式，并通过 meta.js 集中配置站点元信息与社交链接

README 标注项目状态为 BETA，说明可用但仍需修正

模板详细介绍

Minimalism 是一个 Eleventy（11ty）静态站点启动模板，定位为博客与个人站点起点。仓库 README 说明其目标包括快速创建页面、可自定义的 favicon（覆盖 msapplication、apple、safari、chrome）、博客、RSS 订阅源、站点地图、PWA、为每个页面与文章生成动态社交图片、SEO 优化、404 错误页、离线页、明暗模式，以及通过编辑 /src/_11ty/_data/meta.js 配置社交链接。技术组合上使用 Eleventy 及 eleventy-img、eleventy-plugin-rss、eleventy-navigation、eleventy-plugin-social-images、eleventy-plugin-reading-time 等插件，样式层使用 Tailwind CSS 与 typography 插件，另引入 slugify、Luxon、html-minifier、rimraf、npm-run-all 与 Tabler 图标。

目录结构围绕 src 组织：blog.md 为博客页，index.md 为首页，blog 目录存放文章，_11ty/_data/meta.js 是主要配置入口，_11ty/_generate 下包含 404、feed、manifest、offline、pagesjson、robot、sitemap 与 socialtemplate 等生成模板，_11ty/_includes 提供 favicon、footer、head、nav 等片段，_11ty/_layouts 提供 article、blog、page 三种布局，_static 存放 app（含 sw.js 与 .htaccess）、favicon 与图片资源，_tailwindCSS 存放站点与社交图片的样式源文件。根目录的 logo.png 需替换为自己的标识，favicon 由该文件生成。

仓库 README 将项目状态标注为 BETA，并说明“可用但仍需一些修正”。README 中列出的 Lighthouse 全项 100 属于作者自述，未在本资料中独立验证；部署配置包含 netlify.toml，示例站点托管于 Netlify。代码采用 MIT 许可，可免费使用、修改、商用与分发，但演示图片、字体、图标等第三方素材需按各自许可单独核对。

Eleventy博客启动器

适合你的项目吗？

适用场景

搭建以文章为主的个人博客或写作站点
需要一个包含 PWA、RSS 与站点地图的静态站点起点
希望按页面自动生成社交分享图片的项目
使用 Netlify 部署并需要现成 netlify.toml 配置的站点

适合人群

熟悉 Eleventy 与 Nunjucks 模板、愿意直接改源码的开发者
需要轻量静态博客骨架并自行扩展页面的个人项目
接受 BETA 状态、可自行排查与修正问题的使用者

上手与定制指南

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

1
先替换根目录 logo.png，favicon 会基于该文件生成
2
编辑 src/_11ty/_data/meta.js 配置站点元信息与社交链接
3
文章放入 src/blog 目录，博客页文案在 blog.md 中修改
4
社交图片样式与模板位于 src/_11ty/_social 与 _tailwindCSS 下的 raw-social.css
5
README 标注为 BETA，使用前建议先核对当前代码与依赖状态

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

项目自述状态为 BETA，作者说明虽可使用但仍需进行一些修正，因此不应视为稳定或生产就绪版本，使用前需自行核对代码与依赖。
README 将 Netlify 列为使用/部署目标，仓库含 netlify.toml，示例站点托管于 Netlify；若沿用该部署方式，需自行注册 Netlify 账号并遵守其服务条款与可能的费用。
根目录 logo.png 需替换为自己的标识，favicon 由该文件生成；请勿沿用原作者的品牌素材。
站点元信息与社交链接集中在 src/_11ty/_data/meta.js，使用前必须修改该文件以填入自己的站点信息。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

## Status ### BETA Usabile ma con qualche correzione da effettuare.
README 原文

- ✅ [Netifly](https://www.netlify.com/)
README 原文

logo.png # Sostituisci questo file con il tuo logo
README 原文

| meta.js # MODIFICA QUESTO FILE!
README 原文

https://github.com/MarcoMicale/Minimalism/blob/main/LICENSE https://github.com/MarcoMicale/Minimalism/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 77 / 100
技术栈: Eleventy
网站类型: 博客 · 启动器

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2023-04-20
截图检查日期: 2026-10-01

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 647ff87a61c7b7fecf7d0c28954be875dab5a2bbcc42d6c17a13720abf8f3b54

2026-10-01T13:56:23.236Z

来源文件 / 仓库

# Minimalism

<a href="https://11ty-minimalism.netlify.app/" target="blank_">
  <img alt="antreprima" src="http://marcomicale.altervista.org/minimalism.webp" width="100%" >
</a>

> Simplicity is the ultimate sophistication!

## Cosa voglio ottene?

- ✅ Creazione pagine velocemente
- ✅ Favicon personalizzabile (msapplication/apple/safari/chrome)
- ✅ Blog
- ✅ Fedd Rss
- ✅ Sitemap
- ✅ PWA
- ✅ Immagini social dinamiche per ogni pagina/post
- ✅ Ottimizzazione SEO
- ✅ 404 error page
- ✅ Offline page
- ✅ Link social facili - edit /src/_11ty/_data/meta.js
- ✅ Tutti 100 in lighthouse
- ✅ Light/Dark mode
- ✅ [Netifly](https://www.netlify.com/)

## Cosa ho usato:

- [Eleventy](https://github.com/11ty/eleventy)
  - [Plugin eleventy-img](https://github.com/11ty/eleventy-img)
  - [Plugin eleventy-plugin-rss](https://github.com/11ty/eleventy-plugin-rss)
  - [Plugin eleventy-navigation](https://github.com/11ty/eleventy-navigation)
  - [Plugin-social-images](https://github.com/5t3ph/eleventy-plugin-social-images)
  - [Plugin-reading-time](https://github.com/johanbrook/eleventy-plugin-reading-time)
- [Tailwindcss](https://github.com/tailwindlabs/tailwindcss)
  - [Tailwindcss typography](https://github.com/tailwindlabs/tailwindcss-typography)
- [Slugify]([https://github.com/simov/slugify)
- [Luxon](https://github.com/moment/luxon)
- [html minifier](https://github.com/kangax/html-minifier)
- [rimraf](https://github.com/isaacs/rimraf)
- [npm-run-all](https://github.com/mysticatea/npm-run-all)
- [Tabler Icon](https://github.com/tabler/tabler-icons)

## Status
### BETA

Usabile ma con qualche correzione da effettuare.

## Folder Tree

```bash
Minimalism
|   .eleventy.js
|   .gitattributes
|   .gitignore
|   LICENSE
|   logo.png                          # Sostituisci questo file con il tuo logo
|   netlify.toml
|   package-lock.json
|   package.json
|   README.md
|   SECURITY.md
|   tailwind.config.js
|
+---.github
|   \---workflows
|           codeql-analysis.yml
|
+---.vscode
|       tasks.json
|
\---src
    |   ...                           # Aggiungi le pagine che vuoi
    |   blog.md                       # Pagina del tuo Blog (modifica da qui la intro)
    |   index.md                      # La Prima pagina del tuo sito (essenziale)
    |
    +---blog
    |       ...                       # Inserisci qui i tuoi post per il blog
    |
    \---_11ty
        +---_data
        |       meta.js               # MODIFICA QUESTO FILE!
        |
        +---_generate
        |       404.njk
        |       feed.njk
        |       manifest.njk
        |       offline.njk           # Pagina mostrata dall'app se offline
        |       pagesjson.njk
        |       robot.njk
        |       sitemap.njk
        |       socialtemplate.njk    # Modifica se vuoi cambiare l'immagine social
        |
        +---_includes
        |       favicon.njk
        |       footer.njk
        |       head-article.njk
        |       head-website.njk
        |       head.njk
        |       nav.njk               # Header sito (Titolo e Nav Bar)
        |
        +---_layouts                  # Layouts:
        |       article.njk           # Articoli del Blog
        |       blog.njk              # Pagina del Blog
        |       page.njk              # Pagine generiche
        |
        +---_social                   # File generati per l'immagine social
        |       pages.json
        |       social.css
        |       template.html
        |
        +---_static
        |   +---app                   # Risorse statiche
        |   |       .htaccess
        |   |       sw.js
        |   |
        |   +---favicon
        |   |       ...               # Favicon Generate a partire dal file logo.png
        |   |
        |   \---img
        |           ...
        |
        \---_tailwindCSS
                raw-social.css        # CSS del tuo sito
                raw-website.css       # Modifica se vuoi cambiare l'immagine social
```

反馈内容错误