戴兜的小屋
戴兜的小屋
gitCards,在你的博客中插入git卡片
gitCards,在你的博客中插入git卡片

在博客中插入git卡片,支持古登堡编辑器。

gitCards能干什么

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

关于古登堡编辑器

在插件安装页面中,可以看到古登堡编辑器用户满意度并不是很高。但是,戴兜在这里强烈安利,它真的!真的!真的非常好用!

如何在古登堡中使用gitCards

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

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

是的,你没有看错,在编辑器里会出现一个非常好看的git卡片配置界面。选择你所使用的git平台,然后输入你的仓库地址(不要加 .git ),你就完成了添加一个卡片的所有步骤。

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

这时候使用经典编辑器的小伙伴们就要着急了:”我们不能添加区块啊!!难道不能用gitCards了么?”

答:快用古登堡编辑器

答:gitCard支持使用短代码插入git卡片。

短代码格式:

type参数可选 1(github) / 2(coding) / 3(gitee) / 4(gitlab),默认为1

url参数填写git地址,默认为gitcards的github地址

兼容 PJAX

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

Demo

下载 & 安装

倘若你需要对卡片的css进行修改,可以通过上面的git仓库下载,里面包含了所有css和js的源文件。

如果你仅仅是使用,可以下载这个版本。这个版本去除了所有源代码,仅保留编译后的代码,更加轻量。https://www.lanzous.com/i33ts8b

安装完成后在wordpress后台控制面板中启用即可。

赞赏
没有标签
首页      网站      gitCards,在你的博客中插入git卡片

戴兜

文章作者

发表评论

textsms
account_circle
email

  • 这个功能挺不错啊~依旧在用TinyMCE的我准备直接把这功能整合到目前在用的主题里 🙂

    1年前 回复
  • 这个超好用,很喜欢已经用上,保留了链接地址。才发现右下角有一个可爱的猫。

    1年前 回复
  • 插件好用,略作修改了一下。

    1年前 回复
  • 这个看着好高级哦 这个验证码真是反人类。。

    1年前 回复
  • Hey! Quick question that’s completely off topic. Do you know how to make your site mobile friendly?
    My site looks weird when browsing from my apple iphone.
    I’m trying to find a theme or plugin that might be able to resolve this problem.
    If you have any recommendations, please share. With thanks!

    1月前 回复

戴兜的小屋

gitCards,在你的博客中插入git卡片
在博客中插入git卡片,支持古登堡编辑器。
扫描二维码继续阅读
2019-02-10