GatsbyReactHTML企业官网

Dark-Castle-Website — Gatsby 企业官网模板

作者 scottgriv

Dark Castle 主题的官方产品网站，基于 Gatsby 与 React 构建，用于展示该深色主题在多个平台上的信息。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-13查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

Dark Castle Theme 的官方产品网站源码，用于介绍该深色主题

02

基于 Gatsby 与 React 构建，包含 HTML 相关内容

03

主题面向多个平台，设计灵感来自中世纪城堡，采用深色配色与现代排版

04

README 提供 Netlify 部署状态徽章，仓库含桌面端与移动端首页截图

05

代码采用 MIT 许可证，允许使用、修改、商用与分发

模板详细介绍

这是 Dark Castle Theme 的官方产品网站源码，托管于 GitHub，作者为 Scott Grivner。网站本身用于介绍 Dark Castle Theme——一个面向多个平台的深色主题，其设计灵感来自中世纪城堡，采用深色配色搭配现代简洁的排版。

技术层面，项目基于 Gatsby 与 React 构建，并包含 HTML 相关内容，部署流程与 Netlify 关联（README 中提供了 Netlify 部署状态徽章）。仓库中提供了桌面端与移动端首页的实际截图，可据此了解页面结构。

许可方面，代码采用 MIT 许可证，允许使用、修改与分发，但需保留原作者版权声明与许可声明。需要注意的是，MIT 许可仅覆盖本仓库代码，演示图片、字体、图标等第三方素材以及域名、托管等外部服务需另行核对各自的许可与费用。

GatsbyReactHTML企业官网

适合你的项目吗？

适用场景

  • 为 Dark Castle Theme 搭建官方产品介绍页面
  • 作为 Gatsby + React 产品官网的参考实现
  • 需要深色视觉风格的产品展示站点起步模板

适合人群

  • 需要为开源主题或设计资源搭建介绍官网的开发者
  • 希望参考 Gatsby 产品站点结构的 React 开发者
  • 接受 MIT 许可条款并需保留原作者署名的使用者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    使用前请阅读仓库 README 与 LICENSE 文件，确认依赖与构建方式

  2. 2

    MIT 许可要求分发代码副本或实质性部分时保留原作者版权声明与完整许可声明

  3. 3

    演示图片、字体、图标等第三方素材需按各自许可单独核对

  4. 4

    域名、托管等外部服务可能产生额外费用，需自行评估

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文
https://github.com/scottgriv/Dark-Castle-Website/blob/main/LICENSEhttps://github.com/scottgriv/Dark-Castle-Website/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 85 / 100
技术栈
Gatsby · React · HTML
网站类型
企业官网
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-09-10
截图检查日期
2026-10-13

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Gatsby。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: a2d851797f6d1e2e93f1438e410ae109476fec346b26cfafa3ea3d5c0c80711f

2026-10-13T01:40:05.578Z

来源文件 / 仓库
<div align="center">
    <a href="https://darkcastletheme.com" target="_blank">
        <img src="./docs/images/banner_large.png" /> <!-- Add a specific width/height for your icon here, ex. width="150" height="150"-->
    </a>
