使用Gulp构建的静态站点生成器

这是一款精简且强大的静态网站生成器，适合个人博客、文档站点或任何不需要动态后端支持的项目。它借鉴了其他知名静态站点生成器的理念，将Markdown内容转换为HTML，配合高效的构建流程，产出优化过的、准备部署的网站。

项目简介

Gulp Site Generator基于Gulp工作流，利用Handlebars模板引擎处理内容，并结合Sass编译、图片压缩等工具，为您打造一个高效且易于维护的静态站点。特别的是，它还支持RSS馈送创建、预览服务器以及内容草稿管理功能。

技术分析

• Gulp：作为任务自动化工具，Gulp提供了一套流畅的API，使得构建过程更加简单。
• Handlebars：模板引擎用于处理Markdown文件，创建灵活多样的页面布局。
• Sass：CSS预处理器，让样式编写更有序、可维护性更强。
• UnCSS和Css Minify：通过UnCSS移除未使用的CSS，然后进行CSS最小化，提升站点性能。
• Image Compression：减少图片大小，进一步优化加载速度。

应用场景

• 个人博客：快速搭建个性化博客，自动转换Markdown文章并发布。
• 文档站点：用于编写清晰易读的技术文档，可以方便地更新和部署。
• 企业官网：对于不依赖数据库的简单展示型网站，使用该工具可以提高开发效率。

项目特点

1. Markdown到HTML转换：Markdown写作，轻松转换为静态HTML页面。
2. 模板系统：使用Handlebars，自定义模板，实现复杂布局。
3. 一键构建：gulp命令即可完成全部构建过程，包括Sass编译、资产拷贝、图像压缩等。
4. 本地开发：develop任务支持实时刷新，便于开发调试。
5. 内容草稿管理：内容可设为草稿，不影响正式站点发布。
6. RSS生成：自动创建RSS订阅源，方便订阅者跟踪更新。

安装与更新

• 首先，在项目根目录下克隆本项目作为子模块或直接下载。
• 全局安装Gulp。
• 运行node tools/install安装依赖。
• 使用npm install安装项目依赖。
• 最后运行gulp构建你的站点。

要更新项目，只需在工具目录下拉取最新版本，再执行node tools/update更新项目依赖。

立即开始

有了Gulp Site Generator，你可以专注于内容创作，其余一切交给这个智能的生成器。无论是构建新的站点，还是优化已有的静态项目，它都能以优雅的方式帮助你完成。现在就尝试一下，开启你的高效静态网站之旅吧！