日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

搭建独立博客,这款评论插件不能错过

發布時間:2023/12/4 编程问答 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 搭建独立博客,这款评论插件不能错过 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

微信公眾號因為申請的時間晚,一直到現在都無法開通評論功能,之前博客一直使用的多說作為評論系統,自從多說關閉后,好多年都處于無評論狀態,最近發現 gitalk 還不錯,所以在博客中進行了對 gitalk 的集成,特此記錄。

環境

  • hexo: 3.9.0

  • hexo-cli: 2.0.0

  • theme:maupassant

  • gitalk:1.1.4

使用原因

1、支持 Markdown 語法
2、采用 github issue 實現,比較清爽(無廣告)
3、被墻的可能性較小

配置步驟

1、在 github 中創建評論項目
2、在 github 中設置認證
3、在 hexo 中安裝 gitalk
4、對 hexo 的主題 maupassant 做相關設置
5、發布

在 github 中創建評論項目

在 github 中創建一個公開項目,例如,我創建了一個名為 hexo-comments 的公開項目,最后項目的訪問地址為:https://github.com/oec2003/hexo-comments

(圖1)

github 設置認證

打開 https://github.com/settings/applications/new ,進行相關設置,如下圖:

(圖2)

  • Application name:隨便取個名稱

  • Homepage URL:博客的地址

  • Application description:描述

  • Authorization callback URL:配置在 github 中創建的評論項目的地址

配置好后,點擊 Register application 按鈕即可。如果想要修改配置內容,可以在 github 中點擊「右上角圖標」->「Settings」->「Developer settings」->「OAuth Apps」

(圖3)

點擊右側的 hexo-comments 可以查看相關的 id 和秘鑰,在后面的配置中會用到該信息

(圖4)

安裝 gitalk

在現有的hexo項目中安裝 gitalk,執行命令 cnpm i --save gitalk 如下圖:

(圖5)

hexo 主題設置

我的博客主題改自 maupassant ,當時的版本中并不支持對 gitalk 的支持,只需要進行下面的步驟就可以完成對 gitalk 的集成:

1、在 maupassant 主題下的 _config.yml 文件中添加 gitalk 相關配置

(圖6)

gitalk:enable:?true?##?設置true為開啟gitalkowner:??oec2003?##?github的登錄名repo:??hexo-comments?##?注意:此處設置為在github中創建的評論項目的名稱,而非完全訪問地址client_id:??xxx?##?見圖4client_secret:??xxx?##?見圖4admin:??oec2003?##?github的登錄名

2、配置評論模板,在 maupassant->layout->_partial->comments.jade 文件中添加如下內容

if?theme.gitalk.enable?==?true#containerlink(rel='stylesheet',?type='text/css',?href='//unpkg.com/gitalk/dist/gitalk.css?v='?+?theme.version)script(type='text/javascript'?src='//cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js?v='?+?theme.version)script(type='text/javascript'?src='//unpkg.com/gitalk/dist/gitalk.min.js?v='?+?theme.version)script.var?gitalk?=?new?Gitalk({clientID:?'#{theme.gitalk.client_id}',clientSecret:?'#{theme.gitalk.client_secret}',repo:?'#{theme.gitalk.repo}',owner:?'#{theme.gitalk.owner}',admin:?['#{theme.gitalk.admin}'],id:?md5(location.pathname),distractionFreeMode:?false})gitalk.render('container')

(圖7)

發布

執行下面命令進行構建和發布

hexo?g hexo?d

效果如下:

希望微信公眾號能早日開通評論。

總結

以上是生活随笔為你收集整理的搭建独立博客,这款评论插件不能错过的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。