【静态站点(一)】之 静态网站生成器
笔记来源:拉勾教育 大前端高薪训练营
一、什么是静态网站生成器
- 静态网站生成器是一系列配置、模板以及数据,生成静态 HTML 文件及相关资源的工具
- 这个功能也叫 预渲染
- 生成的网站不需要类似 PHP 这样的服务器
- 只需要放到支持静态资源的 Web Server 或 CDN 上即可运行
二、静态网站的好处
- 省钱
- 不需要专业的服务器,只要能托管静态文件的空间即可
- 快速
- 不经过后端服务器的处理,只传输内容
- 安全
- 没有后端程序的运行,自然会更安全
三、常见的静态网站生成器
- Jekyll(Ruby)
- Hexo(Node)
- Hugo(Golang)
- Gatsby(Node/React)
- Gridsome(Node/Vue)
- 另外,Next.js,Nuxt.js 也能生成静态网站,但是它们更多被认为是 SSR(服务端渲染)框架。
四、JAMStack
JAMStack(静态网站生成器) 使您可以通过预渲染文件并直接从CDN直接提供文件来构建快速安全的站点和应用程序,而无需管理或运行Web服务器。
- 学习网站:Learn more about the Jamstack.
- JAMStack 的 JAM 是 JavaScript、API 和 Markup 的首字母组合
- 本质上是一种胖前端,通过调用各种 API 来实现更多的功能
- 其实也是一种前后端的模式,只不过离得比较开,甚至前后端来自多个不同的厂商
五、静态应用的使用场景
- 不适合有大量路由页面的应用
- 如果您的站点有成百上千条路由页面,则预渲染将非常缓慢。当然,你每次更新只需要做一次,但是可能要花一些时间。大多数人不会最终获得数千条静态路由页面,而只是以防万一。
- 不适合有大量动态内容的应用
- 如果渲染路线中包含特定于用户查看其内容或其动态源的内容,则应确保您具有可以显示的占位符组件,直到动态内容加载到客户端为止。否则可能有点怪异。
【静态站点(一)】之 静态网站生成器相关推荐
- 博客生成静态站点工具 Top 30
文章目录 1.Next.js 2.Hugo 3.Gatsby 4.Jekyll 5.Nuxt 6.Docusaurus 7.Hexo 8.GitBook CLI 9.Docsify 10.VuePre ...
- python 静态网站生成_使用Django模板系统或静态站点生成器生成HTML文件?
我正在尝试为一个个人网站建立一个适当的工作流程.在 我使用的是仙人掌静态网站生成器,它利用了Django模板系统.在 我知道我想做什么,但我不知道怎么做,因为仙人掌的教程是有限的.在 我的目录结构如下 ...
- Flask驱动的静态站点生成器(译)
2019独角兽企业重金招聘Python工程师标准>>> {% include JB/setup %} 翻译自:Dead easy yet powerful static websit ...
- 最热开源静态网站生成器 TOP 20
最热开源静态网站生成器 TOP 20 1.静态站点生成器 Jekyll Jekyll 是一个简单的免费的Blog生成工具,类似WordPress.但是和WordPress又有很大的不同,原因是jeky ...
- 雨果vs.杰基尔:比较领先的静态网站生成器
除非您的精神动物是艾米莉·狄金森(Emily Dickinson),否则当您制造事物时,就想与世界分享. 分享您的工作意味着您需要一个网站. 当然,您可以简单地参与数字共享裁剪,并使用各种社交媒体网站 ...
- 编辑器生成静态网页_使用静态网站生成器的7个理由
编辑器生成静态网页 Static site generators have become increasingly popular and, if my prediction is correct, ...
- 【Web架构】静态站点生成器概述 Gatsby ,Hugo 和Jekyll对比
在本文中,您将看到三种最好的静态站点生成器的比较,它们的优点.缺点以及您应该使用它们的原因. 网站统治着网络,无论是静态的还是动态的.虽然现在很多网站都是动态的,但是静态的仍然很受欢迎.事实上,静态网 ...
- 用html制作编写静态日志,[译] 编写一个小型静态网站生成器
大概有数百个 Python 编写的静态网站生成器(更多的其他语言编写的). 我决定写一个自己的.为什么呢?当我决定把我的博客从Ghost搬迁到别的博客系统,我想找一个最小的.我决定使用 Github ...
- 编辑器生成静态网页_不使用静态网站生成器的7个理由
编辑器生成静态网页 Trending posts on SitePoint today: 今天在SitePoint上的热门帖子: 7 Ways to Make WordPress Simpler fo ...
最新文章
- ArduinoYun教程之OpenWrt-Yun与CLI配置Arduino Yun
- c语言编程功率谱,有谁会用C编写求功率谱(答案越多越好)
- MYSQL [ERROR] InnoDB: Unable to lock ./ibdata1 error: 11
- centos7 安装git_Centos7.4 Yapi 服务搭建
- g++能过,c++过不了
- Hadoop热添加删除节点(含Hbase)
- 注释和特殊字符(HTML)
- 如何让自己的email地址永久有效
- Spring3开发实战 之 第四章:对JDBC和ORM的支持
- 阶段5 3.微服务项目【学成在线】_day04 页面静态化_17-页面静态化-模板管理-GridFS研究-存文件...
- 遇到问题,尽量自己解决,实在解决不了再问别人
- 超市登录系统 java_超市订单管理系统,登录功能实现
- ViewPage的使用与介绍
- php AES加解密
- 传奇服务器的角色文件在,传奇版本等一些软件放到服务器里的方法
- 2009年我国报刊发行创新的五个关键词
- 做人得厚道,不是么?
- win10解除安全模式
- MPCS-314 3A 光电耦合器 用于IGBT/MOSFET隔离栅极驱动 完美代替TLP5701
- 高通QACT工具音频参数修改保存和验证