Daily dev

前言

某次闲逛Github，发现优弧的主页上有一个面板，很感兴趣，研究了下，遂记录

正文

Daily dev介绍

Daily.dev是一个编程新闻网站，主要提供最新的编程相关新闻、技术教程、开发者工具、开源项目和社区资源。它涵盖了多种编程语言和领域，如前端开发、后端开发、数据科学、人工智能和游戏开发等。

DevCard是Daily.dev提供的一个API，按照官方的说法：”DevCard is your developer ID. It showcases your achievements to the world.“，翻译过来是：DevCard是你的开发者ID。它向世界展示了你的成就。

教程

前置准备

注册

1.进入Daily.dev（点击链接可进入:daily.dev | The Homepage Developers Deserve）

2.点击左下角的rank图标

3.（可选）点击sign up，如果没有注册可以先注册，有账号的话再点击sign up后点击下方的Log in进行登录，这里不进行演示

生成面板

在登陆网站后，返回首页，再次点击左下角的rank图标，这时弹出的窗口中Generate图标应该可以点击了，按照图片依次点击：Generate ——> Generate Now 即可生成专属于你的DevCard

正文

打开GitHub的首页，登录你的账号，新建一个以你的名字命名的仓库（有的话则不用新建）

如图：

右边有个小提示框，提示我们可以编辑我们的README.md，编辑的内容会展示在Github的个人主页

返回生成DevCrad的网站，点击Copy code，随后返回刚刚我们创建的仓库，点击Edit README，并按照下面图片的提示输入并提交

回到你的GitHub个人主页，你应该能看到dev daily的卡片了。（我的主页之前就有一些内容，所以你的主页看起来可能和我的不一样）

如果你想要自动更新卡片的内容，可以继续看接下来的内容

进阶：Github Action

这里我们会用到Github Action

GitHub Actions 是 GitHub 提供的一种在云端执行工作流程的服务，可以在事件触发时自动执行任务。这些任务可以是编译代码、运行测试、发布应用程序等。GitHub Actions 可以让你轻松地在不同平台和环境中构建、测试和部署代码。

在这里，我们会用到GitHub Action来自动更新和下载DevCard到我们的仓库

第一步：创建workflow

打开前文创建好的仓库，依次点击Action ——> New workflow ——> set up a workflow yourself

第二步：编写workflow代码

根据图片填写相关内容，文件名建议填写devcard方便以后查找修改，文件内容可以参考我在下面给出的代码进行修改，修改完成后可以点击Start commit提交修改：

name: DevCard

permissions:
  contents: write

on:
  workflow_dispatch:
  push:
    branches:
      - main
  schedule:
    - cron: "0 0 * * *"

jobs:
  devcard:
    runs-on: ubuntu-latest
    steps:
      - name: devcard
        uses: dailydotdev/action-devcard@2.0.2
        with:
          devcard_id: ${{ secrets.DEVCARD_ID }}

Tips 这里不能直接粘贴代码，你需要检查并修改代码中的branches的值是否为你的仓库的主分支，这个值可以在你的主页的分支处看到，如果是main则无需修改代码

另外，代码中默认是每天0点执行，如果你想要修改执行时间，可以配合在线Cron表达式生成器修改cron字段，这里不做演示。

第三步：添加Sercert

回到devcard的生成页面，复制图中蓝色部分的值（就是png图片的名字）

回到你的主页仓库，按照下图依次点击：

Name字段填入DEVCARD_ID，Secret填入你刚刚复制的值，填入后点击Add Secret

你可以把下面的代码插入到仓库的README.md，替换掉之前的代码

<a href="https://app.daily.dev/DailyDevTips"><img src="https://github.com/okatu-loli/okatu-loli/blob/master/devcard.svg" width="400" alt="QianShi's Dev Card"/></a>

你必须修改href、okatu-loli/okatu-loli和alt部分，使其成为你的仓库名称。

现在你的GitHub个人资料上有一个自动更新的DevCard。

最后

创作不易，如果你觉得本文对你有帮助，可以点赞、评论、收藏，你的支持是我最大的动力，下次更新会更快！

最后，祝大家兔年快乐！