Ich habe kürzlich ein interessantes Kommentar-Plug-in Gitment entdeckt[1], das von der Umsetzung und Wirkung her gut ist, möchte ich euch vorstellen [2]. Wenn Sie einen persönlichen Blog haben, können Sie darüber nachdenken, ihn zu verwenden. Wenn Sie keinen persönlichen Blog haben, können Sie sich auch über die Umsetzungsideen informieren und Ihrer Fantasie freien Lauf lassen.
Duosuo-Kommentare, die zuvor häufig verwendet wurden, wurden meiner Meinung nach geschlossen. Daher wurden meine persönlichen Blog-Kommentare in Discuz, NetEase-Kommentar-Plug-In und Changyan-Kommentar-Plug-In geändert, aber keiner davon ist zufriedenstellend. Es war eine kleine Überraschung, Gitment dieses Mal zu sehen.
Der erzielte Endeffekt ist wie in der Abbildung dargestellt:
Das Grundprinzip besteht darin, die Issues-Funktion im GitHub-Projekt zum Speichern von Inhalten zu verwenden und sich mit dem GitHub-Konto beim System anzumelden. Die Integration in Ihr eigenes Blog ist relativ einfach: Sie benötigen lediglich eine CSS-Datei, eine JS-Datei und einen Teil des Initialisierungscodes.
1. Registrieren Sie zunächst die OAuth-Anwendung auf GithubSie können einen Antrag über diese Adresse registrieren[3] und einfach den Anweisungen zum Ausfüllen folgen.
Nach Erfolg erhalten Sie eine Client-ID und ein Client-Geheimnis, die später bei der Initialisierung des Plug-Ins verwendet werden.
Laden Sie die entsprechende CSS-Datei, JS-Datei und den Initialisierungscode auf die anzuzeigende Seite:
<div id="container"></div>
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
<script>
var gitment = new Gitment({
id: '页面 ID', // 可选。这个选项不写（不是留空），默认为 location.href
owner: '你的 GitHub ID',
repo: '存储评论的 repo',
oauth: {
client_id: '你的 client ID',
client_secret: '你的 client secret',
},
});
gitment.render('container'); //container为你要显示评论的id
</script>
Weitere Anweisungen zu den Parametern des Initialisierungsteils finden Sie unter
https://github.com/imsun/gitment#options
Mögliche Probleme 1
Wenn ein solcher Fehler auftritt, bedeutet dies, dass der Container in Ihrem gitment.render('container'); nicht mit der Seite übereinstimmt. Überprüfen Sie dies bitte sorgfältig.
Mögliche Probleme 2
Wenn Sie auf ein solches Problem stoßen, ist die von Ihnen initialisierte Repo-Adresse wahrscheinlich nicht korrekt. Das Repo muss als entsprechende ID geschrieben werden, nicht als http-Adresse. Die ID im Bild ist ein Projekt auf meinem eigenen GitHub. Das heißt, Elemente, die Kommentarinhalte speichern, wie in der Abbildung dargestellt:
Nach erfolgreicher Integration können Sie den angezeigten Inhalt des Kommentar-Plug-Ins sehen. Der nächste Schritt, den Sie zu diesem Zeitpunkt benötigen, besteht darin, sich bei Ihrem GitHub-Konto anzumelden und im Bild auf „Kommentare initialisieren“ zu klicken.
Hinweis: Jeder Artikel muss initialisiert werden
Die letzten Kommentare, die Sie im Abschnitt „Probleme“ sehen können, werden gespeichert als:
Sie können auch den Stil und das Layout anpassen. Weitere Anweisungen finden Sie unter: https://github.com/imsun/gitment#customize
Zusammenfassend lässt sich sagen, dass die Vorteile dieses Gitments in der einfachen Integration, der bequemen Anpassung und der integrierten GitHub-Kontoanmeldung liegen. Der Nachteil besteht darin, dass es nur die GitHub-Kontoanmeldung unterstützt und Sie bei jeder Veröffentlichung auf eine Schaltfläche klicken müssen, um es zu initialisieren Ein neuer Artikel, der derzeit etwas problematisch ist. Die Anpassung von Mobiltelefonen ist noch nicht ideal. Wenn Ihre Anforderungen an Kommentar-Plugins nicht so streng sind, können Sie die Verwendung dieses Plugins in Betracht ziehen.
Quellcode des GitHub-Projekts: https://github.com/imsun/gitment
Das obige ist der detaillierte Inhalt vonGitment, ein Kommentar-Plugin für Github Issues. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
