发布于 2026-01-06 1 阅读
0

使用 Gatsby 在线简历创建在线简历 - Gatsby Starter DEV 的全球展示与讲述挑战赛,由 Mux 呈现:展示你的项目!

使用 Gatsby 创建在线简历

在线简历 - Gatsby Starter

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

我开发了一个基于 Gatsby 的入门模板来创建在线简历。我使用了Material UI进行主题设计。

查看演示https://donvito-gatsby-resume-starter.netlify.com

在线简历

🚀 快速入门

  1. 从该仓库下载初始代码。

GitHub 标志 donvito / donvito-gatsby-resume-starter

使用 Gatsby 创建在线简历。

了不起的盖茨比

在线简历 - Gatsby Starter

这是一个基于 Gatsby 的在线简历创建模板,它使用Material UI作为主题。

查看演示:https://donvito-gatsby-resume-starter.netlify.com

了不起的盖茨比

🚀 快速入门

  1. 编辑简历中要填写的数据。

    您可以编辑以下文件:

    1. src/data/summary.json此数据文件用于填充摘要部分。

    2. src/data/contact.json此数据文件用于填充“联系方式”部分。

    3. src/data/experience.json此数据文件用于填充“体验”部分。

    4. src/data/skill.json此数据文件用于填充“技能”部分。

  2. 开始开发。

    进入新网站的目录并启动它。

    cd donvito-gatsby-resume-starter/
    gatsby develop
    Enter fullscreen mode Exit fullscreen mode
  3. 打开源代码并开始编辑!

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

    注意:您还会看到第二个链接:http://localhost:8000/___graphql。这是一个可用于尝试查询数据的工具。了解更多关于如何使用它的信息……

  1. 添加简历中需要填写的数据

    编辑以下文件:

    1. src/data/summary.json此数据文件用于填充摘要部分。
    2. src/data/contact.json此数据文件用于填充“联系方式”部分。
    3. src/data/experience.json此数据文件用于填充“体验”部分。
    4. src/data/skill.json此数据文件用于填充“技能”部分。
  2. 启动网站。

    进入新网站的目录并启动它。

    cd donvito-gatsby-resume-starter/
    gatsby develop
    
  3. 访问该网站!

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

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

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

💫 在 Netlify 中部署示例

部署到 Netlify

文章来源:https://dev.to/donvitocodes/gatsby-starter-to-create-an-online-resume-3g32