江山如此多娇,引无数英雄竞折腰。
俱往矣,数风流人物,还看今朝。
——遮面科技
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=欢迎来到遮面科技!¢er=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 }}
遮面科技
观古今之变,谈科技前沿
做有趣分享,燃知识烈焰