Implementierung der Funktion zum Hinzufügen einer Besuchszählung im GitHub+Jekyll-Blog in einer Minute mit JS

Fügen Sie dem GitHub+Jekyll-Blog in einer Minute eine Verkehrsfunktion hinzu

Vorwort

Einige Freunde wissen vielleicht nicht, dass man mit github+Jekll sein eigenes persönliches Blog erstellen kann, oder? ? ?
Wenn Sie der Meinung sind, dass das CSDN-Blog nicht hochwertig genug ist oder die Privatsphäre nicht gut genug ist und Sie einige Emotionen nicht ausdrücken können, können Sie ein GitHub-Blog einrichten, was nur eine Stunde dauert. Weitere Einzelheiten finden Sie im Blog-Beitrag des großen Kerls:

Eine Stunde zum Erstellen eines GitHub-Blogs: https://www.jb51.net/article/138946.htm

Anbei auch der Link zu meinem persönlichen Blog: https://dongguanting.github.io/.

Wenn Sie meinen, dass das, was ich gebaut habe, gut ist, können Sie meinen Blog gerne als Framework forken.
Dieser Artikel von mir basiert eigentlich auf dem Github+Jekll-Framework und hat eine Seitenaufrufstatistikfunktion hinzugefügt, die einer weiteren Optimierung des Blogs des großen Chefs entspricht. Dadurch kann jeder auch sehen, wie viele Leute selbst gestöbert haben, und sein Erfolgserlebnis steigern.

1. Was ist Jekll

1. Jekll ist eine Software-Einführung

Jekyll ist ein einfaches, kostenloses Tool zur Blog-Erstellung, ähnlich wie WordPress. Der Unterschied zu WordPress besteht jedoch darin, dass Jekyll lediglich ein Tool zum Generieren statischer Webseiten ist und keine Datenbankunterstützung benötigt. Es kann jedoch mit Diensten von Drittanbietern wie Discuz zusammenarbeiten. Das Wichtigste ist, dass Jekyll kostenlos auf Github bereitgestellt und an Ihren eigenen Domänennamen gebunden werden kann.

Kurzanleitung zur Installation von Jekll:

Gem installieren Jekyll
jekyll neu meine-tolle-site
CD meine-tolle-Site
jekyll servieren
# => Navigieren Sie nun zu http://localhost:4000

Jekyll bietet viele Themen zur Auswahl und viele zu installierende Plug-Ins, die alle in die Datei _config.yml geschrieben werden müssen. Es gibt jedoch nur sehr wenige Plug-Ins im Zusammenhang mit Besuchsstatistiken. Ein anderer großer Kerl sagte, dass diese Funktion über leancloud API erreicht werden kann, aber die Registrierung ist sehr umständlich und ich kann mich nie anmelden. Also habe ich eine sehr einfache Methode gefunden, nämlich Busuanzi zu verwenden, um die Besuchsstatistiken des Jekyll-Blogs zu verbessern.

2. Kein Knoblauch

1. Einführung in Bu Suanzi:

„Bu Suan Zi“ ist ein minimalistischer Webseitenzähler, mit dem Sie ganz einfach die Gesamtzahl der Besuche und die Anzahl der Besuche Ihres Blogs zählen können.
"Bu Suan Zi" unterscheidet sich von Baidu Statistics und Google Analytics: "Bu Suan Zi" kann die Anzahl der Besuche auf Ihrer Webseite direkt anzeigen (oder nicht); für Websites, die schon seit einiger Zeit online sind, ermöglicht "Bu Suan Zi" Ihnen, die ersten Daten zu initialisieren

2. Offizieller Website-Zugang

Link: http://busuanzi.ibruce.info/.

3. Nutzung

Öffnen Sie zunächst index.html und fügen Sie an der entsprechenden Stelle im Text folgenden Code ein:

<span id="busuanzi_container_site_pv"> 
	Gesamtzahl der Besuche auf dieser Site <span id="busuanzi_value_site_pv"></span> Mal</span>

Zwei Codezeilen, Zählen abgeschlossen! ! !
Ich habe es direkt am Ende der Datei index.html eingefügt und der Effekt ist wie folgt:

Daraus ergibt sich, dass die Anzahl der Besuche auf meinem Blog 2 beträgt. Ist das nicht ganz einfach?
Gleichzeitig können Sie diesen Code je nach Bedarf auch an der entsprechenden Stelle von post.html hinzufügen, um paginierte Besuche zu ermöglichen.

4. Personalisierung

Es geht auch noch schöner und vollständiger:

Gesamtzahl der Besuche dieser Site <span id="busuanzi_value_site_pv"></span> Mal Anzahl der Besucher dieser Site <span id="busuanzi_value_site_uv"></span> Mal Gesamtzahl der Aufrufe dieses Artikels <span id="busuanzi_value_page_pv"></span> Mal

Oder passen Sie es an (ich verwende das Folgende):

Gesamtzahl der <span id="busuanzi_value_site_pv"></span> Aufrufe.
Sie sind xxxs <span id="busuanzi_value_site_uv"></span>ter Freund <span id="busuanzi_value_page_pv"></span> Hits

Die Wirkung ist wie folgt:

Zusammenfassen

Ist das nicht toll? Wenn es hilft, liken und bookmarken Sie es bitte!
Willkommen auf meinem persönlichen Blog: https://dongguanting.github.io/.

Dies ist das Ende dieses Artikels darüber, wie Sie mit JS in einer Minute den Datenverkehr zu einem Blog auf github+Jekyll erhöhen können. Weitere Informationen zum Erhöhen des Datenverkehrs zu einem Blog auf github+Jekyll finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!