成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vuepress使用Valine搭建帶有評論系統(tǒng)的博客

waltr / 3418人閱讀

摘要：下面請食用我的開發(fā)方法。選擇一個第三方評論系統(tǒng)來必立前兩者都是有厚實的長城，所以我建議各位就別想了，雖然有搭建過的。如果有想了解的請看集成第三方評論模塊。

Vuepress網(wǎng)站

vuepress

開始搭建vuepress-blog 
# 安裝
yarn global add vuepress # 或者：npm install -g vuepress

# 新建一個 markdown 文件
echo "# Hello VuePress!" > README.md

# 開始寫作
vuepress dev .

# 構(gòu)建靜態(tài)文件
vuepress build .

接著，在 package.json 里加一些腳本:

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}
yarn docs:dev # 或者：npm run docs:dev

當然這對于大多數(shù)人來說都是很簡單的問題，自vuepress公開以后，有太多筒子想要vuepress添加評論系統(tǒng)，可是目測大佬們并沒有這個想法，不過對于vue.js生態(tài)環(huán)境而言，給我們很多自己動手的可能。下面請食用我的開發(fā)方法。

選擇一個第三方評論系統(tǒng)

gitment

來必立

Valine

前兩者都是有厚實的長城，所以我建議各位就別想了，雖然有搭建過的blog。如果有想了解的請看VuePress 集成第三方評論模塊。

我選擇了Valine，請大家看。

看到上面是不是覺得挺好看...接下來開發(fā)
Valine食用方法

Valine.js食用方法

開發(fā)代碼 comments.vue
page.vue配置 

加入以上代碼即可完成真?zhèn)€評論系統(tǒng)，然后 yarn dev即可看到效果！
我的開源項目地址

vuepress-blog 歡迎star！mmm

我的blog

關(guān)注我的微信公眾賬號,分享更多~

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97031.html

相關(guān)文章

  • 用vuepress搭建一個夠自己用的博客(帶評論功能)

    摘要：那么我們?nèi)绾卧诓┛椭袑崿F(xiàn)這個功能呢，其實很簡單，首先修改我們的文件介紹正在使用的構(gòu)造函數(shù)附加到根實例的一些選項當前應用的路由實例站點元數(shù)據(jù)對的判斷是防止編譯的時候報錯然后新建一個的文件取消默認的復制事件作者靜水深流原文著作權(quán)歸作者所有。 原文博客 閑扯 很久以前，自己擁有一個用hexo搭建的靜態(tài)博客網(wǎng)站，記得當時為了把它搞出來，廢了不少勁，然后后來又斷斷續(xù)續(xù)更改過一些配置和樣式，但是因...

    thekingisalwaysluc 評論0 收藏0

  • 用vuepress搭建一個夠自己用的博客

    原文博客 閑扯 很久以前，自己擁有一個用hexo搭建的靜態(tài)博客網(wǎng)站:ox:，記得當時為了把它搞出來，廢了不少勁:anger:，然后后來又斷斷續(xù)續(xù)更改過一些配置和樣式，但是因為感覺各種麻煩，所以就放在github上積累和很多的塵土:cupid:，到現(xiàn)在也懶得在打掃了（其實是好久不用，有點忘了怎么用了:-1::poop:），前段時間在百度統(tǒng)計上看了看那個靜態(tài)網(wǎng)站的訪問人數(shù)，發(fā)現(xiàn)已經(jīng)很久很久沒人訪問過了...

    Forelax 評論0 收藏0

  • Ghost配置3——添加評論系統(tǒng)

    摘要：目前知名的第三方系統(tǒng)大概有暢言搜狐出品，目前國內(nèi)用戶量第一來比力另一家國產(chǎn)第三方評論系統(tǒng)推薦使用的評論系統(tǒng)，經(jīng)常被墻根據(jù)網(wǎng)絡(luò)上的反饋，第一想法是使用暢言。畢竟是搜狐出品，品質(zhì)和功能都是可以保證的。 用上Ghost發(fā)表第一篇文章以后，突然意識到一個問題，這貨沒有評論系統(tǒng)？ 看了下官網(wǎng)的說明，他們把主要精力都放在了博客系統(tǒng)的基礎(chǔ)功能上，對于周邊功能可以通過引入第三方功能來實現(xiàn)。例如代碼的高...

    魏憲會 評論0 收藏0

  • 個人博客全新UI：我心中你最美

    摘要：那個月就是對著和的文檔寫出來了網(wǎng)站的前后端，也是第一次買服務(wù)器備案網(wǎng)站做反向代理讀文檔學做，懷念那些時光，讓現(xiàn)在的網(wǎng)站有了基礎(chǔ)。因此，管理系統(tǒng)聽歌臺被抽離成了單獨的應用，后臺利用做反向代理，用二級域名記性訪問。 不知道你是否也有想過完全用自己的代碼實現(xiàn)自己的個人博客？定制專屬 UI、定制專屬邏輯、在信息爆炸的時代真正地沉淀下屬于自己的東西。我也曾經(jīng)歷了同樣的糾結(jié)，最終下定決心做了自己的...

    oliverhuang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<