阅读更多

1顶
0踩

Web前端

近年来,作为传统动态网站基础架构的替代方案,现代静态网站生成器日渐盛行。在 StaticGen 上有一个关于静态站点生成器的开源目录,2017 年该网站追踪了超过一百个生成器,并见证了这些生成器在这一年的流行趋势。本文整理了 StaticGen 目录中排名前 20 的静态网站生成器,排名顺序依据 Github 上的 Star 数。

 

1、静态站点生成器 Jekyll

Jekyll 是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一个生成静态网页的工具,不需要数据库支持。但是可以配合第三方服务,例如discuz。最关键的是jekyll可以免费部署在Github上,而且可以绑定自己的域名。

 

2、Go 编写的静态网站生成器 Hugo

Hugo

Hugo 是 Go 编写的静态网站生成器,速度快,易用,可配置。Hugo 有一个内容和模板目录,把他们渲染到完全的 HTML 网站。Hugo 依赖于 Markdown 文件,元数据字体 。用户可以从任意的目录中运行 Hugo,支持共享主机和其他系统

 

3、静态博客网站生成器 Hexo

 

Hexo 是一个基于nodejs 的静态博客网站生成器,作者是来自台湾的 Tommy Chen

特点:

  • 不可思议的快速 ─ 只要一眨眼静态文件即生成完成

  • 支持 Markdown

  • 仅需一道指令即可部署到 GitHub Pages 和 Heroku

  • 已移植 Octopress 插件

  • 高扩展性、自订性

  • 兼容于 Windows, Mac & Linux

4、基于 Git 制作电子书 GitBook

GitBook 是一个基于 Node.js 的命令行工具,可使用 Github/Git 和 Markdown 来制作精美的电子书,GitBook 并非关于 Git 的教程。

 

使用GitBook生成的电子书

GitBook支持输出多种文档格式:

  • 静态站点:GitBook默认输出该种格式,生成的静态站点可直接托管搭载Github Pages服务上;

  • PDF:需要安装gitbook-pdf依赖;

  • eBook:需要安装ebook-convert

  • 单HTML网页:支持将内容输出为单页的HTML,不过一般用在将电子书格式转换为PDF或eBook的中间过程;

  • JSON:一般用于电子书的调试或元数据提取。

5、ReactJS 静态网站生成器 Gatsby 

 

Gatsby 可以使用 React.js 把纯文本转换到动态博客或者网站上。

特点:

  • 无需重载页面转换

  • 热重载编辑

  • 为构建静态网站创建 React.js 组件模型和生态系统 

  • 直观的基于目录的 URLs

  • 支持 "Starters"

6、Vue.js 后端渲染开源库 Nuxt.js

Nuxt.js 是一个通过 Vue 用于服务端渲染的简单框架,灵感来自 Next.js。 Nuxt 基于 ES2015,这使得代码有着更愉快,更整洁的阅读体验。它不使用任何转换器,并取决于 Core V8 实现的功能。

 

7、静态页面生成程序 Pelican

Pelican 是一个法国人用 python 写的用于生成静态页面的程序,支持:

  • 博客文章和页面

  • 使用外部服务 Disqus 实现的评论功能

  • 支持主题

  • 可对文章生成 PDF 文档

  • 支持多语言发布文章

  • Atom/RSS feeds

  • 代码着色

  • 使用 LESS CSS (optional)

  • 可导入 WordPress, Dotclear 或者 RSS feeds

  • 集成外部功能 Twitter, Google Analytics, etc. (optional)

8、静态网站生成器 Metalsmith

一个非常简单,可插拔的静态网站生成器。在 Metalsmith 中,所有的逻辑都是由插件来处理的。 你只需将它们链接在一起。

 

9、前端 Web 应用程序构建工具 Brunch

Brunch 是一个轻量级的、优雅和简单的方法构建 HTML5 应用程序的框架,快速的前端 Web 应用程序构建工具,具有简单的声明性配置,用于快速开发的无缝增量编译。

 

10、Ruby 编写的静态网站生成器 Middleman

Middleman 是一个 Ruby 编写的静态网站生成器,他可以让你使用几乎所有在Ruby Web开发中所使用的技术和工具来构建各种类型的静态网站。比如:在 Ruby on Rails 经常用到的 SassCoffeeScriptSprocketsErb & Haml 等,都可以在 Middleman 里使用。

 

11、静态网站生成器 MkDocs

Screenshot

MkDocs 可以同时编译多个markdown文件,形成书籍一样的文件。有多种主题供你选择,很适合项目使用。

