Giter VIP home page Giter VIP logo

githubabsrtactcard's Introduction

Github Card

  • 创建关于Github仓库的摘要卡片
  • 目前只支持生成svg格式

Table of Contents

Example

Install

Usage

TODO

Reference

License

Example

  • 生成的卡片如下所示,包含
    • 仓库名;
    • 作者名和头像;
    • 仓库简介;
    • 仓库的信息,包括使用的语言、Star数等。
  • (在浏览器中显示的svg图片)点击仓库名可直接跳转到仓库,点击作者头像和名字可以直接跳转到作者主页,点击Star数等位置可直接跳转到相应的详情页。

Example

Install

  • 提供了Python脚本和TamperMonkey插件,其中油猴插件在./script下。

Python脚本安装

  • 程序依赖在requirements.txt下,在命令行中使用下列命令安装依赖:

    python -m pip install -r requirements.txt

TamperMonkey插件安装

  1. 通过浏览器的应用商店安装TamperMonkey扩展;
  2. 将代码克隆到本地;
    • 也可在Releases中下载并解压插件;
  3. 在TamperMonkey扩展中选择管理面板实用工具导入,将源码目录下./script中的GithubCard.js文件/在Releases中下载的插件导入;
    • 也可在TamperMonkey扩展中选择添加新脚本,复制./script/GithubCard.js中的所有内容并粘贴到编辑器内;

❗插件已经发布到Greasy Fork,搜索GithubCard即可找到本插件并直接安装;

Usage

Python脚本使用

  • 使用Python脚本时,可在命令行下运行cli.py文件来生成图片。

  • 运行下列命令查看命令行参数帮助:

    > python cli.py -h
  • 参数说明

    参数 说明
    -h/--help 显示help信息
    -r/--repo [REPO_NAME] 指定目标仓库,REPO_NAME的格式为onwer/repo
    -o/--output [OUTPUT_NAME] (可选)指定输出的文件名,若不指定则默认储存为./img/[owner]_[repo].svg./img文件夹若不存在会自动创建

TamperMonkey插件使用

  • 安装并启用插件后,当访问Github仓库时,会在屏幕左侧中间显示一个绿色按钮,鼠标移动到按钮上时按钮会弹出并显示Get Card字样。点击该按钮即可生成并下载当前仓库的摘要卡片。
  • 💡 注意:在点击按钮后需要稍等几秒钟才会弹出下载提示,若一直没有下载提示请打开网页控制台查看报错。

TODO

  • 增加支持导出的格式
  • 增加显示仓库的Topics信息
  • 增加个人主页的摘要卡片生成

Reference

License

githubabsrtactcard's People

Contributors

ljs-2002 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.