DUICUO

現在の場所： ホーム > 記事 > 必ず習得すべき 8 つの重要な GitHub のヒント!

必ず習得すべき 8 つの重要な GitHub のヒント!

1. GitHubプロジェクトを1秒でフロントエンドウェブサイトに変える

GitHub Pagesは多くの方がご存知でしょう。一般的な方法としては、gh-pagesというブランチを作成し、設定からGitHub Pagesモジュールを選択して、そのプロジェクトのウェブサイトを自動的に作成する方法があります。

ここでの共通の問題点は、マスターが変更されると、特に純粋な Web フロントエンド プロジェクトでは、gh-pages と同期する必要があることが多く、この問題点が極めて重大であることです。

おそらく GitHub の担当者はこの点を察知し、ウェブサイトのオプションとしてマスター ブランチを導入しました。これは非常に便利です。

マスターブランチを選択すると、マスターが自動的にウェブサイトになります。マスターからのすべてのコミットはウェブサイトに自動的に更新されます。

2. キーコードを正確に共有する

たとえば、ファイル内に特に優れた、または非常に重要なコード行があり、それを共有したい場合があります。

URLの後に#L行番号を追加できます

たとえば、次の URL をクリックします。

https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240

次に、alloy_touch.js の 240 行目にジャンプします。

では、ここで疑問が生じます。コードの一部、つまり複数行のコードを共有したい場合はどうすればよいでしょうか。答えは簡単です。URL の末尾に `<url>` を追加するだけです。

#L は行番号を開始 -L は行番号を終了

たとえば、AlloyTouch のモーション イージングと逆イージング関数は、次のコード スニペットに示されています。

https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45

実は、覚える必要はありません。URLの後にURLを入力するだけで、GitHubが自動的にURLを生成します。例えば、39行目をクリックすると、URLは…になります。

https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39

Shift キーを押しながら 45 行目をクリックすると、URL が変更されます。

https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45

このURLをコピーして共有してください。このURLをクリックすると、自動的に39行目にジャンプし、39行目から45行目までがハイライト表示されます。

3. 送信されたメッセージを介して問題を自動的にクローズする

たとえば、誰かが問題を報告しました: https://github.com/AlloyTeam/AlloyTouch/issues/6

次にメインブランチに移動してコードを修正します。修正が完了したら、送信時にメッセージを入力して、以下を入力します。

  1. 修正 https://github.com/AlloyTeam/AlloyTouch/issues/6

この問題は自動的にクローズされます。もちろん、「fix」キーワードだけでなく、以下のキーワードも使用できます。

  • 近い
  • 閉まる
  • 閉鎖
  • 修正
  • 修理済み
  • 解決する
  • 解決する
  • 解決済み

4. HTML経由でGitHubを埋め込む

以下のように、「user」と「repo」を表示したい値に変更するだけです。

  1.  < iframe   src ="//ghbtns.com/github-btn.html?  
  2. ユーザー= alloyteam &リポジトリ= alloytouch &タイプ= watch &カウント= true "  
  3.  allowtransparency = "true"       
  4. フレームボーダー= "0"  スクロール= "0"       
  5. 幅= "110"  高さ= "20" >      
  6.  </iframe>  

挿入すると、次のような画面が表示されます。

5. Git属性を使ってプロジェクトの言語を設定する

上の画像に示すように、GitHub は関連ファイルの数に基づいて、プロジェクトが HTML プロジェクトか Javascript プロジェクトかを自動的に識別します。

これには問題があります。例えば、AlloyTouchは当初HTMLプロジェクトとして認識されていました。WeChat公式アカウント「Java Technology Stack」をフォローして、私が厳選した多数のGitHub記事をご覧ください。

HTMLの例がJSファイルよりも多くある場合、どうすればいいでしょうか？Gitattributesを使えばこの問題を解決できます。以下の.gitattributesファイルをプロジェクトのルートディレクトリに追加するだけです。

https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes

内部：

  1.  *.html言語学者言語= JavaScript  

主な考え方は、.html ファイル拡張子を持つすべてのコードを .js ファイルとして認識することです。

6. プロジェクトのアクセスデータを表示します。

プロジェクトで、「グラフ」をクリックし、次に示すように「トラフィック」をクリックします。

参照サイトと人気コンテンツの詳細なデータとランキングが含まれています。例：参照サイト

参照サイトは、ユーザーがプロジェクトにアクセスした Web サイトを示し、人気コンテンツは、ユーザーがプロジェクト内のどのファイルを頻繁に閲覧しているかを示します。

7. トレンドランキング

上記では言語の設定方法を説明しました。以下では、特定の言語のデイリーリーダーボードを表示する方法をご紹介します。例えば、JavaScriptのデイリーリーダーボードは次のようになります。

https://github.com/trending/javascript?since=daily

https://github.com/trending/html?since=daily

https://github.com/trending/css?since=daily

推奨 GitHub リポジトリ: https://github.com/explore

8. その他

  • 問題欄にコロンを入力してください: 絵文字を追加
  • どのインターフェースでも、Shift + ? を押すとキーボードショートカットが表示されます。
  • 問題内のテキストを選択し、R キーを押すとすぐに引用できます。

やっと

はい、私が知っているのはこれだけです。これらは私が頻繁に使用するテクニックです。

ラベル

関連するおすすめ記事

ランダムにおすすめされた記事

人気のタグ