MkDocs 是快速,简单和华丽的静态网站生成器,可以构建项目文档。文档源文件在 Markdown 编写,使用单个 YAML 配置文件配置。

 

12、静态网站生成器 Expose

Expose 是一个帮助图配文生成的静态网站生成器。

 

13、静态网页生成系统 Assemble

 

Assemble 是一个使用 Node.jsGrunt.jsGulpYeoman 等来实现的静态网页生成系统。已被 Zurb Foundation, Zurb Ink, H5BP/Effeckt, Less.js / lesscss.org, Topcoat, Web Experience Toolkit 等数百个项目用来生成项目网站、主题、组件、文档、博客和 github 页面。

 

14、静态站点生成器 Wintersmith

Wintersmith 是一款静态站点生成器。它包括了内容(markdown,less,script 等),使用插件和输出静态网页(html,css,image 等等)来转换。它附带有 markdown 插件和 jade 模版。

 

15、静态网页生成器 Cactus

Cactus 是一个简单而强大的静态网页生成器程序,它使用 Python 和 Django 的模板系统。它的本地开发和在S3 上的部署都非常的简单。

因为目前的动态网站大部分都可以使用 JavaScript 来完成,这样实际上网页完全可以是静态的,而且静态网页速度非常快并且容易管理。所以才有了这个项目。

作者开发 Cactus 的目的是为了给设计师们提供一个标准而简单的系统,让他们能够快速的构建和部署一个速度很快的网站。

 

16、React 的渐进式静态网站生成器 React Static

React Static 是一个 React 的渐进式静态网站生成器。它也是一个服务端渲染 React 应用的简约框架,旨在构建一个满足 SEO,网站性能和用户/开发人员使用体验的标准,帮助每个人无痛地构建下一代、高性能的网站。

功能特性

  • 100% React。

  • 快速运行,高性能构建。

  • 数据平台不可知论者(Data Agnostic),可从任何地方提供你的网站数据。

  • 为 SEO 而生。

  • React 优先的开发体验。

  • 无痛的项目设置和迁移。

  • 100% 支持 React 生态系统。 包括 CSS-in-JS 库,自定义 Query 层(如 GraphQL),甚至 Redux。

17、静态网站生成器 DocPad 

 

DocPad  可以帮助生成具有布局,元数据,预处理器(markdown,jade,coffeescript 等等),部分,骨架,文件查看器,查询和完美的插件系统的网站前端。这大大减少了有经验开发者和初学者开发网站之间的不同,帮助用户更快速的建立自己的网站。

 

18、JavaScript 编写的静态网站生成器 HubPress

HubPress 是一个由  JavaScript 编写的静态网站生成器,使博客维护更加简单。

主要特性:

  • 提供 WYSIWYG 编辑器撰写博客
  • 支持 AsciiDoc 标记功能,将内容按照用户需求呈现

  • 管理控制台可以自定义博客内容的许多方面

  • Disqus 整合博客评论

  • 利用Google Analytics 集成来跟踪访问者活动

  • 附带多种主题,随时可以使用

19、模块化网站编译器 Phenomic

Phenomic 是一个模块化网站编译器,让网站构建更快、更简单。

 

20、静态网站生成器 Lektor

 

Lektor 是静态网站生成器,也是平面文件内容管理系统。Lektor 从静态文件的大量独立 HTML 页面构建出一个完整的项目,同时内置管理 UI 和极小的桌面应用。

