28款静态网站快速搭建生成器

文章目录

1、Jekyll(个人推荐)

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

链接:https://www.oschina.net/p/kyll

2、Go 编写的静态网站生成器 Hugo(个人推荐)

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

链接:https://www.oschina.net/p/gohugo

3、静态博客网站生成器 Hexo(个人推荐)

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

链接:https://www.oschina.net/p/hexo

4、Tilda Publishing

这款软件可以帮助使用者制作一个内容导向型的网页,这款软件非常适合那些喜欢设计博客页面的人。

链接:http://tilda.cc/

5、XPRS

如果你曾经因为设计网页太过复杂和繁琐而感到沮丧,那么这款软件无疑是你的福音。这款软件会提供一个非常简单的编辑环境,让网页设计变得非常简单。

链接:http://www.imcreator.com/

6、Grav

这是一款较为复杂的软件,需要使用者掌握一些编程的技巧。

链接:https://getgrav.org/

7、OnePager

可以帮助使用者快速编辑所有类型的网页。使用者可以轻松建立一个响应迅速的网站,这款软件内置的预设系统使得网页的一切都是可定制的。使用者可以自己设计网页的主题风格。

链接:http://onepagerapp.com/

8、Hype 3.0

可以帮助你让网页的内容“动”起来,使用者可以设计每一帧动画并且进行排序,也可以手动添加或者删除动画效果,如果你想让自己的网页更加生动,那么这款软件绝对是你的首选。

链接:https://tumult.com/hype/

9、Carrd

这款软件是免费的,可以帮助初学者制作一个简单、响应快捷的网页。

链接:https://carrd.co/

10、Bootstrap Studio

这是一款桌面应用程序,旨在帮助web开发人员和设计人员创建一个相应迅速的网页。

链接:https://bootstrapstudio.io/

11、Template Stash

这款软件几乎集合了所有类型网页的模板,你可以通过关键词检索来找到你想要的主题风格。

链接:http://www.templatestash.com/

12、基于 Git 制作电子书 GitBook

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

链接:https://www.oschina.net/p/gitbook

13、ReactJS 静态网站生成器 Gatsby

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

链接:https://www.oschina.net/p/gatsby

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

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

链接:https://www.oschina.net/p/nuxt-js

15、Pelican

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

链接:https://www.oschina.net/p/pelican

16、Metalsmith

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

链接:https://www.oschina.net/p/metalsmith

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

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

链接:https://www.oschina.net/p/brunch

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

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

链接:https://www.oschina.net/p/middleman

19、MkDocs

MkDocs 可以同时编译多个markdown文件,形成书籍一样的文件。有多种主题供你选择,很适合项目使用。
MkDocs 是快速,简单和华丽的静态网站生成器,可以构建项目文档。文档源文件在 Markdown 编写,使用单个 YAML 配置文件配置。

链接:https://www.oschina.net/p/mkdocs

20、Expose

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

链接:https://www.oschina.net/p/expose

21、Assemble

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

链接:https://www.oschina.net/p/assemble

22、Wintersmith

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

链接:https://www.oschina.net/p/wintersmith

23、Cactus

Cactus 是一个简单而强大的静态网页生成器程序,它使用 Python 和 Django 的模板系统。它的本地开发和在S3 上的部署都非常的简单。
因为目前的动态网站大部分都可以使用 JavaScript 来完成,这样实际上网页完全可以是静态的,而且静态网页速度非常快并且容易管理。所以才有了这个项目。
作者开发 Cactus 的目的是为了给设计师们提供一个标准而简单的系统,让他们能够快速的构建和部署一个速度很快的网站。

链接:https://www.oschina.net/p/python-cactus

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

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

链接:https://www.oschina.net/p/react-static

25、静态网站生成器 DocPad

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

链接:https://www.oschina.net/p/docpad

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

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

链接:https://www.oschina.net/p/hubpress

27、模块化网站编译器 Phenomic

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

链接:http://www.oschina.net/p/phenomic

28、静态网站生成器 Lektor

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

链接:https://www.oschina.net/p/lektor

1、Jekyll(个人推荐)

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

链接:https://www.oschina.net/p/kyll

2、Go 编写的静态网站生成器 Hugo(个人推荐)

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

链接:https://www.oschina.net/p/gohugo

3、静态博客网站生成器 Hexo(个人推荐)

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

链接:https://www.oschina.net/p/hexo

4、Tilda Publishing

这款软件可以帮助使用者制作一个内容导向型的网页,这款软件非常适合那些喜欢设计博客页面的人。

链接:http://tilda.cc/

5、XPRS

如果你曾经因为设计网页太过复杂和繁琐而感到沮丧,那么这款软件无疑是你的福音。这款软件会提供一个非常简单的编辑环境,让网页设计变得非常简单。

链接:http://www.imcreator.com/

