hexo怎麼添加留言板?


加一個多說或者 disqus 的 js 就好了。


RTFM

通用代碼【最新評論】使用方法


以 Next 主題為例

1.打開主題配置文件,即 Hexo/themes/next/_config.yml

在 menu 下添加欄位,名稱任意,只要自己能區分出來就行,

比如我添加的是 board 欄位,下面全部是以 board 為例

menu:
home: /
archives: /archives
tags: /tags
categories: /categories
about: /loginabout
#commonweal: /404.html
board: /board

在 menu_icons 下為留言板設定一個圖標

menu_icons:
enable: true
#KeyMapsToMenuItemKey: NameOfTheIconFromFontAwesome
home: home
about: user
categories: th
tags: tags
archives: archive
commonweal: heartbeat
board: book

我用的是 book 這個圖標,如果想要設定為其他圖標,請訪問:Font Awesome Icons,找到喜歡的圖標,記錄下圖標後的關鍵字再填寫到 menu_icons 下。

2.進入 Hexo/source ,創建一個 board 文件夾

3.打開剛才創建的文件夾,新建一個 index.md 文件

4.打開創建的 index.md,在開頭添加

title: board
date: 2016-07-07 21:43:11
comments: ture
---

下面還可以隨便寫一點留言什麼的

5.打開 Hexo hemes
extlanguages 文件夾,找到當前使用的語言

在 menu 下添加 borad 欄位

menu:
home: 首頁
archives: 歸檔
categories: 分類
tags: 標籤
about: 關於
search: Search
commonweal: 公益404
board: 留言

至此創建完成,執行 hexo deploy 命令後即可看到效果。


三步建立可用的評論系統:

這是我的網站的 留言板

可以點開看看效果:我的網站 (留言板在最下方)

大家知道,最近多說停止服務了,網易雲跟帖也掛了,disqus在牆內沒法看到。

於是,有一位哥突發奇想利用 GitHub 的 Issues 來搭建評論系統。

項目的中文簡介:https://imsun.net/posts/gitment-introduction/

GitHub 倉庫:imsun/gitment

示例頁面:Gitment Demo Page

中文介紹寫得有些複雜,我給大家簡化一下。

1.註冊 OAuth Application

點擊此處 註冊一個 Application,按下圖填寫相關信息:

點擊綠色的按鈕提交

然後你會得到 client ID 和 client secret,之後會用到的

2.把代碼引入到你的頁面

eg. 我在 關於我 的頁面添加評論,只需要把以下代碼添加到文章的末尾:

&& & &


圖片顯示不出怎麼辦


推薦閱讀:

純前端如何抵禦CSRF攻擊?
你在什麼情況下會選擇使用 Backbone.js 或 AngularJS?
shadow dom可以做什麼用?
現在jQuery不流行了嗎?
自學前端已經兩個月了,不知道學到什麼程度才能有一份工作!?

TAG:博客 | 前端開發 | GitHub | Hexo |