高颜值GitCards Git仓库WordPress插件分享,在WordPress中插入高颜值Git卡片#修改版#

大佬们如果玩Git仓库的话,那就有福了,这个插件完美支持GitHub、Coding、Gitee(码云)、GitLab的卡片插入;且卡片颜值较高;

原版由戴兜发布更新并开源,博主仅进行后期完整代码简要的修改;修改版

 

gitCards能干什么

gitCards能在你的博客中插入git卡片,目前支持GitHub、Coding、Gitee(码云)、GitLab的卡片插入;

 

如何在古登堡中使用gitCards

1,在古登堡编辑器中,gitCards插件注册了一个新的区块(block),叫做Git卡片,归类到了常用区块中,图标是一个胡萝卜;

2,点击以后,就会在编辑器中插入一个新区块;

3,选择你所使用的git平台,然后输入你的仓库地址(不要加 .git ),你就完成了添加一个卡片的所有步骤

 

如何使用短代码添加一个卡片

  • type参数可选 1(github) / 2(coding) / 3(gitee) / 4(gitlab),默认为1
  • url参数填写git地址,默认为gitcards的github地址

 

兼容 PJAX

有些使用了pjax的主题,需要在pjax的回调函数中加入 reloadGitCards()

 

修改版

  • 默认宽度为800px,已修改为自适应宽度;
  • 仓库所有者名称、存储库名称字体大小已修改为20px;
  • 存储库简介字体大小已修改为14px;
  • 修复Stars icon& Forks icon与点击前往按钮错位的情况;
  • 修复Stars icon & Forks icon与仓库所有者名称、存储库名称、存储库简介错位的情况;

 

demo(以下仓库仅演示,不提供仓库源代码,如需源代码请前往戴兜仓库获取)

 

 

附件下载

附件下载
  文件名称:GitCards Git卡片插件  文件大小:未知
  下载地址:蓝奏云
  下载声明:您不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息已标注文章均来自网络,版权争议与本站无关!

 

 

本文部分内容素材源自:戴兜


上一篇:

下一篇:

#重要通知#强烈建议各位朋友添加TG群订阅TG频道!防止失联! 重要资料全部更新发布在TG群/TG频道各位大佬请点击下方图片查看TG群和订阅频道没有TG 如何注册和使用?请点击此处查看TG群/频道/机器人 集合推荐大全

评论 1 条

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*