静态网站生成器的全面指南
来源:
广州天荣信息科技有限公司
日期:2018-03-24 15:02:31
点击:5829
属于:网站建设
大多数开发人员已经理解了内容管理系统是如何工作的。WordPress的流行已经渗透到全球,成为创建任何博客的主要工具。
然而,一个日益增长的趋势是使用静态网站生成器为博客或小型网站。这些动态编译器将预处理代码转换为静态HTML/CSS/JS文件,这些文件可以在没有数据库的服务器上进行维护。虽然这可能不是每个站点最好的工作流程,但有许多原因导致开发人员蜂拥至静态站点生成器。
在这篇文章中,我想探究一下静态网站生成器的深度:它们做了什么,它们是怎么做的,以及为什么你可能想要使用它。如果你只是不理解静态站点生成器,那么希望这篇文章能够阐明这个主题。
静态Web的起源。
实际上,web在90年代就开始了纯粹的静态HTML文件。是的,有更大的应用程序运行在Perl或Java上,但是HTML是任何人在网上发布内容的最快方式。
静态站点是为了快速交付内容。HTML页面由web浏览器直接解析,因此HTTP延迟是加载时间的最大因素。
多年来,网络发展到包括数据库和强大的引擎,如WordPress。这些引擎很快就成为了解决方案,因为它们可以运行强大的应用程序,而无需编写后端代码。
随着CMS引擎的发展,管理加载时间成为一个值得关注的问题。开发人员需要担心数据库查询时间和庞大的模板。缓存有帮助,但它很少能提供与静态页面相同的性能。
对静态站点的这种固定是在内容管理系统对小型项目过于臃肿的时候出现的。几乎就像web行业已经实现了一个完整的循环,实现了静态HTML页面的好处——但是这次我们有了更强大的工具。
为什么静态站点会重新出现?
采用静态内容的最大原因之一是技术和浏览器功能。使用纯JavaScript和外部api来设置动态资源比以往任何时候都要容易。
这允许开发人员创建静态页面,该页面仍然支持使用swift类型的站点搜索,或者通过Disqus允许用户评论。如果一个站点不需要运行数据库,那么为什么要运行它呢?
devs的另一个原因是性能。现代web用户在各种环境中浏览,从微型智能手机到带有双显示器的顶级桌面。很难对每个变量进行规划,所以最好的方法是尽可能地优化。
根据定义,静态网站是用来处理流量的。没有必要担心缓存或数据库节流可能会减慢加载时间。
综上所述,对静态网站的重新认识来自:
改进的web浏览器功能
支持预处理,如Sass/Less和Haml/Jade。
许多免费的第三方解决方案的动态内容。
静态站点生成器使网站创建快捷高效。
优势动态网站
静态网站不依赖于任何数据库。静态站点不等待数据库连接,当然也不需要处理数据库错误。
类似地,静态站点不依赖任何后端语言。您不需要一个带有PHP、Rails、Python、Node或其他任何东西的服务器,而不是服务器的核心功能。静态站点只加载静态内容,并精确地完成Internet的工作。
同样考虑到针对动态网站的安全问题。尽管多年来网络安全已经有所改善,但恶意的黑客仍然可以通过数据库注入或不恰当的插件/主题进入WordPress和其他系统。
下面是一些使用静态站点而不是动态站点的优点:
与动态内容相比,HTTP请求的加载速度更快。
静态网站更安全,漏洞更少(没有数据库或后端脚本)
静态站点生成器为动态CMS提供了类似的工具(如。模板,泛音,预处理)
学习使用静态站点生成器比学习一个完整的CMS更容易。
没有数据库或后端服务器需求。
静态生成缺陷
虽然有很多关于静态站点生成的好东西,但它仍然不完美,当然对于每个项目都不是很好。
最大的缺点可能是来自用户视角的内容管理。开发人员可以编写一些markdown,生成页面并将其推送到服务器。但是非技术客户能做到吗?他们会想学习吗?
这很不幸,因为静态生成器的主要目标是小网站。
该解决方案是一个静态的站点CMS,具有用户管理功能,如Netlify CMS。
Netlify CMS
另一个考虑是每次需要重新编译站点时,需要手动运行终端命令。大多数背包
扫一扫,加我微信
然而,一个日益增长的趋势是使用静态网站生成器为博客或小型网站。这些动态编译器将预处理代码转换为静态HTML/CSS/JS文件,这些文件可以在没有数据库的服务器上进行维护。虽然这可能不是每个站点最好的工作流程,但有许多原因导致开发人员蜂拥至静态站点生成器。
在这篇文章中,我想探究一下静态网站生成器的深度:它们做了什么,它们是怎么做的,以及为什么你可能想要使用它。如果你只是不理解静态站点生成器,那么希望这篇文章能够阐明这个主题。
静态Web的起源。
实际上,web在90年代就开始了纯粹的静态HTML文件。是的,有更大的应用程序运行在Perl或Java上,但是HTML是任何人在网上发布内容的最快方式。
静态站点是为了快速交付内容。HTML页面由web浏览器直接解析,因此HTTP延迟是加载时间的最大因素。
多年来,网络发展到包括数据库和强大的引擎,如WordPress。这些引擎很快就成为了解决方案,因为它们可以运行强大的应用程序,而无需编写后端代码。
随着CMS引擎的发展,管理加载时间成为一个值得关注的问题。开发人员需要担心数据库查询时间和庞大的模板。缓存有帮助,但它很少能提供与静态页面相同的性能。
对静态站点的这种固定是在内容管理系统对小型项目过于臃肿的时候出现的。几乎就像web行业已经实现了一个完整的循环,实现了静态HTML页面的好处——但是这次我们有了更强大的工具。
为什么静态站点会重新出现?
采用静态内容的最大原因之一是技术和浏览器功能。使用纯JavaScript和外部api来设置动态资源比以往任何时候都要容易。
这允许开发人员创建静态页面,该页面仍然支持使用swift类型的站点搜索,或者通过Disqus允许用户评论。如果一个站点不需要运行数据库,那么为什么要运行它呢?
devs的另一个原因是性能。现代web用户在各种环境中浏览,从微型智能手机到带有双显示器的顶级桌面。很难对每个变量进行规划,所以最好的方法是尽可能地优化。
根据定义,静态网站是用来处理流量的。没有必要担心缓存或数据库节流可能会减慢加载时间。
综上所述,对静态网站的重新认识来自:
改进的web浏览器功能
支持预处理,如Sass/Less和Haml/Jade。
许多免费的第三方解决方案的动态内容。
静态站点生成器使网站创建快捷高效。
优势动态网站
静态网站不依赖于任何数据库。静态站点不等待数据库连接,当然也不需要处理数据库错误。
类似地,静态站点不依赖任何后端语言。您不需要一个带有PHP、Rails、Python、Node或其他任何东西的服务器,而不是服务器的核心功能。静态站点只加载静态内容,并精确地完成Internet的工作。
同样考虑到针对动态网站的安全问题。尽管多年来网络安全已经有所改善,但恶意的黑客仍然可以通过数据库注入或不恰当的插件/主题进入WordPress和其他系统。
下面是一些使用静态站点而不是动态站点的优点:
与动态内容相比,HTTP请求的加载速度更快。
静态网站更安全,漏洞更少(没有数据库或后端脚本)
静态站点生成器为动态CMS提供了类似的工具(如。模板,泛音,预处理)
学习使用静态站点生成器比学习一个完整的CMS更容易。
没有数据库或后端服务器需求。
静态生成缺陷
虽然有很多关于静态站点生成的好东西,但它仍然不完美,当然对于每个项目都不是很好。
最大的缺点可能是来自用户视角的内容管理。开发人员可以编写一些markdown,生成页面并将其推送到服务器。但是非技术客户能做到吗?他们会想学习吗?
这很不幸,因为静态生成器的主要目标是小网站。
该解决方案是一个静态的站点CMS,具有用户管理功能,如Netlify CMS。
Netlify CMS
另一个考虑是每次需要重新编译站点时,需要手动运行终端命令。大多数背包
标签:
本文来源:天荣科技,转载请注明出处!如果需要营销型网站建设、微商城、小程序商城、多端小程序 请联系我们!
扫一扫,加我微信
上一文章:网络上最常见的交互设计错误
下一文章:未来的网页设计趋势:高清晰度设计