最热开源静态网站生成器 TOP 20

news/2024/5/19 1:04:29/文章来源:https://blog.csdn.net/Aria_Miazzy/article/details/105556448

最热开源静态网站生成器 TOP 20

 

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 

live-reloading example

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 经常用到的 Sass、CoffeeScript、Sprockets、Erb & Haml 等,都可以在 Middleman 里使用。

11、静态网站生成器 MkDocs

Screenshot

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

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

12、静态网站生成器 Expose

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

13、静态网页生成系统 Assemble

Assemble 是一个使用 Node.js,Grunt.js,Gulp,Yeoman 等来实现的静态网页生成系统。已被 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 和极小的桌面应用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_709746.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

演练 网站的导航栏 0920

演练 网站的导航栏 0920 素材 https://cloud.189.cn/t/qMVJzaAbea63 数据 导航图的宽度 760 150 菜单图的宽高 760 32 制作过程 完成基本架构 制作菜单按钮 使用li>a的方式 效果 去掉样式 让li浮动 让a变为块级元素 去掉链接下划线 水平垂直居中 鼠标经过后效果

【资源】可下载三维模型的网站

可以用于生成仿真数据的三维模型库,持续更新… 1.Free3D 2.Turbosquid 3.三维扫描模型 4.3D SKY 5.3D warehouse 6.ArchiBase 7.机械模型 Dassault Systmes ref: https://www.zhihu.com/question/268392246/answer/426906438 https://zhuanlan.zhihu.com…

10个轻量级CMS网站内容管理系统

这里推荐的10个简单轻量级的网站内容管理系统对于每一个Web设计师和Web开发人员来说,都是简单易用的,是一般小型网站的可选实现方案,10 个CMS系统各有特色。 Wolf CMS Wolf CMS simplifies content management by offering an elegant user …

16个SNS网站常用JS组件

1. Facebook jQuery聊天框。 Facebook本身有 一个不错的IM软件,这个组件教你怎么模仿faceback的样式实现一个在线聊天框。 Demo Download 2. 仿Twitter Ajax搜索 帮你建立以个仿Twitter风格的搜索引擎效果。 Demo Download 3. 仿Facebook Mootools模态…

100种增加网站流量的方法

本文是一篇翻译的文章,文章比较长,但是如果你有网站或者blog的话,很多方法还是很值得借鉴的。 流量 就是网络中的货币。网站流量越大,就越容易达到既定目标:赚钱,传播观点,与其他人联系互动&…

网站开发技巧参考大全 event js

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.…

网站开发技巧参考大全 event js

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.…

一步步构建大型网站架构

有幸接确到了架构这个词的玩意,这几天有时间就网上游离一下相关资料,看到不错就收藏一下,作为以后学习的方向: 之前我简单向大家介绍了各个知名大型网站的架构,MySpace的五个里程碑 、Flickr的架构 、YouTube的架构…

网站静态化结构

写在前头 静态化是解决减轻网站压力,提高网站访问速度的常用方案,但在强调交互的We2.0 时代,对静态化提出了更高的要求,静态不仅要能静,还要能动,下面我通过一个项目,谈谈网站静态化后的架构设计方案,同时和大家探讨一下,在开源产品大行其道,言架构必称MemberCache, Nginx,的时…

网站静态化结构

写在前头 静态化是解决减轻网站压力,提高网站访问速度的常用方案,但在强调交互的We2.0 时代,对静态化提出了更高的要求,静态不仅要能静,还要能动,下面我通过一个项目,谈谈网站静态化后的架构设计方案,同时和大家探讨一下,在开源产品大行其道,言架构必称MemberCache, Nginx,的时…

10种JavaScript特效实例让你的网站更吸引人

10种JavaScript特效实例让你的网站更吸引人 今天的话题是如何改进自己网站的界面或提高网站的视觉体验,从而让用户记忆犹新。我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架&#xf…

优化Meta讨好搜索引擎 更好的提升网站排名

网页代码中的Meta标签在SEO(搜索赢取优化)中有着举足轻重的地位,如果在Meta标签上进行了适合搜索引擎的撰写方式,可在很大程度地提升网站的排名,同时也有利于站点内容的收录,所以给每个网页加上Meta值就成为…

优化Meta讨好搜索引擎 更好的提升网站排名

网页代码中的Meta标签在SEO(搜索赢取优化)中有着举足轻重的地位,如果在Meta标签上进行了适合搜索引擎的撰写方式,可在很大程度地提升网站的排名,同时也有利于站点内容的收录,所以给每个网页加上Meta值就成为…

ASP.NET 4中的SEO改进

ASP.NET 4包括了一系列新的运行时特性,可以帮助你进一步优化你的网站。其中一些新特性可以用来进行SEO优化以提高网站在搜索引擎中的排名和权重,这些特性包括: 新的Page.MetaKeywords 和 Page.MetaDescription 属性 针对ASP.NET Web Forms的…

ASP.NET 4中的SEO改进

ASP.NET 4包括了一系列新的运行时特性,可以帮助你进一步优化你的网站。其中一些新特性可以用来进行SEO优化以提高网站在搜索引擎中的排名和权重,这些特性包括: 新的Page.MetaKeywords 和 Page.MetaDescription 属性 针对ASP.NET Web Forms的…

Google 的PageRank值对网站成功有多重要

网页排名(PR),基于外部链接以及链接来源来确定网站排名的评价方式,是谷歌独家拥有的秘密武器。虽然由于谷歌对网站排名增加了越来越多新标准使得这种方式已经慢慢变淡了,但是对于SEO和网站管理员来说还是很看重获得一个…

Google 的PageRank值对网站成功有多重要

网页排名(PR),基于外部链接以及链接来源来确定网站排名的评价方式,是谷歌独家拥有的秘密武器。虽然由于谷歌对网站排名增加了越来越多新标准使得这种方式已经慢慢变淡了,但是对于SEO和网站管理员来说还是很看重获得一个…

Google 的PageRank值对网站成功有多重要

网页排名(PR),基于外部链接以及链接来源来确定网站排名的评价方式,是谷歌独家拥有的秘密武器。虽然由于谷歌对网站排名增加了越来越多新标准使得这种方式已经慢慢变淡了,但是对于SEO和网站管理员来说还是很看重获得一个…