来自: oschina
1
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 网站生成器

    这是一个网站的修改工具,由e语言编写,可以根据需要修改,附带网站架设工具和模板、资料,欢迎指导472341680@qq.com

  • python 静态网站生成_最全的静态网站生成器(开源项目)

    2017 年,最热开源静态网站生成器 TOP 20 揭晓!2019独角兽企业重金招聘Python工程师标准>>>...史上最全的静态网站生成器Static Site Generators大集合(二)在上一篇文章史上最全的静态网站生成器Static ...

  • Web 项目可能会用到的20款优秀的开源工具

    开源的应用程序和它们的源代码可以免费获得,因为版权是属于任何进行过修改或者提交代码的人。大多数提供开源软件的公司都可以建立行业标准,因此可以获得有利的竞争...这篇文章20款优秀的开源工具分享给 Web 开发者

  • 移动低代码开发专题月 | 可视化开发 一键生成专业级源码

    APICloud Studio3可视化工具秉承低代码的设计理念,让开发者可以通过拖拽搭建积木的方式,所见即所得地快速构建生成应用静态页面,并支持同步实时生成AVM跨端代码;工具内置丰富的UI样式组件,节省开发者大量的页面...

  • 动态代理大揭晓,带你彻底弄清楚动态代理

    其实代理模式的核心思想就是这么简单,在java中,代理又分静态代理和动态代理2种,其中动态代理根据不同实现又区分基于接口的的动态代理和基于子类的动态代理。 其中静态代理由于比较简单,面试中也没啥问的,在...

  • Rust China Conf 2020 详细议程揭晓(上)

    《Substrate中的Rust设计模式》 Substrate区块链开发框架基于Rust语言开发,采用了大量的语言特性和设计模式来实现其通用性和可扩展性,这些模式包括最小化可复用的模块设计、生成器、Newtype、过程宏、trait抽象...

  • APICloud可视化开发丨一键生成专业级源码

    APICloud Studio3可视化工具秉承低代码的设计理念,让开发者可以通过拖拽搭建积木的方式,所见即所得地快速构建生成应用静态页面,并支持同步实时生成AVM跨端代码;工具内置丰富的UI样式组件,节省开发者大量的页面...

  • 华为于璠:新一代AI开源计算框架MindSpore的前世与今生 | AI ProCon 2019

    演讲嘉宾 | 于璠(华为MindSpore资深架构师) 编辑 | 刘静 ...2019 年诺贝尔物理学奖揭晓! 三得主让宇宙“彻底改观” 公链故事难再续? 你点的每个“在看”,我都认真当成了AI

  • 【面试题】973- 一篇由简到难的 Vue 面试题+详解答案

    简单 1 MVC 和 MVVM 区别 MVC MVC 全名是 Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范 Model(模型):是应用程序中用于处理应用程序数据逻辑的部分。...

  • Spring Boot 2.4.0正式发布,全新的配置文件加载机制(不向下兼容)

    2017.1发布,是最后一个1.x分支,2019.8.1停止维护 回忆2.3版本的新特性 可能大部分小伙伴都还没用过2.3.x分支,没想到2.4.x就已发布。因此这里先对2.3.x版本的新特性,来波简单回忆: 优雅停机。这是2.3.x主打的新...

  • 90 岁程序员:他的压缩算法改变了世界!

    与 LZ77 不同,LZ78 解析输入数据,生成一个静态字典,不像 LZ77 动态产生。该算法成为 80 年代初使用的 Unix 压缩程序的基础;影响了 90 年代的 WinZip 和 Gzip,为 GIF、TIFF 图片格式的开发带来了一定的指引。 ...

  • Netty游戏服务器实战开发(5):利用Netty打造轻量级RPC组件

    rpc解码器和编码器是对应的,我们必须要有一套完整的编码器和解码器。缺一不可。 /** * Created by IntelliJ IDEA. * User: 文江 Date: 2018/8/19 Time: 9:55 * https://blog.csdn.net/baidu_23086307 */ ...

  • MIT Technology Review 2022年“全球十大突破性技术”解读

    来源:中国科学基金自2001年起,MIT Technology Review每年都会评选出年度“全球十大突破性技术”,不少在当年崭露头角的技术,如今已经深刻地改变了我们的生活,推动了人类社会的进步。2022年2月23日,MIT ...

  • 2016 年度码云热门项目排行榜 TOP 50

    原文地址:http://www.oschina.net/news/80909/2016-oschina-git-top-50?from=timeline&isappinstalled=0...2016 年度码云热门项目排行榜 TOP 50 是通过开源项目2016年在码云上的 Watch、Star、Fork 数量来评定的榜单。

  • 网站搭建(Cloud Studio+Typecho)

    Coding(腾讯的代码托管网站,类似于GitHub)免费向使用者提供了两类网站部署方式,Cloud Studio(动态网页托管)和 Coding Pages(静态网页托管),简而言之,动态有后台,静态无后台。 Cloud Studio支持...

  • 基于SSM+JSP+HTML的东风锻造有限公司重大停管理系统(Java毕业设计,附源码,数据库,教程).zip

    Java 项目, Java 毕业设计,Java 课程设计,基于 ssm 开发的,含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。 包含:项目源码、数据库脚本、软件工具等,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行! 1. 技术组成 前端:jsp 后台框架:SSM 开发环境:idea 数据库:MySql(建议用 5.7 版本,8.0 有时候会有坑) 数据库工具:navicat 部署环境:Tomcat(建议用 7.x 或者 8.x 版本), maven 2. 部署 如果部署有疑问的话,可以找我咨询 Java工具包下载地址: https://pan.quark.cn/s/eb24351ebac4

  • 数据库系统课程设计报告-体育项目比赛管理系统设计与开发

    一、系统需求分析 1 (一)需求概述 1 (二)业务流分析 1 从运动员角度分析 1 (三)数据流分析 4 (四)数据字典 5 二、数据库概念结构设计 6 (一)实体分析 6 (二)属性分析 6 (三)联系分析 8 (四)概念模型分析(.PDM图) 9 三、数据库逻辑结构设计 9 (一)概念模型转化为逻辑模型 9 1.一对一关系的转化 9 2.一对多关系的转化 9 3.多对多关系的转化 10 (二)逻辑模型设计(.PDM图) 10 四、 数据库物理实现(一)表设计 10 (一)表设计 10 (二)创建表和完整性约束代码设计 11 五、数据库功能调试 15 (一)运动员管理模块 15 (二)负责人管理模块 16 (三)系统管理员管理模块 17 六、设计系统前台软件 21 (一)开发软件选择 21 (二)软件功能要求与设计 22 (三)软件功能实现 22 (四)系统测试 24 七、设计总结 27

  • 基于SSM+JSP的文物管理系统+数据库(Java毕业设计,包括源码,教程).zip

    Java 项目, Java 毕业设计,Java 课程设计,基于 SpringBoot 开发的,含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。 包含:项目源码、数据库脚本、软件工具等,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行! 1. 技术组成 前端:jsp 后台框架:SSM 开发环境:idea 数据库:MySql(建议用 5.7 版本,8.0 有时候会有坑) 数据库工具:navicat 部署环境:Tomcat(建议用 7.x 或者 8.x 版本), maven 2. 部署 如果部署有疑问的话,可以找我咨询 Java工具包下载地址: https://pan.quark.cn/s/eb24351ebac4

  • 智慧园区整体解决方案-37PPT(46页).pptx

    智慧园区,作为现代化城市发展的新兴模式,正逐步改变着传统园区的运营与管理方式。它并非简单的信息化升级,而是跨越了行业壁垒,实现了数据共享与业务协同的复杂运行系统。在智慧园区的构建中,人们常常陷入一些误区,如认为智慧园区可以速成、与本部门无关或等同于传统信息化。然而,智慧园区的建设需要长期规划与多方参与,它不仅关乎技术层面的革新,更涉及到管理理念的转变。通过打破信息孤岛,智慧园区实现了各系统间的无缝对接,为园区的科学决策提供了有力支持。 智慧园区的核心价值在于其提供的全方位服务与管理能力。从基础设施的智能化改造,如全面光纤接入、4G/5G网络覆盖、Wi-Fi网络及物联网技术的运用,到园区综合管理平台的建设,智慧园区打造了一个高效、便捷、安全的运营环境。在这个平台上,园区管理方可以实时掌握运营动态,包括道路状况、游客数量、设施状态及自然环境等信息,从而实现事件的提前预警与自动调配。同时,智慧园区还为园区企业提供了丰富的服务,如项目申报、资质认定、入园车辆管理及统计分析等,极大地提升了企业的运营效率。此外,智慧园区还注重用户体验,通过信息发布系统、服务门户系统及各类智慧应用,如掌上营销、智慧停车、智能安防等,为园区员工、企业及访客提供了便捷、舒适的生活与工作体验。值得一提的是,智慧园区还充分利用大数据、云计算等先进技术,对园区的能耗数据进行采集、分析与管理,实现了绿色、节能的运营目标。 在智慧园区的建设过程中,还涌现出了许多创新的应用场景。例如,在环境监测方面,智慧园区通过集成各类传感器与监控系统,实现了对园区水质、空气质量的实时监测与预警;在交通管理方面,智慧园区利用物联网技术,对园区观光车、救援车辆等进行实时定位与调度,提高了交通效率与安全性;在公共服务方面,智慧园区通过构建统一的公共服务平台,为园区居民提供了包括平安社区、便民社区、智能家居在内的多元化服务。这些创新应用不仅提升了园区的智能化水平,还为园区的可持续发展奠定了坚实基础。同时,智慧园区的建设也促进了产业链的聚合与发展,通过搭建聚合产业链平台,实现了园区内企业间的资源共享与合作共赢。总的来说,智慧园区的建设不仅提升了园区的综合竞争力,还为城市的智慧化发展树立了典范。它以用户需求为导向,以技术创新为驱动,不断推动着园区向更加智慧、高效、绿色的方向发展。对于写方案的读者而言,智慧园区的成功案例与创新应用无疑提供了宝贵的借鉴与启示,值得深入探索与学习。

Global site tag (gtag.js) - Google Analytics