当前位置: 首页 > 软件库 > 建站系统 > >

Gridsome

Vue 驱动的静态站点生成器
授权协议 MIT
开发语言 JavaScript
所属分类 建站系统
软件类型 开源软件
地区 不详
投 递 者 全冥夜
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Gridsome 是一个由 Vue 驱动的静态站点生成器,用于为任何 headless CMS、本地文件或 API 构建 CDN 就绪的网站。

享受现代开发堆栈

使用 Vue.js、webpack 和 Node.js 等现代工具构建网站。从 npm 获取热重载和访问任何包,并在您最喜欢的预处理器(如 Sass 或 Less)中编写 CSS,并带有自动前缀。

连接到任何 CMS 或数据源

使用任何 CMS 或数据源作为内容。从 WordPress、Contentful、本地 Markdown 或任何其他无头 CMS 或 API 中提取数据,并在您的页面和组件中使用 GraphQL 访问它。

PWA 离线优先架构

只有关键的 HTML、CSS 和 JavaScript 会首先加载。接下来的页面会被预取,这样用户即使在离线时也可以在不重新加载页面的情况下以惊人的速度点击。

获得完美的页面速度分数

Gridsome 自动优化您的前端以快速加载和执行。您可以开箱即用地获得代码拆分、图像优化、延迟加载和几乎完美的灯塔分数。

构建面向未来的网站

Web 的未来是 JavaScript、API 和标记 - Jamstack。Gridsome 使用极快的静态站点生成器、JavaScript 和 API 的强大功能来创建令人惊叹的动态 Web 体验。

为全球化做好准备

Gridsome 站点通常不连接到任何数据库,并且可以完全托管在全球 CDN 上。它可以在不中断的情况下处理数千到数百万次点击 - 并且没有昂贵的服务器成本。

  • 文章内容输出来源:拉勾教育前端高薪训练营 什么是静态网站生成器 静态网站生成器是使用一系列配置、模板以及数据,生成静态HTML文件及相关资源的工具 这个功能也叫预渲染 生成的网站不需要类似PHP这样的服务器 只需要放在支持静态资源的Web Server或CDN上即可运行 静态网站的好处 省钱,不需要专业的服务器,只要能托管静态文件的空间即可 快速,不经过后端服务器的处理,只传输内容 安全,没有后端

 相关资料
  • 下面的指引都基于以下几个假设: 你正在使用的是默认的构建输出路径(dist)。这个路径 可以使用 build.outDir 更改,在这种情况下,你可以从这篇指南中推断出所需的指令。 Vite 已经被安装为了一个你项目的本地开发依赖(dev dependency),并且你已经配置好了如下的 npm script: 你正在使用 npm,或者使用了 Yarn 或其他的包管理工具,可以运行下面的脚本指令:

  • 本文向大家介绍动态JSP页生成静态HTML的方法,包括了动态JSP页生成静态HTML的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了动态JSP页生成静态HTML的方法。分享给大家供大家参考。具体如下: 具体实现: 利用Filter的过滤功能把*.jsp过滤出来,判断是否存在对应的.html文件,如果不存在对应的.html文件,则将其内容读出写入指定的.html文件,再跳转到对应的.h

  • 静态网页生成器工具 JS 网页生成器: Metalsmith harp JS 博客网站生成器: hubpress.io Hexo.io 网站生成器列表: staticsitegenerators.net www.staticgen.com

  • 静态网页生成器 静态网页生成器, 是使用服务器端代码编写(如: ruby, php, python, nodeJS 等...), 用静态文本数据 + 模板, 生成从服务器发送到客户端的静态 HTML 文件. 综合学习: 静态网页生成器 [read]

  • 我正在做一个简单的ffmpeg测试。我想用它为我正在开发的网站生成缩略图/视频抓取。我目前正在使用VLC获取单个帧,然后生成一个缩略图,但它相当慢,有点麻烦。 问题是,我正在使用的视频(从我自己的电脑)是由安全摄像头软件生成的,并且它有一种奇怪的视频格式。当我在VLC中打开它(.bvr)时,它播放得非常非常快。10秒的视频大约需要2.5秒。此外,使用ffmpeg“ffmpeg-i test.bvr

  • 我正在构建一个github代码的静态库https://github.com/jasenhuang/aswbxml-c。我能够成功地构建库,但当我尝试添加项目时,却出现了一个错误。下面是错误日志。 我曾尝试为Xcode项目更改C++编译器类型,但没有成功。

  • libtool生成.a静态库 在OCStaticLib文件夹中准备OCTest.h和OCTest.m两个简单的类文件 . ├── OCTest.h └── OCTest.m 将OCTest.m编译成.o目标文件 终端进入到同级目录, 执行clang命令 clang -x objective-c \ -target x86_64-apple-macos11.1 \ -fobjc-arc

  • ar生成.a静态库 在OCStaticLib文件夹中准备OCTest.h和OCTest.m两个简单的类文件 . ├── OCTest.h └── OCTest.m 将OCTest.m编译成.o目标文件 终端进入到同级目录, 执行clang命令 clang -x objective-c \ -target x86_64-apple-macos11.1 \ -fobjc-arc \ -