Gatsby Yuque Starter:使用 Gatsby.js 搭建静态博客,使用语雀发布到博客

网站推荐2个月前发布 一糖导航
143 0 0

Gatsby Yuque Starter是一个由Gatsby和语雀驱动的博客起始模板,使用语雀发布到博客。

一、该模板的功能特点包括:

  • 使用语雀创建博客文章
  • 使用Tailwind CSS进行样式设计
  • 提供RSS订阅功能
  • 支持离线访问
  • 支持Web App Manifest
  • 支持Google Analytics

二、教程:您可以按照以下步骤使用 “gatsby-yuque-starter” 这个博客起始模板:

  1. 创建一个新的 Gatsby 站点:使用 Gatsby CLI 创建一个新的站点,指定使用博客起始模板。
# create a new Gatsby site using the blog starter
gatsby new my-blog-starter https://github.com/Raincal/gatsby-yuque-starter
  1. 开始开发:进入新站点的目录并启动开发服务器。
cd my-blog-starter/
gatsby develop
  1. 编辑源代码:打开您选择的代码编辑器,导航到 my-blog-starter 目录,并编辑 src/pages/index.js 文件。保存更改后,浏览器会实时更新。

您的网站现在正在运行 http://localhost:8000

注意:您还会看到第二个链接: http://localhost:8000/___graphql 。您可以使用此工具来尝试查询数据。在Gatsby 教程中了解有关使用此工具的更多信息。

my-blog-starter 在您选择的代码编辑器中打开目录并进行编辑 src/pages/index.js 。保存您的更改,浏览器将实时更新!


网址:https://github.com/Raincal/gatsby-yuque-starter

© 版权声明

相关文章

暂无评论

暂无评论...
TAB栏自定义颜色

背景颜色

文字颜色

网址设置

网址样式切换

详细

布局设置

左侧边栏菜单

展开

页面最大宽度

1650px

搜索框设置

搜索框背景上下位置

仅对图片背景生效

50%

自定义搜索框背景

  • 静图

    设置好刷新

自定义搜索框高度

  • 聚焦
  • 信息
  • 默认
自定义设置