krashna site

卡拉什纳音乐网站

代尔夫特学生音乐协会 Krashna Musika 网站的静态网站生成器，使用 React 和 Gatsby.js 构建。

安装

首先，您需要 Node.js 环境和 Yarn 包管理器。安装完毕后，从此存储库的根目录运行以下命令：

yarn
yarn global add gatsby-cli

跑步

发展

要启动开发服务器（使用实时重新加载），请运行：

yarn develop

现在将有一个服务器在 localhost:8000 上侦听！

生产

要构建生产包，请运行：

yarn build

对master分支的更改会通过 Netlify 构建服务自动部署到实时站点（位于 krashna.nl）。

文档

整体结构

一般来说，这个项目遵循常见的 Gatsby.js 文件夹结构：

• 页面在/src/pages中定义。每个JS文件的文件名（不包括.js扩展名）作为对应页面的URL。
• 页面模板（不同类型页面外观的样板结构）位于/src/templates中。
• 这些页面和模板使用的组件包含在/src/components文件夹中。

然而，它在提供国际化和其他功能方面有一些不同之处：

• 所有翻译都包含在/src/locales文件夹的 YAML 文件中。每个子文件夹都包含特定语言的每个翻译定义文件的副本。这些翻译文件被编译为 JSON，与其余内容一起提供，并在运行时动态插入到页面中。我们使用由gatsby-plugin-intl集成的react-intl库进行翻译。
• 页面生成所基于的所有数据（例如音乐会列表）都包含在/src/data中。

添加内容

通过将文本或一些其他数据添加到预定义文件中可以轻松地添加内容，下面给出了一些示例。所有内容均以 Markdown 编写。如果您不熟悉 Markdown，或者需要一些帮助，请查看这个方便的链接

添加页面

要添加页面...

1. 在/src/pages中添加一个 JS 文件，其名称为您想要放置该页面的 URL。当对如何构建此文件有疑问时，请查看该文件夹中的其他现有页面。
2. 在/src/locales中为您使用的任何翻译键添加所需的翻译。请参阅现有页面和翻译，了解如何访问页面文件中的此类翻译密钥以及如何在翻译文件中定义它的示例。

添加音乐会

要添加音乐会...

1. 按照与其他条目相同的格式将条目添加到/src/data/concerts.yaml列表中。
2. 将两种语言的与语言相关的文本添加到/src/locales文件夹中的concerts.yaml文件中。

添加新闻帖子

要添加新闻帖子...

1. 按照与其他条目相同的格式将条目添加到/src/data/news.yaml列表中。
2. 将两种语言的与语言相关的文本添加到/src/locales文件夹中的news.yaml文件中。