当前位置: 首页 > news >正文

Github主页设置贪吃蛇详细教程

先看最终实现结果:
20240314101100_rec_

有条贪吃蛇放在主页还是蛮酷的哈哈哈。接下来我来讲一讲怎么在Github主页添加一条贪吃蛇。

首先要修改自己的Github的主页,我们得有一个特殊的仓库——这个仓库必须与你的Github用户名保持一致,并且需要公开,没有的话可以自行创建。

接下来我们需要新建一个Github工作流,用于自动生成贪吃蛇动画。在该仓库点击新建文件:

在这里插入图片描述

注意路径问题,只有放在.github/workflows下工作流才会生效。工作流文件命名snake.yml

在这里插入图片描述

代码如下:

name: generate animationon:# run automatically every 12 hoursschedule:- cron: "0 2 * * *"# allows to manually run the job at any timeworkflow_dispatch:# run on every push on the main branchpush:branches:- mainjobs:generate:runs-on: ubuntu-latesttimeout-minutes: 10steps:# generates a snake game from a github user (<github_user_name>) contributions graph, output a svg animation at <svg_out_path>- name: generate github-contribution-grid-snake.svguses: Platane/snk/svg-only@v3with:github_user_name: ${{ github.repository_owner }}outputs: |dist/github-contribution-grid-snake.svgdist/github-contribution-grid-snake-dark.svg?palette=github-dark# push the content of <build_dir> to a branch# the content will be available at https://raw.githubusercontent.com/<github_user>/<repository>/<target_branch>/<file> , or as github page- name: push github-contribution-grid-snake.svg to the output branchuses: crazy-max/ghaction-github-pages@v4with:target_branch: outputbuild_dir: distenv:GITHUB_TOKEN: ${{ secrets.PERSONAL_ACCESS_TOKEN }}          

需要注意的点:

  • 如果你的仓库默认主分支是master分支,请将代码中的main改为master

  • 查看Platane/snk/svg-only的最新版本,访问https://github.com/Platane/snk

  • 查看crazy-max/ghaction-github-pages的最新版本,访问https://github.com/crazy-max/ghaction-github-pages

  • 设置PERSONAL_ACCESS_TOKEN,这个token应该有足够的权限来新建一个分支,并推送代码。关于如何新建token可以参考下面这篇文章的一些步骤:https://blog.csdn.net/m0_63230155/article/details/132330784,在勾选token的权限时可以全部勾上(免得到时候权限不够),拿到具有相关权限的token后我们就需要在这个仓库设置PERSONAL_ACCESS_TOKEN。将自己的token按下面的操作新建保存就可以了。

    在这里插入图片描述

点击Commit changes...后再点击Run workflow就可以了。

可以看到我们的仓库多了一个output分支,并且里面有亮色和暗色的贪吃蛇。

最后在你的Readme文档里面添加下面的内容即可:

![暗色](https://raw.githubusercontent.com/你的用户名/你的仓库名/output/github-contribution-grid-snake-dark.svg)
![亮色](https://raw.githubusercontent.com/你的用户名/你的仓库名/output/github-contribution-grid-snake.svg)
http://www.lryc.cn/news/320552.html

相关文章:

  • 二、实现fastdfs文件上传与延迟删除功能的Spring Boot项目
  • Android FrameWork 学习路线
  • 前端开发者如何打造自己的生态以及ip
  • C语言实现一个两个数加减乘除的答题代码(含文件保存),用户增加,题目增加,题目测试,题目答题等等
  • YOLOv9改进策略:注意力机制 | 用于微小目标检测的上下文增强和特征细化网络ContextAggregation,助力小目标检测,暴力涨点
  • 基于单片机的老人防丢系统设计
  • 从海外开发者大会的亲身体悟聊起,谈谈 AI 与开发者关系的重构 | 编码人声
  • HTML_CSS练习:HTML注释
  • 面试官问我Java异步编程用过吗?我直接说了6种方式!
  • 一维坐标的移动(bfs)
  • 面试题 整理
  • 苍穹外卖-day08:导入地址簿功能代码(单表crud)、用户下单(业务逻辑)、订单支付(业务逻辑,cpolar软件)
  • Java面试相关问题
  • Linux Shell中的循环控制语句
  • proto3语言指南
  • 解决后端传给前端的日期问题
  • MySQL中的索引失效情况介绍
  • SpringBoot异常:类文件具有错误的版本 61.0, 应为 52.0的解决办法
  • Cloudways搭建WordPress外贸独立站完整教程
  • 关于 闰年 的小知识,为什么这样判断闰年
  • Elasticsearch:调整近似 kNN 搜索
  • UE5数字孪生系列笔记(二)
  • 基于vue实现bilibili网页
  • 计算机二级(Python)真题讲解每日一题:《十字叉》
  • 基于正点原子潘多拉STM32L496开发板的简易示波器
  • 【Docker】apisix 容器化部署
  • 基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的障碍物检测系统(深度学习代码+UI界面+训练数据集)
  • 从零开始学HCIA之SDN04
  • GET 和 POST 有什么区别?
  • Qt学习--继承(并以分文件实现)