blog template

基于AI Summer的科技博客模板

当前模板可用于科学博客，因为它支持各种必要的组件，例如：

• 乳胶渲染
• 带有突出显示的代码块
• 参考文献和引文
• 嵌入 gif 和视频
• 互动组件
• 目录
• 类似文章

其他重要功能：

• 能够按主题过滤和显示帖子
• 可定制的作者页面
• 100% 响应
• 可以使用标准 React 代码或使用 Markdown 创建页面
• 使用 Flexsearch 通过本地索引进行搜索
• SEO 准备就绪
• 响应式图像和图像预处理管道
• 谷歌分析和标签管理器
• robots.txt生成
• XML 提要生成
• 站点地图生成

请参阅我们网站上的实例

该模板基于 theaisummer.com，我们删除了所有不必要的内容，以便为科学博客提供一个最小的、即用型但功能丰富的框架。

重要信息

• 该模板是使用 Gatsby v2 构建的，因此需要熟悉 React。对于那些想要自定义它的人，我们强烈建议您查看 Gatsby 官方文档
• 使用 Typescript 和 TSX 代替 Javascript
• Sass 预处理器用于样式化
• 使用 MDX 代替 Markdown，因此我们可以在 Markdown 中添加自定义 React 组件。这使我们能够实现高度可定制性、交互式小部件等等。
• Latex是用Katex和remark-math渲染的
• 代码块使用 prism-react-renderer 渲染
• 遵循 Gatsby 范式，使用 GraphQL 来查询网站内容
• 还可以使用 YAML 文件获取内容
• 可以使用react-hook-form创建表单
• 滚动支持动画

如何运行模板

1. 安装必要的依赖项

 $ yarn install

2. 奔跑吧盖茨比

 $ yarn start

部署之前需要做什么？

• 使用您的站点信息更新gatsby-config
• 在assets/images/中上传您的徽标和图标
• 更新Seo.tsx组件
• 更新styles/中的主题
• 更新site-content中的 yaml 文件

如何部署

1. 构建最终的静态文件

 $ yarn build

2. 预览网站

 $ yarn serve

3. 将public转移到您选择的托管选项。例如，AI Summer 部署在 Firebase 托管上，但任何对象存储都可以。

 $ firebase deploy

支持

如果您真的喜欢这个存储库并发现它有用，请考虑 (★)为其加注星标，以便它可以覆盖更广泛的志趣相投的受众。我们将不胜感激:)！

贡献和报告错误

非常欢迎您通过添加更多功能、修复错误等来为模板做出贡献。请记住，该模板是由机器学习工程师而不是 Web 开发人员创建的，所以我们提前表示诚挚的歉意？

如果您发现错误，请创建 GitHub 问题，或者更好的是提交拉取请求。同样，如果您有疑问，只需将其作为 GitHub 问题发布即可。更多信息请点击这里。

现任团队

塞尔吉奥斯·卡拉吉亚纳科斯、尼古拉斯·阿达洛格鲁和伊利亚斯·帕帕斯塔蒂斯

执照

版权所有 2022，人工智能之夏。

根据 Apache 许可证 2.0 版获得许可

查看完整的许可证。