</div>
<br>
<p align="center">
    <a href="https://www.gatsbyjs.com/"><img src="https://img.shields.io/badge/Gatsby-5.12.4-663399?style=for-the-badge&logo=gatsby" alt="Gatsby Badge" /></a>
    <a href="https://react.dev/"><img src="https://img.shields.io/badge/React-18.2.0-61DAFB?style=for-the-badge&logo=react" alt="React Badge" /></a>
    <a href="https://www.netlify.com/"><img src="https://img.shields.io/badge/Netlify-17.7.0-00C7B7?style=for-the-badge&logo=netlify" alt="Netlify Badge" /></a>
    <br>
    <a href="https://github.com/scottgriv"><img src="https://img.shields.io/badge/github-follow_me-181717?style=for-the-badge&logo=github&color=181717" alt="GitHub Badge" /></a>
    <a href="mailto:[email protected]"><img src="https://img.shields.io/badge/gmail-contact_me-EA4335?style=for-the-badge&logo=gmail" alt="Email Badge" /></a>
    <a href="https://www.buymeacoffee.com/scottgriv"><img src="https://img.shields.io/badge/buy_me_a_coffee-support_me-FFDD00?style=for-the-badge&logo=buymeacoffee&color=FFDD00" alt="BuyMeACoffee Badge" /></a>
    <br>
    <a href="https://prgportfolio.com" target="_blank"><img src="https://img.shields.io/badge/PRG-Silver Project-C0C0C0?style=for-the-badge&logo=data:image/svg%2bxml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjYuMDAwMDAwcHQiIGhlaWdodD0iMzQuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCAyNi4wMDAwMDAgMzQuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+Cgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwzNC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNDMEMwQzAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0xMiAzMjggYy04IC04IC0xMiAtNTEgLTEyIC0xMzUgMCAtMTA5IDIgLTEyNSAxOSAtMTQwIDQyIC0zOCA0OAotNDIgNTkgLTMxIDcgNyAxNyA2IDMxIC0xIDEzIC03IDIxIC04IDIxIC0yIDAgNiAyOCAxMSA2MyAxMyBsNjIgMyAwIDE1MCAwCjE1MCAtMTE1IDMgYy04MSAyIC0xMTkgLTEgLTEyOCAtMTB6IG0xMDIgLTc0IGMtNiAtMzMgLTUgLTM2IDE3IC0zMiAxOCAyIDIzCjggMjEgMjUgLTMgMjQgMTUgNDAgMzAgMjUgMTQgLTE0IC0xNyAtNTkgLTQ4IC02NiAtMjAgLTUgLTIzIC0xMSAtMTggLTMyIDYKLTIxIDMgLTI1IC0xMSAtMjIgLTE2IDIgLTE4IDEzIC0xOCA2NiAxIDc3IDAgNzIgMTggNzIgMTMgMCAxNSAtNyA5IC0zNnoKbTExNiAtMTY5IGMwIC0yMyAtMyAtMjUgLTQ5IC0yNSAtNDAgMCAtNTAgMyAtNTQgMjAgLTMgMTQgLTE0IDIwIC0zMiAyMCAtMTgKMCAtMjkgLTYgLTMyIC0yMCAtNyAtMjUgLTIzIC0yNiAtMjMgLTIgMCAyOSA4IDMyIDEwMiAzMiA4NyAwIDg4IDAgODggLTI1eiIvPgo8L2c+Cjwvc3ZnPgo=" alt="Silver" /></a>
</p>

---

<h1 align="center">🏰 Dark Castle Theme Website 🌲</h1>
<br>
<p align="center">
    <a href="https://app.netlify.com/sites/darkcastle/deploys"><img src="https://api.netlify.com/api/v1/badges/d9e331fd-4e1c-4a1a-8279-992b48b89705/deploy-status" alt="Netlify Status" /></a>
</p>
<p align="center">
  A vibrantly elegant dark theme available for multiple platforms. Inspired by the timeless beauty and mystery of medieval castles, this theme combines rich, deep colors with a clean and modern design.
</p>

<div align="center">
    <img src="./docs/images/screenshot.png" />
</div>

This is official website for **[Dark Castle Theme](https://github.com/scottgriv/Dark-Castle-Theme)**.

- Visit the website that's built by this repository [here](https://darkcastletheme.com).
- Check out our **Dark Castle Theme** main repository [here](https://github.com/scottgriv/Dark-Castle-Theme).

## License

This project is released under the terms of the **MIT License**, which permits use, modification, and distribution of the code, subject to the conditions outlined in the license.

- The [MIT License](https://choosealicense.com/licenses/mit/) provides certain freedoms while preserving rights of attribution to the original creators.
- For more details, see the [LICENSE](LICENSE) file in this repository.

## Credits

**Author:** [Scott Grivner](https://github.com/scottgriv) <br>
**Email:** [[email protected]](mailto:[email protected]) <br>
**Website:** [linktr.ee/scottgriv](https://www.linktr.ee/scottgriv) <br>
**Reference:** [Main Branch](https://github.com/scottgriv/Dark-Castle-Website) <br>

---

<div align="center">
    <a href="https://github.com/scottgriv/Dark-Castle-Website" target="_blank">
        <img src="./docs/images/icon-rounded.png" width="100" height="100"/>
    </a>
</div>
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

automatic-gatsbyjs-app-landing-page

automatic-gatsbyjs-app-landing-page

Automatic GatsbyJS App Landing Page - Automatically generate iOS app landing page using GatsbyJS

Gatsby · 工具站

vhealth-gatsby

vhealth-gatsby

Open source Gatsby template for a healthcare startup. [Building something amazing? do reach out!]

Gatsby · 企业官网

Simplicity-Itself-Gatsby-Tailwind-Starter-Theme

Simplicity-Itself-Gatsby-Tailwind-Starter-Theme

A Simple, Free Gatsby/TailwindCSS Starter Theme For Business Websites

Gatsby · 企业官网

kontent-template-gatsby-landing-page-photon

kontent-template-gatsby-landing-page-photon

Kentico Kontent web template using Gatsby and Kentico Kontent.

Gatsby · 企业官网

zauberhaft-gatsby

zauberhaft-gatsby

Free, customizable, modern & Lightning fast Gatsby 5 - agency website template

Gatsby · 企业官网

tokyo-treasures

tokyo-treasures

A responsive restaurant website template that is optimized for performance, SEO, and accessibility. It is buil…

Gatsby · 企业官网