github => GitHubボタンの使用

前書き

GitHubボタンとは何ですか？ GitHubボタンは、好きなリポジトリにユーザーをリダイレクトするWebサイトに追加できるボタンです。

備考

クレジット：

Recorditで記録されたGif画像
Snipping Toolで撮影した静的画像
完全なチュートリアルで使用されたコードエディタはcodepen.ioでした

フォローボタン

フォローボタンは、GitHubのユーザーページにリンクし、ユーザーにフォローするように指示するボタンです。作成方法は次のとおりです。

githubに移動：ボタン
「フォロー」をクリック

あなたのGitHubユーザー名を "：user"と書かれたボックスに置きます。

「大きいボタン」、「表示回数」、および「標準アイコン」のボックスを使用してボタンをカスタマイズします。

このコードを<head>か、コードの<body>最後に配置します。

<a class="github-button" href="https://github.com/hubot" aria-label="Follow @hubot on GitHub">Follow @hubot</a>

カスタマイズされたボタンのレンダリングコードをコードに配置します。

その他すべてのボタン

作成できる他のボタンはすべて、GitHubリポジトリにリンクしているボタンであり、ユーザーに特定のアクションを完了するように促します。これらのボタンは、次のような操作を実行できます。

リポジトリを見る
リポジトリにスターを付ける
リポジトリをフォークする
リポジトリをダウンロードする
リポジトリで問題を一覧表示する

いくつかを作成する方法は次のとおりです。

githubに移動：ボタン
作成するボタンタイプ（ウォッチ、スター、フォーク、ダウンロード、または問題）をクリックします。

あなたのGitHubユーザ名を "：user"と書かれたボックスに入れ、あなたのリポジトリを "：repo"

「大きいボタン」、「表示回数」、および「標準アイコン」のボックスを使用してボタンをカスタマイズします。

このコードを<head>か、コードの<body>最後に配置します。

<a class="github-button" href="https://github.com/hubot" aria-label="Follow @hubot on GitHub">Follow @hubot</a>

カスタマイズされたボタンのレンダリングコードをコードに配置します。

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow