当你的Github主页自动生出一条贪吃蛇时

江山如此多娇,引无数英雄竞折腰。

俱往矣,数风流人物,还看今朝。

——遮面科技


1/5

欢迎来到遮面科技!

作为走在时尚最前沿的程序员交友网站,能在Github上拥有一个闪亮的名片是一件非常值得炫耀的事情。比如在首页添加贪吃蛇的动画,虽然只是一个没有实用价值的装逼神器,但博人眼球就已经达到目的。如果你也对此感兴趣,请不要吝啬点赞转发。


2/5

进入到酷炫的Github首页,请点击右上角的Sign In。如果你已经拥有尊贵的Github账户,那么请直接登录,否则点击Create an account来创建一个新账户。输入邮箱、密码和用户名,并通过下面这个高智商的小游戏。不出意外的话邮箱会收到验证码,小心翼翼地正确填好验证码,后面的弹窗内容则可以发挥想象力自由填写 。

走到这里,恭喜你已经成功打开通往编码时尚前沿的时空之门!


3/5

当前个人中心首页空空如也,现在我们就来创建一个新的代码仓库,务必要保证仓库名与Github用户名一模一样。如果符合这个要求的话,下方也会出现一只和你一样可爱的蓝色小猫咪。选择可见范围为Public并勾选添加README文件,即可创建仓库

随后页面重定向到创建的仓库中,按下键盘的英文句点(.),即可在网页版VSCODE中打开本仓库。

点击右上角可将README变为可编辑模式,然后复制粘贴文末提供的README内容。再依次新建层级为.github/workflows/snake.yml的文件夹和文件,并复制粘贴我提供的snake.yml文件内容。点击左侧git标识,已经自动识别到改动的两个文件,在输入框中输入任意可以代表本次代码提交的内容,然后点击commit&push,等待按钮变成灰色之后,再返回Github页面并刷新,即可在仓库中看到一条活蹦乱跳的小蛇。

来到个人中心首页,也能正常看到永远吃不饱的小蛇以及README中的其他个性化内容,提交代码的次数越频繁,小蛇就会越贪吃哦!

你以为这就已经成功了吗?!

点击仓库中的Actions页面,可以看到贪吃蛇的工作流是一个红色的叉叉,原因是我们还没有给予其读写文件的权限。打开仓库设置页,点击侧边栏Actions目录的General,然后一直滑动到最后,将工作流权限更改为读和写,一定不要忘了点击保存哦。当上方出现蓝色弹窗时,再回到Actions页面,点击进入贪吃蛇工作流内部,在右上角选择重新运行失败的作业,稍等片刻generate变绿之后就可以提前开香槟啦!


4/5

再次回到个人中心,看到活泼贪吃的小蛇,仿佛重逢了那个光吃不做的自己。但可爱的小蛇也有自己的烦恼,如果主人不及时投喂,日久天长它也会慢慢乏味。

因此,亲爱的Github全球社交达人同志们,革命远没有成功,编程永远在路上,学习需要伴终生,最后,记得不要让你的小蛇饿肚子哦!

我是遮面,我们下期再见!

代码如下:


5/5

# README.md

<div align="center">
    <img src="https://readme-typing-svg.demolab.com?font=Fira+Code&pause=1000&color=7bf763&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)

### 个人简介
- 🐕 姓名: 遮面科技
- 👦 性别: 男
- 🧭 性取向: 女
- 🥑 公众号: 【遮面科技】

### 仓库信息
![技术栈](https://github-readme-stats.vercel.app/api/top-langs/?username=javadog-net&layout=compact&theme=tokyonight)  
 
### 伟人寄语
北国风光,千里冰封,万里雪飘。望长城内外,惟余莽莽;大河上下,顿失滔滔。山舞银蛇,原驰蜡象,欲与天公试比高。须晴日,看红装素裹,分外妖娆。
江山如此多娇,引无数英雄竞折腰。惜秦皇汉武,略输文采;唐宗宋祖,稍逊风骚。一代天骄,成吉思汗,只识弯弓射大雕。俱往矣,数风流人物,还看今朝。
# snake.yml
name: generate animation
on:
  # run automatically every 24 hours
  schedule:
    - cron: "0 */24 * * *" 
  
  # allows to manually run the job at any time
  workflow_dispatch:
  
  # run on every push on the master branch
  push:
    branches:
    - main
      
jobs:
  generate:
    runs-on: ubuntu-latest
    timeout-minutes: 10
    
    steps:
      # 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.svg
        uses: Platane/snk/svg-only@v3
        with:
          github_user_name: ${{ github.repository_owner }}
          outputs: |
            dist/github-contribution-grid-snake.svg
            dist/github-contribution-grid-snake-dark.svg?palette=github-dark
        env:
          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 branch
        uses: crazy-max/ghaction-github-pages@v3.1.0
        with:
          target_branch: output
          build_dir: dist
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

遮面科技

观古今之变,谈科技前沿

做有趣分享,燃知识烈焰

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值