您好!
欢迎来到京东云开发者社区
登录
首页
博文
课程
大赛
工具
用户中心
开源
首页
博文
课程
大赛
工具
开源
更多
用户中心
开发者社区
>
博文
>
几种自动生成静态站点介绍
分享
打开微信扫码分享
点击前往QQ分享
点击前往微博分享
点击复制链接
几种自动生成静态站点介绍
京东ZERO团队
2021-01-07
IP归属:未知
45400浏览
## 第一步 前言 如何创建一个CMS网站,WordPress无疑是最好的选择。但是如果只生成静态站点,那便有很多千秋各异的选择,下面我将一一介绍。 ## 第二步 介绍 ### Jekyll Jekyll是最流行的生成器。它主要是通过Ruby编译自动生成GitHub页面,所以在个人项目和文档中非常流行 。而且它还有一个庞大的用户群和一个大的插件目录,这是个很大的优势。 ### Hugo Hugo很像Jekyll,但是它对比Jekyll的优势是编译速度特别快,当有很多篇博客时,Jekyll的编译速度会非常慢。 而且Hugo创建一个网站只要几秒,里面剥离了很多抽象的东西,使用户不需要配置很多东西变可以快速建站,对用户来说更加简单。 ### Hexo Hexo是一个新出现的技术,它是NodeJs编译生成的。大部分用于创建博客平台。它有着Jekyll的可扩展性和Hugo的速度,而且用nodejs起服务,对前端工程师来说是个不错的选择。 ### Wintersmith Wintersmith也是一个用NodeJs来编译的生成器。它最大的不同点就是非常的简单,它就想一个平台,你可以安装很多插件来满足你的需求。它需要一些精力去安装插件调整后才能进行工作,但是这样也给了用户更多的空间去自定义化。 ### Gatsby Gatsby是最新也是最有趣的生成器。它将静态页面引入框架中,它使用React和Webpack来做单页应用管理你的网页内容。它根据自己的需求移除很多配置项,给开发人员提供了个简单高效的解决方案,最终将生成一个现代和高端应用程序。 事实上,Gatsby可以用来做很多事情,而不仅仅是生成一个博客。它的真正极限还没有被发现。很多React开发人员正在自发参与Gatsby的开发,Gatsby会越来越完善。 ![website]({{ site.url }}/images/180505/stackshare.png) [StackShare](https://stackshare.io/stackups/gatsby-vs-wintersmith-vs-hugo-vs-hexo-vs-jekyll) > * [https://jekyllrb.com](https://jekyllrb.com) > * [https://gohugo.io](https://gohugo.io/) > * [https://hexo.io](https://hexo.io) > * [http://wintersmith.io](http://wintersmith.io/) > * [https://www.gatsbyjs.org](https://www.gatsbyjs.org/) 来源译:[https://medium.freecodecamp.org/static-sites-are-back-24d01a01f11a](https://medium.freecodecamp.org/static-sites-are-back-24d01a01f11a) Happy coding .. :)
原创文章,需联系作者,授权转载
上一篇:刚柔并济的开源分布式事务解决方案
下一篇:Being Agile!行云看板试用报告来啦~
京东ZERO团队
文章数
39
阅读量
91751
作者其他文章
01
webpack打包组件配置(React版本)
这篇文章是以打包react插件的形式,介绍webpack的一些配置信息。如果写简单插件的话还是推荐使用rollup,但是可以用写插件的形式去学习一下webpack的一些东西。(适用于初中级webpack学者)
01
webpack核心概念与基本实现
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。**
01
Typescript合成Webpack中
TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript,简称ts。相对于ES6,TypeScript最大的改善是增加了类型系统,国内外很多大型工程都用它,如AngularJs,白鹭引擎、Antd。
01
小程序加载svg图片
小程序的[组件](https://developers.weixin.qq.com/miniprogram/dev/component/)中是没有支持`SVG`标签的。 但是在前端小伙伴的实际开发中,UED经常提供SVG图片过来,如果不想用引入`iconfont`的话,那么妹子我将介绍个很好用的方法。
最新回复
丨
点赞排行
共0条评论
京东ZERO团队
文章数
39
阅读量
91751
作者其他文章
01
webpack打包组件配置(React版本)
01
webpack核心概念与基本实现
01
Typescript合成Webpack中
01
小程序加载svg图片
添加企业微信
获取1V1专业服务
扫码关注
京东云开发者公众号