GitHub Card 项目教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00844/article/details/141542719

GitHub Card 项目教程

github-card:octocat: A web component to show a card for your GitHub profile项目地址:https://gitcode.com/gh_mirrors/gi/github-card

项目介绍

GitHub Card 是一个用于在网页上展示 GitHub 用户或仓库信息的工具。通过这个项目，开发者可以轻松地将 GitHub 用户资料或仓库信息嵌入到自己的网站中，使得用户界面更加丰富和互动。

项目快速启动

安装

首先，克隆项目到本地：

git clone https://github.com/pazguille/github-card.git

使用

在 HTML 文件中引入必要的脚本和样式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GitHub Card Example</title>
    <link rel="stylesheet" href="path/to/github-card.css">
</head>
<body>
    <div class="github-card" data-user="your-github-username"></div>
    <script src="path/to/github-card.js"></script>
    <script>
        new GitHubCard({
            user: 'your-github-username',
            target: '.github-card'
        });
    </script>
</body>
</html>