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

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

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

gitCards能干什么

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

如何在古登堡中使用gitCards

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

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

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

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

短代码格式:[gitcard type="" url=""]
  • 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(以下仓库仅演示,不提供仓库源代码,如需源代码请前往戴兜仓库获取)

下载权限

查看
  • ¥{{right.value}}
    {{right.value}}
    免费下载
    评论后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
您有每天下载所有资源次的特权,今日剩余 已取得下载权限

人已赞赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新消息 消息中心
有新私信 私信列表
搜索