unocha/hxl-gatsby

unocha/hxl-gatsby 镜像说明

镜像概述

本镜像为HXL博客的前端应用载体，基于Gatsby框架的默认启动器构建，提供了快速开发React前端项目的基础环境，包含Gatsby核心配置、工具链及示例代码。

核心功能

• 基于Gatsby框架实现静态站点生成与React组件开发
• 实时热重载：修改代码后浏览器自动刷新，提升开发效率
• 集成GraphiQL工具：支持可视化调试GraphQL数据查询
• 内置代码格式化工具（Prettier）：确保代码风格一致性

使用场景

• 部署HXL博客的前端页面
• 快速启动新的Gatsby项目开发
• 学习Gatsby框架的基础使用方法

配置说明

镜像包含以下关键文件/目录：

1. /src：前端业务代码目录，含页面、组件等资源
2. gatsby-config.js：Gatsby主配置文件，可设置站点元数据、插件等
3. gatsby-node.js：自定义站点构建流程的Node API配置
4. gatsby-browser.js：浏览器端扩展配置（如全局样式、路由拦截）

部署示例

Docker Run命令

bash
docker run -d -p 8000:8000 docker.xuanyuan.run/unocha/hxl-gatsby

运行后访问 http://localhost:8000 即可查看应用，GraphiQL工具可通过 http://localhost:8000/___graphql 访问。

Docker Compose示例

yaml
version: '3.8'
services:
  hxl-gatsby-frontend:
    image: unocha/hxl-gatsby
    ports:
      - "8000:8000"
    restart: unless-stopped