静态网站 介绍

wangxiang2020 · · 675 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

什么是静态网站生成器
  • 静态网站生成器是使用一系列配置、模板以及数据,生成静态 HTML 文件及相关资源的工具
  • 由于它是提前生成静态网页,通常将这个功能也叫预渲染
  • 生成的网站不需要类似 PHP 这样的服务器
  • 只需要放到支持静态资源的 Web Server 或 CDN 上即可运行
静态网站好处
  • 省钱:不需要专业的服务器,只要能托管静态文件的空间即可·
  • 快速:不经过后端服务器的处理,只传输内容
  • 安全:没有后端程序的执行,自然会更安全
常见静态网站生成器
  • Jekyll (Ruby)
  • Hexo (Node)
  • Hugo(Golang)
  • Gatsby (Node/React)
  • Gridsome (Node/Vue)
  • 另外,Next.js,Nuxt.js 也能生成静态网站,但是它们更多被认为是 SSR(服务端渲染)框架。
JAMStack
  • 这类静态网站生成器还有个漂亮的名字叫 JAMStack
  • JAMStack 的 JAM 是 JavaScript、API 和 Markup 的首字母组合
  • 本质上是一种胖前端,通过调用各种 API 来实现更多的功能
  • 其实也是一种前后端的模式,只不过离得比较开,甚至前后端来自多个不同的厂商
静态应用使用场景
  • 不活合有大量路由页面的应用
    如果您的站点有成百上千条路由页面,则预渲染将非常缓慢。当然,您每次更新只需要做一次,但是可能要花一些时间。大多数人不会最终获得数千条静态路由页面,而只是以防万一
  • 不适合有大量动态内容的应用
    如果渲染路线中包含特定于用户查看其内容或其他动态源的内容,则应确保您具有可以显示的占位符组件,直到动态内容加载到客户端为止。否则可能有点怪异

有疑问加站长微信联系(非本文作者)

本文来自:简书

感谢作者:wangxiang2020

查看原文:静态网站 介绍

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

675 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传