杜郎俊赏 - dujun.io

开源实例之Gatsby

前言

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.

It combines the control and scalability of dynamically rendered sites with the speed of static-site generation, creating a whole new web of possibilities.

Gatsby 是基于 React 构建的静态站点生成器,拥有丰富的插件生态,其主要目标之一是交付访问速度快速的网页,它通过利用良好的缓存、静态页面生成和基于边缘的 CDN 数据源来实现这一目标。

实例地址

https://gatsby.dujun.eu.org

实例配置

配置描述
系统Debian
开发环境服务端Node.js 18
服务器Nginx
程序Gatsby 5.10.0
模版gatsby-starter-blog

实例部署

权限要求

  • 具有系统读写权限
  • 已安装 Node.js
  • 已安装 Nginx

安装程序

官网地址:https://www.gatsbyjs.com
程序仓库:https://github.com/gatsbyjs/gatsby
模版仓库:https://github.com/gatsbyjs/gatsby-starter-blog

#安装 Gatsby
npm -g i gatsby-cli

#创建博客
gatsby new blog https://github.com/gatsbyjs/gatsby-starter-blog
cd blog

#生成静态文件
gatsby build

实例体验

首页

文章页

进入实例深度体验

后记

本实例仅供参考,不定期重置数据。

体验更多开源实例

标签: 开源实例 个人开源实例 Node.js开源实例 静态博客开源实例
日期:2023-06-06