高颜值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(以下仓库仅演示,不提供仓库源代码,如需源代码请前往戴兜仓库获取)

 

 

附件下载

[dltable file=”GitCards Git卡片插件” size=”未知” git=”您不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息已标注文章均来自网络,版权争议与本站无关!”]蓝奏云[/dltable]

 

 

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

这些可能会帮助到你: 综合论坛  资源下载帮助  留言建议

欢迎入群交流沟通:QQ群: 653767067 · TG群: t.me/saodaye · TG频道: t.me/infosaodaye

本站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议

你或许会喜欢...

1 条评论

  1. 不爱飞的笨鸟说道:

    这个不错,赞一个

发表评论

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