JS を使って 1 分で github+Jekyll ブログに訪問カウント機能を追加する実装

1分でgithub+Jekyllブログにトラフィック機能を追加する

序文

github+Jekll を使って個人ブログを構築できることを知らない友達もいるかもしれませんね。 ? ?
csdn ブログが十分にハイエンドではない、またはプライバシーが不十分で、感情を表現できないと感じる場合は、github ブログを設定することができます。これには 1 時間しかかかりません。詳細については、ビッグガイのブログ投稿を参照してください。

1 時間で github ブログを構築: https://www.jb51.net/article/138946.htm

私の個人ブログのリンクも添付しています：https://dongguanting.github.io/。

私が構築したものが優れていると思われる場合は、フレームワークとして私のブログをフォークしていただいて構いません。
私のこの記事は実はgithub+jekllフレームワークをベースにしており、ページビュー統計機能が追加されています。これは大ボスのブログをさらに最適化したものに相当します。これにより、誰もが自分の閲覧数がわかり、達成感を高めることもできます。

1. ジェクルとは何か

1. Jekllはソフトウェアの紹介です

Jekyll は、WordPress に似たシンプルな無料のブログ生成ツールです。しかし、Jekyll は静的 Web ページを生成するためのツールにすぎず、データベースのサポートを必要としないため、WordPress とは大きく異なります。ただし、discuz などのサードパーティのサービスと連携することは可能です。最も重要なことは、Jekyll は Github に無料でデプロイでき、独自のドメイン名にバインドできることです。

Jekll の簡単なインストール手順:

gem jekyll をインストール
jekyll 新しい my-awesome-site
cd 私の素晴らしいサイト
ジキルサーブ
# => http://localhost:4000 にアクセスします

Jekyll には選択できるテーマやインストールできるプラグインが多数あり、それらはすべて_config.ymlファイルに記述する必要があります。ただし、訪問統計に関連するプラグインはほとんどありません。別の大物によると、この機能はleancloud API を通じて実現できるとのことですが、登録が非常に面倒で、ログインできないこともあります。そこで、Busuanzi を使用して Jekyll ブログの訪問統計を増やすという非常に簡単な方法を見つけました。

2. ニンニクなし

1. 布算子の紹介:

「Bu Suan Zi」は、ブログへの総訪問数と訪問回数を簡単にカウントできるシンプルなウェブページ カウンターです。
「Bu Suan Zi」はBaidu StatisticsやGoogle Analyticsとは異なります。「Bu Suan Zi」では、Webページの訪問数を直接表示できます（または表示できません）。しばらくオンラインになっているWebサイトの場合、「Bu Suan Zi」では最初のデータを初期化できます。

2. 公式サイト入口

リンク: http://busuanzi.ibruce.info/.

3. 使用方法

まず、 index.htmlを開き、テキスト内の適切な場所に次のコードを追加します。

<span id="busuanzi_container_site_pv"> 
	このサイトへの総訪問回数は <span id="busuanzi_value_site_pv"></span> 回</span>

コードは 2 行、カウント完了です。 ！ ！
これをindex.htmlファイルの末尾に直接配置すると、効果は次のようになります。

これは私のブログへの訪問数が 2 であることを示しています。とてもシンプルですね。
同時に、必要に応じてこのコードを post.html の適切な場所に追加して、ページ分割された訪問を実現することもできます。

4. パーソナライゼーション

さらに美しく、より完全なものにすることもできます。

このサイトへの総訪問回数 <span id="busuanzi_value_site_pv"></span> 回 このサイトへの訪問者数 <span id="busuanzi_value_site_uv"></span> 回 この記事の総閲覧回数 <span id="busuanzi_value_page_pv"></span> 回

またはカスタマイズします (私は以下のものを使用します):

合計 <span id="busuanzi_value_site_pv"></span> 回閲覧されました。
あなたはxxxの<span id="busuanzi_value_site_uv"></span>番目の友達です<span id="busuanzi_value_page_pv"></span>ヒット

効果は以下のとおりです。

要約する

素晴らしいですね！役に立ったら、いいねやブックマークをお願いします！
私の個人ブログへようこそ: https://dongguanting.github.io/。

JS を使用して 1 分で github+Jekyll のブログにトラフィックを追加する方法についての記事はこれで終わりです。github+Jekyll のブログにトラフィックを追加する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。