阅读更多

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支持...

  • 集团企业数字孪生平台信息化蓝图(应用系统架构、数据架构、IT基础设施与信息安全架构、信息化组织与管控.pptx

    集团企业数字孪生平台信息化蓝图(应用系统架构、数据架构、IT基础设施与信息安全架构、信息化组织与管控.pptx

  • 基于微信小程序的助农扶贫小程序

    大学生毕业设计、大学生课程设计作业

  • node-v6.9.1.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • 基于matlab开发的多元散射校正和变量标准化Matlab处理程序,可以对建模前的原始数据进行校正、处理.rar

    基于matlab开发的多元散射校正和变量标准化Matlab处理程序,可以对建模前的原始数据进行校正、处理.rar

Global site tag (gtag.js) - Google Analytics