GitHub または任意の種類の Web サイトにヒット カウンターを導入する

6831 ワード
github beginners opensource productivity テキストリンク


ヒッツとは？


Hits は、Web サイトのヒット数をカウントするシンプルで使いやすい Web アプリケーションです.

GitHub に精通している場合は、GitHub リポジトリのドキュメントでヒット カウンターを既に見たことがあるでしょう.



入門


Hits は、次の 3 つの最も一般的なユース ケースをサポートします: Markdown 、 HTML 、および Image Link .

たとえば、 https://github.com/silentsoft/hits のヒット バッジを取得するには:
  • マークダウン

    •   [![Hits](https://hits.sh/github.com/silentsoft/hits.svg)](https://hits.sh/github.com/silentsoft/hits/)

  • HTML

    •   <a href="https://hits.sh/github.com/silentsoft/hits/"><img alt="Hits" src="https://hits.sh/github.com/silentsoft/hits.svg"/></a>

  • 画像リンク

    •   https://hits.sh/github.com/silentsoft/hits.svg

    クエリ文字列の機能


    見る


  • total (デフォルト)
  • today-total

    • スタイル


  • flat (デフォルト)
  • flat-square
  • for-the-badge
  • plastic

    • ラベル


  • デフォルトの hits の代わりにラベル テキストを設定します.

    • エクストラカウント


  • これは、バッジにカウントを追加したい場合に便利です.たとえば、バッジに 1000 のカウントを追加する場合は、 extraCount=1000 を設定できます.

  • これはいつ必要ですか?
  • 以前使用していたヒットカウンターサービスがサービス終了した場合、1 からではなく、任意の番号から開始できます.


    • 色、ラベルの色


  • shields.io による命名色
  • 任意の有効な CSS color
  • 名前付きの色
  • 16 進数
  • rgb[a](red, green, blue[, opacity])
  • cmyk[a](cyan, magenta, yellow, black[, opacity])
  • hsl[a](hue, saturation, lightness[, opacity])


    • ロゴ


  • simple-icons slug
  • または data:image/svg+xml;base64,..

    • 統計学



    バッジの取得に使用した URL の .svg を / に置き換えると、ウェブサイトの統計情報を表示できます.

    たとえば、https://github.com/silentsoft/hits の統計を取得するには、https://hits.sh/github.com/silentsoft/hits/ にアクセスします.


    結論


    Hits は、Web サイト用のシンプルで使いやすく、無料で使用できるヒット カウンター バッジです.

    この記事を読んでいただきありがとうございます. Hits が気に入ったら、 GitHub に 🌟 を付けてください.


    サイレントソフト / ヒット


    📈 GitHub または任意の種類の Web サイトのヒット カウンター。





    ヒット



    入門

    Hits は、次の 3 つの最も一般的なユース ケースをサポートします: Markdown 、 HTML 、および Image Link .
    たとえば、 https://github.com/silentsoft/hits のヒット バッジを取得するには:

  • マークダウン
    [![Hits](https://hits.sh/github.com/silentsoft/hits.svg)](https://hits.sh/github.com/silentsoft/hits/)
  • HTML 
    <a href="https://hits.sh/github.com/silentsoft/hits/"><img alt="Hits" src="https://hits.sh/github.com/silentsoft/hits.svg"/></a>
  • Image Link 
    https://hits.sh/github.com/silentsoft/hits.svg

    • クエリ文字列の機能


    見る


  • total (デフォルト)
  • today-total

    • スタイル


  • flat (デフォルト)
  • flat-square
  • for-the-badge
  • plastic

    • ラベル


  • デフォルトの hits の代わりにラベル テキストを設定します.

    • エクストラカウント


  • これは、バッジにカウントを追加したい場合に便利です.たとえば、バッジに 1000 のカウントを追加する場合は、 extraCount=1000 を設定できます.

  • これはいつ必要ですか?
  • 以前使用していたヒットカウンターサービスがサービス終了した場合、1 からではなく、任意の番号から開始できます.


    • 色、ラベルの色



  • 色の名前は…


    • View on GitHub
    Rails のページネーションと検索機能 - Gem なし
    Nuxt.js を使った簡単な方法でメールを送信する