【好玩】如何在github主页放一条贪吃蛇

前言

🍊缘由

github放小蛇，就问你烧不烧

在这里插入图片描述
起因看到大佬github上有一条贪吃蛇扭来扭去，觉得好玩，遂给大家分享一下本狗的玩蛇历程

🥝成果初展

贪吃蛇

请添加图片描述

🎯主要目标

实现3大重点
1. github设置主页
2. github提交记录生成贪吃蛇动画
3. github中action使用及运行workflow

正文

🍋前置条件

1.GitHub账号

如果github都没有，那还玩什么蛇啊！

2.GitHub项目提交记录

如果没有提交记录蛇吃什么啊！

🌽步骤

1.github设置主页

新建一个与你GitHub用户名同名的仓库。
如本狗用户名为javadog-net，所以需要建一个仓库javadog-net

https://github.com/javadog-net/javadog-net

在这里插入图片描述

2.进入action

在刚创建仓库中【点击】action

在这里插入图片描述

3.创建workflow
  1. 【点击】New workflow
    在这里插入图片描述
  2. 【新建】snake.yml
    在这里插入图片描述
  3. 【复制】如下生成小蛇内容
    在这里插入图片描述
name: generate animationon:# run automatically every 24 hoursschedule:- cron: "0 */24 * * *" # allows to manually run the job at any timeworkflow_dispatch:# run on every push on the master 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-darkenv:GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}# 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@v3.1.0with:target_branch: outputbuild_dir: distenv:GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
  1. 【点击】Commit changes…
    在这里插入图片描述
4.运行workflow

【点击】Run workflow
在这里插入图片描述

5.生成output分支

运行上步后就会生成output分支，里面会有对应提交记录的贪吃蛇svg图片
在这里插入图片描述

6.查看生成svg外链地址
  1. 进入output分支

在这里插入图片描述
2. 点击生成的svg文件
在这里插入图片描述
3. 查看svg文件链接地址
在这里插入图片描述
4. 复制svg文件链接地址
在这里插入图片描述

7.在仓库的README.md完善展示

将上一步复制的svg地址，放置到README.md中，可以是markdown格式

在这里插入图片描述
在这里插入图片描述

🥝补充

本狗github主页其他的展示内容，如博友有兴趣参考，可复制即可

