在個人博客中優雅的使用Gitalk評論插件

来源:https://www.cnblogs.com/zwwhnly/archive/2019/03/31/10634019.html
-Advertisement-
Play Games

在上一篇博客 "《程式員如何從0到1搭建自己的技術博客》" 中,我們瞭解瞭如何快速的從0到1搭建一個個人博客。 其實細心的你會發現,該博客用到了一個評論插件,這個插件就是Gitalk。 如果想要在博客中正確的使用該插件,還是需要修改下_config.yml里關於Gitalk的配置的。 也許你會好奇G ...


在上一篇博客《程式員如何從0到1搭建自己的技術博客》中,我們瞭解瞭如何快速的從0到1搭建一個個人博客。

其實細心的你會發現,該博客用到了一個評論插件,這個插件就是Gitalk。

如果想要在博客中正確的使用該插件,還是需要修改下_config.yml里關於Gitalk的配置的。

也許你會好奇Gitalk是什麼?有什麼用途?

我們打開下Gitalk的官網https://gitalk.github.io/,就能看到答案。

Gitalk其實就是一個評論插件,訪問網站的用戶可以使用GitHub賬號登錄後進行文章評論,博主也可以進行回覆,增進交流。

那麼接下來我們詳細講解下,如何在博客中使用Gitalk插件。

1.申請OAuth Application

申請地址:https://github.com/settings/applications/new

申請完成後,可以在GitHub-->Settings-->Developer settings看到:

在詳情頁,可以看到剛剛申請的clientID與clientSecret:

2.修改_config.yml關於Gitalk的配置

為方便對比展示,我這裡截取下我的修改記錄:

3.開啟GitHub倉庫的Issues功能

只有打開該配置,每次打開新發佈的博客(新頁面),都會生成一個新的Issues,該頁面所有的評論都會彙總在該Issues下:

4.最終生成的代碼

<link rel="stylesheet" href="http://www.zwwhnly.com/assets/css/gitalk.css">
<script src="http://www.zwwhnly.com/assets/js/gitalk.min.js"></script>
<div id="gitalk-container"></div>
<script>
    var gitalk = new Gitalk({
        id: '/spring/2019/03/06/javaconfig-bean.html',  // 自動生成每個頁面的地址,註意不要重覆
        clientID: 'clientID',
        clientSecret: 'clientSecret',
        repo: 'zwwhnly.github.io',  // GitHub倉庫名
        owner: 'zwwhnly',   // GitHub用戶名
        admin: ['zwwhnly'], // GitHub用戶名
        perPage: 50
    })
    gitalk.render('gitalk-container');
</script>

如果是其他的網站,直接添加以上代碼(稍作修改)就可以開始使用Gitalk。

5.效果預覽

6.參考鏈接

GitHub評論Gitalk插件


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1、棧和隊列 操作 增查改刪重點 插入刪除先進先出 -->隊列先進後出 -->棧2、鏈表 寫之前先畫圖存儲數據的方式 通過指針將所有的數據鏈在一起數據結構的目的 管理存儲數據 方便快速查找使用 鏈表定義 鏈式存儲的線性表 一對一的關係結構體 指針 函數 迴圈 結構體複習:struct 點運算符(結構 ...
  • SpringApplication SpringApplication類提供了一種方便的方法來引導從main()方法啟動的Spring應用程式 SpringBoot 包掃描註解源碼分析 我們來看下spring boot裡面是怎麼創建applicationContext的: 我們來看下webAppli ...
  • 什麼是析構函數 創建對對象時,系統會自動調用構造函數為我們進行初始化,同樣,在銷毀對象時也會自動調用一個函數為我們收尾,如釋放記憶體等,這個函數是析構函數。 析構函數也是一種特殊的成員函數。 特點 析構函數的名稱和類的名稱相同,在前面加 析構函數沒有返回值,無參數 析構函數只能在類中使用,且只有一個參 ...
  • Dubbo provider啟動原理: 當我們的dubbo啟動我們的spring容器時spring 初始化容器的時候會查找META-INF/spring.handles文件查找對應的NamespaceHandle,dubbo在其jar包下配置了DubboNamespaceHandle,該類下有以下配 ...
  • OCR,全稱Optical character recognition,或者optical character reader,中文譯名叫做光學文字識別。它是把圖像文件中的手寫文本,列印文本轉換為機器編碼文本的一種方法。 ...
  • 標題黨其實也不多,一個輸入層,三個隱藏層,一個輸出層 老樣子先上代碼 導入mnist的路徑很長,現在還記不住 設置輸入層,X為樣本數據,y是標簽值 X 784是因為28*28,None是因為不知道需要用多少樣本 Y 10是因為 0~9的預測輸出,None理由同上 3層這樣寫有點啰嗦 下一版有個用函數 ...
  • 一、單例模式 在它的核心結構中只包含一個被稱為單例的特殊類。通過單例模式可以保證系統中,應用該模式的一個類只有一個實例。即一個類只有一個對象實例。 二、分類 分為懶漢式和餓漢式兩種; 三、應用場景 1.需要頻繁實例化然後銷毀的對象。 2.創建對象時耗時過多或者耗資源過多,但又經常用到的對象。 3.有 ...
  • python assert 句語格式及用法很簡單。通常程式在運行完之後拋出異常,使用assert可以在出現有異常的代碼處直接終止運行。 而不用等到程式執行完畢之後拋出異常。 python assert的作用 python assert如果發生異常就說明表達示為假。可以理解表示式返回 值為假 時就會觸 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...