Valine 评论框美化及功能优化

以下修改不涉及 Valine 源码的改动,防止后续官方更新还得再来一边。因此,相关 css、js 代码得放在调取 valine.min.js 之后。

评论框美化:

评论框美化:

.v .vwrap{padding: 0 0 44px;}.v .veditor{min-height:7rem;resize:none;}.v .vwrap .vedit{padding-top:0}.v .vwrap .vheader{width: 80%;bottom:0;position: absolute;background: #f7f7f7;}.v .vinput{padding:10px 15px;}.v .vwrap .vheader .vinput{border-bottom:0px}.v .vwrap .vedit .vctrl{margin-top:-44px;right:0;position:absolute;margin-right:-3px;}.v .vwrap .vcontrol{    position:absolute;right:0;bottom:0;width:20%;padding-top:0px;}.v .vwrap .vcontrol .col.col-80{width: 100%;}.v .vbtn.vsubmit{border-radius: 0;padding: 0;color: #fff;line-height: 44px;width:100%;border: none;background:#1abc9c;}.v .vwrap .vedit .vctrl span.vpreview-btn,.v .vwrap .vcontrol .col.col-20,.v .vlist .vcard .vhead .vsys{display:none;}
@media screen and (max-width: 520px){
    .v .vwrap .vheader .vinput{width: 33.33%;padding:10px 5px;}
}

基于 LeanCloud 的评论系统:Valine

Valine 官网: https://valine.js.org/
Valine Admin 云引擎: https://deserts.io/valine-admin-document/

安装过程略过不表,目前还存在一个问题,通过使用:

//unpkg.com/valine@1.3.6/dist/Valine.min.js

指定 1.3.6 版本解决,官方最新的 1.3.9 报错,官网自用的 1.3.10 没问题,但还没更新至 CDN。另外这个 Valine Admin 云引擎方便,顾名思义,安装完毕后可通过 LeanCloud 的二级域名管理评论,相当于给 Valine 增加了个评论管理后台。

另外,昨天绑定域名方式由原来的 CNAME 换成官方推荐的 DNS 模式,这才感受到后台是勾选了 HK 节点!之前卡到自己都不想打开自己的博客!

一周前看到 App Store 里推荐了 《Sky 光·遇》 是《风之旅人》的陈星汉团队开发。坚持了3天“摸黑探索”后还是找了攻略,大概理清游戏套路。吃“光之子”小人升级翅膀,目前共计能吃到55颗刚好升到7星,一口气能煽7下不带喘,飞得高看的远。另外就是点“蜡烛”,蜡烛满了可换头换脸换时装凹动作,到处打卡截图嗮。

来,团伙

看完《圆桌派》第四季第一集 (从 @Elizen 那得知),看着他们聊了一个多小时依然意犹未尽。真实,对人好,是每个人所倾向的状态。有颗向善、上进的心,世俗生活的单调掩盖不了内心的充盈。尊重有独立思想的人,与职业年龄无关。