主站以 HTML 和 CSS 编写,博客部分由 Eleventy 静态生成器构建
template-lang-11ty-blog — Eleventy 博客模板
作者 rafarang3l
一个面向社会科学学生合作社的网站源码,主站用 HTML/CSS,博客用 Eleventy 与 Nunjucks 构建,并通过 Decap CMS 发布文章、Form2Channel 收集联系表单。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
博客模板使用 Nunjucks 语言,文章以 Markdown 文件维护
集成 Decap CMS 作为文章发布界面,方便后续写作者使用
联系页通过 Form2Channel 将表单提交写入 Google Sheets
仓库按 site、public、src、_includes、assets、admin-araracanga 划分目录
模板详细介绍
该仓库是巴西圣卡洛斯联邦大学学生合作社 Macao 的网站源码。README 说明主站使用 HTML 和 CSS,博客部分使用 Eleventy 静态站点生成器并以 Nunjucks 作为模板语言;文章内容以 Markdown 文件形式存在。后台写作入口由 Decap CMS 提供,便于后续参与者发布博客文章。联系页面接入 Form2Channel 服务,将表单提交发送到 Google Sheets 表格。
仓库结构划分为 /site(主站 HTML 与 CSS)、/public(Eleventy 构建输出)、/src(博客源码与 Eleventy 配置)、/_includes(基础模板、页头、页脚与页面索引)、/assets(图片、图标等静态资源)以及 /admin-araracanga(Decap CMS 配置与界面)。README 未提供本地安装、构建命令、部署流程或环境变量配置的说明,也未给出依赖清单与具体版本信息,因此无法据此确认运行与上线步骤。
适合你的项目吗?
适用场景
- 为社会科学学生组织搭建包含主站与博客的静态网站
- 需要非技术写作者通过可视化后台发布 Markdown 文章的博客项目
- 希望把联系表单数据直接收集到 Google Sheets 表格的场景
适合人群
- 熟悉 HTML/CSS 与 Eleventy 静态站点构建的开发者
- 需要为学生社团或合作社维护内容站点的团队
- 使用 Decap CMS 管理博客文章内容编辑流程的项目
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
README 未提供本地安装与构建命令,需自行参考 Eleventy 与 Decap CMS 的官方文档
- 2
README 未说明部署方式与托管平台配置
- 3
README 未列出依赖清单及具体版本号
- 4
使用 Form2Channel 与 Decap CMS 前需按各自服务要求完成账号或端点配置,README 未给出具体步骤
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- 联系页使用第三方 Form2Channel 服务将表单提交发送到 Google Sheets,需按该服务要求配置端点/账号,可能涉及外部服务条款与费用。
- 博客发布依赖 Decap CMS 后台,使用前需按 Decap CMS 要求完成相应配置与访问设置。
- 博客部分依赖 Eleventy 静态站点生成器与 Nunjucks 模板语言,构建需相应工具链。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
+ <a href="https://form2channel.com/">Form2Channel Service</a>: On the contact page, I implemented the Form2Channel service, which allows anyone to easily submit forms and send them to a Google Sheets spreadsheet. This ensures that we can collect contact information in an organized and efficient manner.
README 原文
+ <a href="https://decapcms.org/">Decap CMS:</a> It is an interface for posting blog articles, facilitating access for future participants and writers who want to host their texts on the site.
README 原文
https://github.com/rafarang3l/template-lang-11ty-blog/blob/main/LICENSEhttps://github.com/rafarang3l/template-lang-11ty-blog/blob/main/README.md+ <a href="https://github.com/11ty/11ty-website">Eleventy</a> :The blog, where students can publish articles, was developed using Eleventy, a static site generator. Eleventy simplifies creating static sites using various template languages; in this case, we're using the Nunjucks template language.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-20。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 57 / 100
- 技术栈
- Eleventy
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2024-10-05
- 截图检查日期
- 2026-10-20
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Eleventy。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: codex-user-requested-batch-review-20261021 · 2026-10-21
查看当时使用的来源资料
SHA-256: ed945474dad3dd8e1f30412cd3905244ba0439b24c84b0646996c4a449462bdd
2026-10-20T13:44:05.023Z
来源文件 / 仓库# PROJETO MACAÓ - Social Sciences Student Cooperative ## Description This repository contains the source code of the Macao website, a student cooperative in social sciences that I founded at the Federal University of Sao Carlos in Brazil. The website was developed to serve as a central platform for students of politics, sociology, and anthropology to join the Macao project, share knowledge of social sciences, and offer services to civil society. ## Technologies Used + Front-end: The main site was built using HTML and CSS to ensure a simple and effective user experience.<br> + <a href="https://github.com/11ty/11ty-website">Eleventy</a> :The blog, where students can publish articles, was developed using Eleventy, a static site generator. Eleventy simplifies creating static sites using various template languages; in this case, we're using the Nunjucks template language. + <a href="https://decapcms.org/">Decap CMS:</a> It is an interface for posting blog articles, facilitating access for future participants and writers who want to host their texts on the site. + <a href="https://form2channel.com/">Form2Channel Service</a>: On the contact page, I implemented the Form2Channel service, which allows anyone to easily submit forms and send them to a Google Sheets spreadsheet. This ensures that we can collect contact information in an organized and efficient manner. ## Repository Structure + /site: Contains the HTML and CSS files of the main Macao website. + /public: This is where the output of the entire site by the Eleventy generator will be located. + /src: Here you will find the source code of the blog, including Nunjucks templates, Markdown files for articles, and any Eleventy-related configuration. + /_includes: Here you will find the base template, header, footer, and page indexes of the website. + /assets: This directory contains static resources such as images, icons, and other files necessary for the functioning of the site. + /admin-araracanga: This is where the Decap CMS configurations and its UI are located. ## Contributing Welcome contributions from anyone interested in improving the Macao experience. Feel free to open issues to report bugs, request new features, or propose improvements! ## Contact If you have any questions, suggestions, or just want to get in touch with us, feel free to send an email to [email protected]. Thank you for visiting the Macao repository! I hope this website is useful and inspiring for students of social sciences.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

eleventy-base-blog
A starter repository for a blog web site using the Eleventy static site generator.
Eleventy · 博客

Eleventy-Starter-Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, …
Eleventy · 博客

vredeburg
A simple starter project to create a blog using Eleventy and Tailwind CSS
Eleventy · 博客

eleventy-libdoc
An Eleventy starter project to craft slick documentation
Eleventy · 博客

eleventy-stylus-blog-theme
这是一个用 Eleventy 静态站点生成器搭配 Stylus CSS 预处理器搭建的博客主题仓库,定位偏向轻量、可直接部署的个人博客起步模板。
Eleventy · 工具站

Minimalism
A 11ty starter, PWA, Tailwind Css, SEO...
Eleventy · 博客
