关闭

JS实现类似于微博秀的GitHub挂件

标签: github微博秀挂件Widget
2762人阅读 评论(2) 收藏 举报
分类:

项目地址:https://github.com/smuyyh/GitHubWidgets

先来几张效果图。

  • GitHub用户信息挂件

  • GitHub代码库信息挂件

  • GitHub个人贡献信息挂件

  • 为CSDN博客添加GitHub用户信息挂件

使用方式

  • User Widget
<div class="github-widget" data-username="smuyyh"></div>
<script src="../js/github_user_widget_en.js"></script>
  • Repo Widget
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/github_repo_widget_en.js"></script>
<div class="github-widget-repo" data-repo="smuyyh/SprintNBA" style="width:600px"></div>

or

<head>
    <link type="text/css" rel="stylesheet" href="../css/github_repo_widget_2.css"/>
</head>
<body>
    <div class="gitinfo" style="margin:15px 0; width:600px;"></div>

    <script src="../js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">var git_name ="/smuyyh/IncrementallyUpdate"</script>
    <script type="text/javascript" src="../js/github_repo_widget_2_en.js"></script>
</body>
  • Activity Widget
<head>
    <link href="../css/github_widget_activity.css" rel="stylesheet">
</head>

<body>
    <div id="widget-container" style="width:600px"></div>
    <script src="../js/jquery-1.7.1.min.js"></script>
    <script src="../js/github_widget_activity.js"></script>
    <script>
      $(function(){
        $('#widget-container').activity({
          username: 'smuyyh'
        });
      });
    </script>
</body>

为博客添加GitHub挂件(以CSDN博客为例)

管理博客 -> 博客栏目 -> 添加栏目

<div class="github-widget" data-username="smuyyh"></div>
<script type="text/javascript" src="https://rawgit.com/smuyyh/GitHubWidgets/master/js/github_user_widget_en.js"></script>

<!--js文件真实地址是以raw.githubusercontent.com开头,raw.githubusercontent.com在Response中设置了X-Content-Type-Options:nosniff ,
浏览器强制检查资源的MIME。解决方法就是将js链接中的raw.githubusercontent.com换成rawgit.com。  -->

csdn

效果

3
1
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

天气挂件

最近无聊,写了一个天气挂件,再不写代码,就快荒废了~~~ 不多说了,上源码:https://github.com/WanShenHere/WeatherWidget.git ![效果图...
  • wanquanlong666
  • wanquanlong666
  • 2016-03-31 09:21
  • 133

JS实现类似于微博秀的GitHub挂件

先来几张效果图。 GitHub用户信息挂件 GitHub代码库信息挂件 GitHub个人贡献信息挂件 为CSDN博客添加GitHub用户信息挂件 实现 GitHub用户信息挂件
  • yyh352091626
  • yyh352091626
  • 2016-08-29 09:59
  • 2762

常见JS挂马方法及如何防止网站被黑客挂马?

最近有朋友说自己的网站平时并未作弊,文章也都是原创的,更新很稳定。可不知道为什么网站突然就被各大搜索引擎降权了,一直找不到原因。最后发现是网站被挂马了,导致网站被连累了。在此,借助seo思维博客的平台...
  • z10160
  • z10160
  • 2013-09-22 08:02
  • 2190

寻找PHP(网站)挂马,后门

一 php后门木马常用的函数大致上可分为四种类型: 1. 执行系统命令: system, passthru, shell_exec, exec, popen, proc_open 2. 代...
  • MiltonZhong
  • MiltonZhong
  • 2013-08-02 15:29
  • 2633

RadioGroup和Fragment组合实现切换类似于微博、微信底部的切换

项目中有许多地方用到了RadioGroup和Fragment组合实现切换类似于微博、微信底部的切换 布局代码: xml version="1.0" encoding="utf-8"?>...
  • Aima_Jt
  • Aima_Jt
  • 2016-03-10 22:00
  • 607

android 类似于微博拍照上传,压缩图片,避免oom

1、压缩图片 /** *压缩图片 **/ private Bitmap yasuo(Uri uri) { Bitmap bitmap = null; try { ...
  • shenyongjun1209
  • shenyongjun1209
  • 2013-04-25 14:53
  • 1610

记,基于Android开发类似于微博的东东时,值得记录的几个问题~

作为一个Java的使用者,在经历了Web到服务端开发的工作后,今年终于开始接触一些android开发方面的工作了。 新的挑战~~最近有一个需求是在应用里开发一个类似于微博的功能模块,说难不难,说易不易...
  • ghost_Programmer
  • ghost_Programmer
  • 2015-03-21 16:06
  • 2515

Github 搭建 hexo (六)- 微博秀

Github 搭建 hexo (六)- 在侧边栏展示微博
  • u010053344
  • u010053344
  • 2016-02-27 23:40
  • 1223

微博推出“微博秀”小组件啦

原文地址:微博推出“微博秀”小组件啦作者:新浪微博 一、微博秀什么样?      二、微博秀是什么? 1)  微博秀是一个小组件,复制代码后可将它放入你的个人主页和博客 2)  包括你的微博头...
  • shjborage
  • shjborage
  • 2014-01-23 17:33
  • 411

利用Sensor实现android手机类似于微信摇一摇

传感器有几种类型: 方向传感器: Sensor.TYPE_ORIENTATION 加速度(重力)传感器: Sensor.TYPE_ACCELEROMETER 光线传感器: Sensor.TYPE...
  • jamin0107
  • jamin0107
  • 2012-02-27 10:46
  • 3612
    个人资料
    • 访问:740633次
    • 积分:5900
    • 等级:
    • 排名:第5039名
    • 原创:71篇
    • 转载:3篇
    • 译文:3篇
    • 评论:402条
    我的微博