Gatsby Yuque Starter:使用 Gatsby.js 搭建静态博客,使用语雀发布到博客
温馨提示:本文最后更新于2023年10月12日 13:19,若内容或图片失效,请在下方留言或联系博主。
Gatsby Yuque Starter是一个由Gatsby和语雀驱动的博客起始模板。
一、该模板的功能特点包括:
-
使用语雀创建博客文章
-
使用Tailwind CSS进行样式设计
-
提供RSS订阅功能
-
支持离线访问
-
支持Web App Manifest
-
支持Google Analytics
二、教程:您可以按照以下步骤使用 "gatsby-yuque-starter" 这个博客起始模板:
- 创建一个新的 Gatsby 站点:使用 Gatsby CLI 创建一个新的站点,指定使用博客起始模板。
# create a new Gatsby site using the blog starter
gatsby new my-blog-starter https://github.com/Raincal/gatsby-yuque-starter
- 开始开发:进入新站点的目录并启动开发服务器。
cd my-blog-starter/
gatsby develop
- 编辑源代码:打开您选择的代码编辑器,导航到 my-blog-starter 目录,并编辑 src/pages/index.js 文件。保存更改后,浏览器会实时更新。
您的网站现在正在运行 http://localhost:8000
!
注意:您还会看到第二个链接: http://localhost:8000/___graphql
。您可以使用此工具来尝试查询数据。在Gatsby 教程中了解有关使用此工具的更多信息。
my-blog-starter
在您选择的代码编辑器中打开目录并进行编辑 src/pages/index.js
。保存您的更改,浏览器将实时更新!