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. 我在 關於我 的頁面添加評論,只需要把以下代碼添加到文章的末尾:
&&
&
3.初始化評論
把頁面發布一下
然後打開有放置評論的頁面,用你的GitHub賬號登陸,按提示點擊初始化按鈕
這樣評論系統就建立啦~
更多自定義
請見中文介紹
我的hexo網站: 輻射工作站
個人微信: linyuxuanlin
有興趣可以加我微信,一起討論hexo建站~
Hexo Next添加Disqus評論 我用的這個你可以試試
圖片顯示不出怎麼辦
推薦閱讀:
※純前端如何抵禦CSRF攻擊?
※你在什麼情況下會選擇使用 Backbone.js 或 AngularJS?
※shadow dom可以做什麼用?
※現在jQuery不流行了嗎?
※自學前端已經兩個月了,不知道學到什麼程度才能有一份工作!?