<div align="center"><a href="https://blog.sunguoqi.com/"><img src="https://readme-typing-svg.demolab.com?font=Fira+Code&pause=1000&color=024EF7&width=435&lines=昨日之深渊,今日之浅谈;想的是你,放不下的还是你！&center=true&size=27" alt="Typing SVG" /></a>
</div>![](https://raw.githubusercontent.com/javadog-net/javadog-net/output/github-contribution-grid-snake.svg)### 个人简介
- 🐕 姓名: 胡东旭
- 👦 性别: 男
- 🧭 年龄: 30
- 🌏 现居: 山东青岛
- 📞 手机: 18306390693
- 🥑 公众号: 【JavaDog程序狗】### 仓库信息
![技术栈](https://github-readme-stats.vercel.app/api/top-langs/?username=javadog-net&layout=compact&theme=tokyonight)   ### 博客简介| JavaDog| 狗屋地址 |
| :----:| :----: | 
| 个人博客 | [https://www.javadog.net](https://www.javadog.net) | 
| 公众号 | [JavaDog程序狗](https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw) | 
| CSDN  | [https://blog.csdn.net/baidu_25986059](https://blog.csdn.net/baidu_25986059) | 
| 掘金 | [https://juejin.cn/user/2172290706716775](https://juejin.cn/user/2172290706716775)| 
| 知乎 | [https://www.zhihu.com/people/JavaDog](https://www.zhihu.com/people/JavaDog) | 
| 简书| [https://www.jianshu.com/u/1ff9c6bdb916](https://www.jianshu.com/u/1ff9c6bdb916) | 
| gitee|[https://gitee.com/javadog-net](https://gitee.com/javadog-net)  | 
| GitHub|[https://github.com/javadog-net](https://github.com/javadog-net)| ### 文章推荐[【苹果】SpringBoot监听Iphone15邮件提醒，Selenium+Python自动化抢购脚本](https://mp.weixin.qq.com/s?__biz=MzI0MTk1OTE0OA==&mid=2247485024&idx=1&sn=0b1955d34f8a997047e87eb003dc9257&chksm=e902efe3de7566f57c509465855e6ceb85ab21070f55e2fb9c2475c4576f7c51b0f22accbf69#rd)[【规范】SpringBoot接口返回结果及异常统一处理，这样封装才优雅](https://mp.weixin.qq.com/s?__biz=MzI0MTk1OTE0OA==&mid=2247484847&idx=1&sn=bfd60bed1aef8ddcf4c030f7882a9a6d&chksm=e902ec2cde75653a0ab9a89be0365ba8f5f86a1b4de21104ff2e67352fb311e52443cd9c4a9b#rd)[【项目实战】SpringBoot+uniapp+uview2打造H5+小程序+APP入门学习的聊天小项目](https://mp.weixin.qq.com/s/g7AZOWLgW5vcCahyJDEPKA)[【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序](https://mp.weixin.qq.com/s/t_qwF_HvkdW-6TI3sYUHrA)[【模块分层】还不会SpringBoot项目模块分层？来这手把手教你！](https://mp.weixin.qq.com/s/fpkiNR2tj832a6VxZozwDg)[【ChatGPT】手摸手，带你玩转ChatGPT](https://mp.weixin.qq.com/s/9wEelbTN6kaChkCQHmgJMQ)[【ChatGPT】SpringBoot+uniapp+uview2对接OpenAI，带你开发玩转ChatGPT](https://mp.weixin.qq.com/s/b19J36Eo3-ba7bHbWzoZYQ)

总结

本文通过github主页加入提交记录贪吃蛇为引，拓展分析了如何在github设置主页，并将提交记录生成贪吃蛇动画，以及github中action使用及如何运行workflow等。以小见大，希望这个奇淫技巧可以让博友一乐。

🍈猜你想问

如何与狗哥联系进行探讨
关注公众号【JavaDog程序狗】

公众号回复【入群】或者【加入】，便可成为【程序员学习交流摸鱼群】的一员，问题随便问，牛逼随便吹。
在这里插入图片描述

此群优势：

  1. 技术交流随时沟通
  2. 任何私活资源免费分享
  3. 实时科技动态抢先知晓
  4. CSDN资源免费下载
  5. 本人一切源码均群内开源，可免费使用
2.踩踩狗哥博客

javadog.net

大家可以在里面留言，随意发挥，有问必答

🍯猜你喜欢

文章推荐

【项目实战】SpringBoot+uniapp+uview2打造H5+小程序+APP入门学习的聊天小项目

【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序

【模块分层】还不会SpringBoot项目模块分层？来这手把手教你！

【ChatGPT】手摸手，带你玩转ChatGPT

【ChatGPT】SpringBoot+uniapp+uview2对接OpenAI，带你开发玩转ChatGPT

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/97714.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

C#学习系列相关之多线程（二）----Thread类介绍

C#学习系列相关之多线程（二）----Thread类介绍

一、线程初始化 1.无参数 static void Main(string[] args) {//第一种写法Thread thread new Thread(test);thread.Start();//第二种写法 delegateThread thread1 new Thread(new ThreadStart(test));thread1.Start();//第三种写法 lambdaThread thread2 new Thread(() >…
阅读更多...
从零开始的C++（补充三的内容）

从零开始的C++（补充三的内容）

auto:在编译阶段根据数据的类型确认auto所代表的类型&#xff0c;并将auto换成对应的类型。 特点&#xff1a; 1、auto所能代表的类型必须是在编译阶段就能确认的。 2、auto修饰的变量必须初始化&#xff0c;否则编译器无法判断auto的实际类型。 3、auto会根据第一个数据来…
阅读更多...
Java版工程行业管理系统源码-专业的工程管理软件-提供一站式服务

Java版工程行业管理系统源码-专业的工程管理软件-提供一站式服务

项目背景 一、随着公司的快速发展&#xff0c;企业人员和经营规模不断壮大。为了提高工程管理效率、减轻劳动强度、提高信息处理速度和准确性&#xff0c;公司对内部工程管理的提升提出了更高的要求。 二、企业通过数字化转型&#xff0c;不仅有利于优化业务流程、提升经营管理…
阅读更多...
LeakyReLU激活函数

LeakyReLU激活函数

nn.LeakyReLU 是PyTorch中的Leaky Rectified Linear Unit&#xff08;ReLU&#xff09;激活函数的实现。Leaky ReLU是一种修正线性单元&#xff0c;它在非负数部分保持线性&#xff0c;而在负数部分引入一个小的斜率&#xff08;通常是一个小的正数&#xff09;&#xff0c;以防…
阅读更多...
/dev下没有video0这个文件(ubuntu无法打开摄像头）

/dev下没有video0这个文件(ubuntu无法打开摄像头）

文章目录 硬件问题一、查看虚拟机摄像头连接情况二、解决红色报错三、虚拟机硬件处理内容问题一、设备号二、视频格式问题硬件问题 一、查看虚拟机摄像头连接情况 报错详情 ERROR: cannot launch node of type [image_view/image_view]: image_view ROS path [0]=/opt/ros/m…
阅读更多...
（Note）在Excel中选中某一行至最后一行的快捷键操作

（Note）在Excel中选中某一行至最后一行的快捷键操作

在 Excel 中&#xff0c;选中一行至最后一行的快捷键是 “Shift 空格 Ctrl 方向键下”。按住 Shift 键&#xff0c;然后按下空格键以选中整行&#xff0c;接着按下 Ctrl 键保持选中状态&#xff0c;并按下方向键下键盘按钮以扩展选中范围至最后一行。 简要步骤如下&#xf…
阅读更多...
应用安全系列之四十：登录常见问题以及预防方法

应用安全系列之四十：登录常见问题以及预防方法

对于所有系统而言，登录是一个必备的而且最重要的功能。随着系统越来越复杂，服务越来越多，为了方便用户使用系统的服务，SSO应运而生，SSO虽然方便了用户使用系统，也增加了风险。因为一旦登录出现问题，就很容易通过登录访问整个系统。可见，对于登录如果没有控制好，攻击者…
阅读更多...
Git使用【中】

Git使用【中】

欢迎来到Cefler的博客&#x1f601; &#x1f54c;博客主页&#xff1a;那个传说中的man的主页 &#x1f3e0;个人专栏&#xff1a;题目解析 &#x1f30e;推荐文章&#xff1a;题目大解析3 目录 &#x1f449;&#x1f3fb;分支管理分支概念git branch&#xff08;查看/删除分…
阅读更多...
YOLOv8血细胞检测（6）：多维协作注意模块MCA | 原创独家创新首发

YOLOv8血细胞检测（6）：多维协作注意模块MCA | 原创独家创新首发

💡💡💡本文改进：多维协作注意模块MCA，效果秒杀ECA、SRM、CBAM，创新性十足，可直接作为创新点使用。 MCA | 亲测在血细胞检测项目中涨点，map@0.5 从原始0.895提升至0.910 收录专栏： 💡💡💡YOLO医学影像检测：http://t.csdnimg.cn/N4zBP ✨✨✨实战医学影…
阅读更多...
老卫带你学---leetcode刷题(31. 下一个排列)

老卫带你学---leetcode刷题(31. 下一个排列)

31. 下一个排列 问题&#xff1a; 整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如&#xff0c;arr [1,2,3] &#xff0c;以下这些都可以视作 arr 的排列&#xff1a;[1,2,3]、[1,3,2]、[3,1,2]、[2,3,1] 。 整数数组的 下一个排列 是指其整数的下一个字…
阅读更多...
【数组】二分查找（减不减一，看初始化！）

【数组】二分查找（减不减一，看初始化！）

一、力扣习题链接 704. 二分查找 - 力扣&#xff08;LeetCode&#xff09; 二、思路 这道题目的前提是数组为有序数组&#xff0c;同时题目还强调数组中无重复元素&#xff0c;因为一旦有重复元素&#xff0c;使用二分查找法返回的元素下标可能不是唯一的&#xff0c;这些都是…
阅读更多...
websocket逆向

websocket逆向

Websocket逆向技术的实际应用 前言一、websocket逆向实际应用1. 插件开发2. 弹幕互动游戏3. (半)无人直播 二、直播间常见通信技术1. http轮询2. websocket通信 三. 直播间常见消息解析技术四、 逆向直播间常用技术1. RPC远程服务调用2. 通信拦截3. API调用 五、学习路线实战1&…
阅读更多...
复旦大学EMBA：揭秘科创企业，领略未来战略！

复旦大学EMBA：揭秘科创企业，领略未来战略！

智能制造&#xff0c;国之重器。作为制造强国建设的主攻方向&#xff0c;智能制造的发展水平关系到我国未来制造业在全球的地位与影响力。发展智能制造&#xff0c;是加快建设现代化产业体系的重要手段&#xff0c;提升供给体系适配性的有力抓手&#xff0c;也是建设数字中国的…
阅读更多...
css的gap设置元素之间的间隔

css的gap设置元素之间的间隔

在felx布局中可以使用gap来设置元素之间的间隔&#xff1b; .box{width: 800px;height: auto;border: 1px solid green;display: flex;flex-wrap: wrap;gap: 100px; } .inner{width: 200px;height: 200px;background-color: skyblue; } <div class"box"><…
阅读更多...
基于SSM的固定资产管理系统的设计与实现

基于SSM的固定资产管理系统的设计与实现

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用JSP技术开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#x…
阅读更多...
Acwing.790 数的三次方根

Acwing.790 数的三次方根

题目 给定一个浮点数n&#xff0c;求它的三次方根。 输入格式 共一行&#xff0c;包含一个浮点数n。 输出格式 共—行&#xff0c;包含一个浮点数&#xff0c;表示问题的解。注意&#xff0c;结果保留6位小数。 数据范围 -10000 ≤n ≤10000 输入样例: 1000.00输出样例…
阅读更多...
ROS2 Galactic安装

ROS2 Galactic安装

ROS2 Galactic安装 ROS2 Galactic安装字体编码检查添加ros2仓库到本机安装ROS2系统测试ROS卸载ros2 ROS2 Galactic安装 字体编码检查 安装需要设置本级为UTF-8字体&#xff0c;使用如下指令检查&#xff1a; locale # check for UTF-8sudo apt update && sudo apt …
阅读更多...
Acwing.886 求组合数Ⅱ

Acwing.886 求组合数Ⅱ

题目 给定n组询问&#xff0c;每组询问给定两个整数a&#xff0c; b&#xff0c;请你输出 的值。 输入格式 第一行包含整数n。 接下来n行&#xff0c;每行包含—组a和b。 输出格式 共n行&#xff0c;每行输出—个询问的解。 数据范围 1<n≤10000, 1 <b<a≤105…
阅读更多...
《C和指针》笔记31：多维数组的数组名、指向多维数组的指针、作为函数参数的多维数组

《C和指针》笔记31：多维数组的数组名、指向多维数组的指针、作为函数参数的多维数组

文章目录 1. 指向多维数组的数组名2. 指向多维数组的指针3. 作为函数参数的多维数组 1. 指向多维数组的数组名 我们知道一维数组名的值是一个指针常量&#xff0c;它的类型是“指向元素类型的指针”&#xff0c;它指向数组的第1个元素。那么多维数组的数组名代表什么呢&#x…
阅读更多...
YOLOv8血细胞检测（5）：可变形大核注意力(D-LKA Attention)，超越自注意力| 2023.8月最新发表

YOLOv8血细胞检测（5）：可变形大核注意力(D-LKA Attention)，超越自注意力| 2023.8月最新发表

💡💡💡本文独家改进：可变形大核注意力（D-LKA Attention），采用大卷积核来充分理解体积上下文的简化注意力机制，来灵活地扭曲采样网格，使模型能够适当地适应不同的数据模式 D-LKA Attention | 亲测在血细胞检测项目中涨点，map@0.5 从原始0.895提升至0.903 收录专…
阅读更多...
最新文章

Copyright @ 2022~2023