说在前面
前一段时间,蹭着@CHENG KANG的项目和他一起做了Wildfire在线评论系统。本来最开始我是抱着做着玩的心态的,结果随着功能的逐渐增多,以及CHENG KANG
的精益求精的追求,我发现这个东西突然变得还可以用来着。所以这就屁颠屁颠的打开了我万年不更新的博客,把这个评论系统加到自己的博客里了。
所以本文主要讲在Hexo
的NexT
主题中如何使用Wildfire
,至于其他的博客以及其他的主题中如何使用的问题,我就不多说了。有需求的朋友可以去项目主页提问,或者在这里提问也可以。如果我懂得话一定会回答的。
修改NexT
评论模板
在你的博客项目中,打开
./themes/next/layout/_partials/comments.swig
这个文件。将文件尾部的内容:
123456789101112{% if page.comments %}<div class="comments" id="comments">......{% elseif theme.livere_uid %}<div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div><!-- 添加内容的位置在这里 -->{% endif %}</div>{% endif %}
修改为成下面的内容:
然后保存。
增加设置内容
打开主题设置文件
./themes/next/_config.yml
,注意:不是站点设置文件
。将下面的代码复制到合适的位置(包含全部注释):
1234567891011121314151617181920212223Wildfire Supportwildfire:# 开启Wildfire支持enable: true# 主题颜色,目前可选值为light/dark两种,默认为lighttheme: light# 系统语言,目前可选值为en/zh-CN两种,默认为enlocale: zh-CN# Wilddog配置database_provider: wilddogsite_id: site_id# Firebase配置database_provider: firebaseapi_key: apiKeyauth_domain: authDomaindatabase_url: databaseURLproject_id: projectIdstorage_bucket: storageBucketmessaging_sender_id: messagingSenderId
需要注意的是,复制的时候不要修改这个配置的缩进关系。另外Wilddog
和Firebase
两者的配置只能选择其一。比如要使用Wilddog
的话,配置内容就如下:
如果要使用Firebase
则配置选择为如下:
上面的值呢,就需要大家从自己建好的数据库拷贝过来了。
完成部署
下面就可以直接 hexo generate
生成就可以了。很简单吧~
当然如果还有什么问题,欢迎在这里提问哦。