搭建我的博客(擴展)

前言

昨天中午寫了篇博文使用VuePress快速搭建我的博客，其中擴展提到留言板的功能,因此這算是續集了,下圖是昨天立的flagjavascript

那今天趁着中午午休就給安排上。html

留言板

增長留言板tab

在config.js配置中的nav裏增長一個link配置項vue

{ "text": '留言板', "link": '/blogs/views/messageBoard.html', "icon": 'reco-suggestion' }
複製代碼

實現效果：java

這時候是有增長這個留言板模塊，可是沒有對應功能，因此請往下看。markdown

reco主題關於留言板的實現(這部分可跳過，也可點擊查看詳情)

→點擊查看詳情←

首先選的主題[vuepress-theme-reco](https://vuepress-theme-reco.recoluan.com/)裏是有提供這個插件的

主題內置評論插件 @vuepress-reco/vuepress-plugin-comments，能夠根據本身的喜愛選擇 Valine 或者 Vssue；app

若是你想默認不加載評論，而只在某些頁面顯示評論功能，能夠在 valineConfig 或 vssueConfig 中設置 showComment: false，並在須要展現評論的頁面設置 isShowComments: true。oop

若是僅是某篇文章不想設置開啓評論功能，能夠在 front-matter 設置 isShowComments: false。post

瀏覽量 僅在使用 Valine 時顯示；
由於 瀏覽量 須要在頁面加載時去調用相關接口，因此列表頁的全部數據會一塊兒加載下來，若是文章數量不少會影響加載速度，因此在 1.2.0 以後去掉文章列表的瀏覽量。

其餘參數參考 Valine配置。ui

Valine

從Valine官網也能夠發現lua

因此咱們打開leancloud官網建立應用去獲取APP ID 和 APP Key。這裏按步驟註冊和驗證郵箱而後就能夠創建本身的應用，能夠在設置中查看本身對應的appid和appkey。

配置

在博客上的config.js增長配置

module.exports = {
  theme: 'reco',
  themeConfig: {
    valineConfig: {
      appId: '...',// your appId
      appKey: '...', // your appKey
    }
  }  
}
複製代碼

配置後的效果：

能夠從上圖發現能夠留言和回覆，並且多了個瀏覽數。到這就完成了博客留言板的實現，代碼已更新上傳。

持續更新中...

我理想中的博客我也沒底就是想到什麼加什麼只但願它愈來愈好後續持續更新內容都將放在本文。下一步應該是朝着美化博客頁面去了，增長一些背景和動效，就像上篇中提到的案例。

結束語

附上博客和模板預覽連接

而後又是不要臉的求點贊!

求點贊！求點贊！求點贊！