6、Grav

这是一款较为复杂的软件,需要使用者掌握一些编程的技巧。

链接:https://getgrav.org/

7、OnePager

可以帮助使用者快速编辑所有类型的网页。使用者可以轻松建立一个响应迅速的网站,这款软件内置的预设系统使得网页的一切都是可定制的。使用者可以自己设计网页的主题风格。

链接:http://onepagerapp.com/

8、Hype 3.0

可以帮助你让网页的内容“动”起来,使用者可以设计每一帧动画并且进行排序,也可以手动添加或者删除动画效果,如果你想让自己的网页更加生动,那么这款软件绝对是你的首选。

链接:https://tumult.com/hype/

9、Carrd

这款软件是免费的,可以帮助初学者制作一个简单、响应快捷的网页。

链接:https://carrd.co/

10、Bootstrap Studio

这是一款桌面应用程序,旨在帮助web开发人员和设计人员创建一个相应迅速的网页。

链接:https://bootstrapstudio.io/

11、Template Stash

这款软件几乎集合了所有类型网页的模板,你可以通过关键词检索来找到你想要的主题风格。

链接:http://www.templatestash.com/

12、基于 Git 制作电子书 GitBook

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

链接:https://www.oschina.net/p/gitbook

13、ReactJS 静态网站生成器 Gatsby

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

链接:https://www.oschina.net/p/gatsby

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

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

链接:https://www.oschina.net/p/nuxt-js

15、Pelican

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

链接:https://www.oschina.net/p/pelican

16、Metalsmith

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

链接:https://www.oschina.net/p/metalsmith

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

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

链接:https://www.oschina.net/p/brunch

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

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

链接:https://www.oschina.net/p/middleman

19、MkDocs

MkDocs 可以同时编译多个markdown文件,形成书籍一样的文件。有多种主题供你选择,很适合项目使用。
MkDocs 是快速,简单和华丽的静态网站生成器,可以构建项目文档。文档源文件在 Markdown 编写,使用单个 YAML 配置文件配置。

链接:https://www.oschina.net/p/mkdocs

20、Expose

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

链接:https://www.oschina.net/p/expose

21、Assemble

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

链接:https://www.oschina.net/p/assemble

22、Wintersmith

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

链接:https://www.oschina.net/p/wintersmith

23、Cactus

Cactus 是一个简单而强大的静态网页生成器程序,它使用 Python 和 Django 的模板系统。它的本地开发和在S3 上的部署都非常的简单。
因为目前的动态网站大部分都可以使用 JavaScript 来完成,这样实际上网页完全可以是静态的,而且静态网页速度非常快并且容易管理。所以才有了这个项目。
作者开发 Cactus 的目的是为了给设计师们提供一个标准而简单的系统,让他们能够快速的构建和部署一个速度很快的网站。

链接:https://www.oschina.net/p/python-cactus

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

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

链接:https://www.oschina.net/p/react-static

25、静态网站生成器 DocPad

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

链接:https://www.oschina.net/p/docpad

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

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

链接:https://www.oschina.net/p/hubpress

27、模块化网站编译器 Phenomic

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

链接:http://www.oschina.net/p/phenomic

28、静态网站生成器 Lektor

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

链接:https://www.oschina.net/p/lektor

  • 4
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在GitHub上搭建个人网站,你可以按照以下步骤进行操作: 1. 创建一个新的仓库(Repository):在GitHub上创建一个新的仓库,仓库名字可以是`<你的用户名>.github.io`,注意将`<你的用户名>`替换为你在GitHub上的用户名。 2. 选择网站生成器:选择一个适合的网站生成器来构建你的个人网站。一些常用的选择包括Jekyll、Hugo、Gatsby等。这些生成器可以帮助你快速构建静态网页。 3. 在本地设置仓库:将刚刚创建的仓库克隆到本地,并在本地设置相应的配置文件。具体操作取决于你所选择的网站生成器,你可以参考官方文档来完成这一步骤。 4. 定制你的网站:根据个人需求,进行网站的定制。你可以编辑页面内容、选择主题、添加自己的样式等。 5. 提交更改并推送到GitHub:完成网站的定制后,将更改提交到本地仓库,并将这些更改推送到GitHub上的仓库。 6. 配置GitHub Pages:在GitHub上找到刚刚创建的仓库,进入仓库的设置页面,找到GitHub Pages选项,并将它配置为从主分支(通常是`master`或`main`)来构建你的个人网站。 7. 等待构建完成:一旦你的个人网站的构建过程完成,你就可以在浏览器中访问`<你的用户名>.github.io`来查看你的个人网站了。 请注意,上述步骤是一个大致的指南,每个网站生成器可能有不同的具体操作步骤。记得查阅选用的生成器的官方文档以获得更详细的指导。祝你搭建成功!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

嚣张农民

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值