博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Hexo博客主题美化之valine
阅读量:3952 次
发布时间:2019-05-24

本文共 1327 字,大约阅读时间需要 4 分钟。

文章目录

之前写了一个,这是第三篇

这篇文章介绍valine的样式优化

Valine介绍

诞生于2017年8月7日,是一款基于的快速、简洁且高效的无后端评论系统。

理论上支持但不限于静态博客,目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。

Valine版本

这篇文章基于 Valine 1.4.14介绍

Valine添加一言

效果如图:

修改方法:

  1. 找到博客对应添加valine的位置,例如Ayer主题的位于hexo\themes\ayer\layout\_partial\post\valine.ejs
  2. 在内部添加一段代码:
  1. Api接口说明:
    (1)https://v1.hitokoto.cn/ (从7种分类中随机抽取)
    (2)https://v1.hitokoto.cn/?c=b (请求获得一个分类是漫画的句子)
参数 说明
a 动画
b 漫画
c 游戏
d 文学
e 原创
f 来自网络
g 其他
h 影视
i 诗词
j 网易云
k 哲学
l 抖机灵
其他 作为动画类型处理

可选择多个分类,例如: ?c=a&c=c

(3)https://v1.hitokoto.cn/?c=f&encode=text (请求获得一个来自网络的句子,并以纯文本格式输出)

  1. 返回的格式说明
返回参数名称 描述
id 一言标识
hitokoto 一言正文。编码方式 unicode。使用 utf-8。
type 类型
from 一言的出处
from_who 一言的作者
creator 添加者
creator_uid 添加者用户标识
reviewer 审核员标识
uuid 一言唯一标识;可以链接到 https://hitokoto.cn?uuid=[uuid] 查看这个一言的完整信息
commit_from 提交方式
created_at 添加时间
length 句子长度

例如:返回的data,通过data.hitokoto获取句子正文

valine添加每日诗句

参考

添加方法和效果上面差不多,加进去就行了

valine自定义表情

  1. 首先,你需要很多表情包

    可以在GitHub上fork一些表情包仓库,然后使用Jsdelivr CDN调用
    例如:我Fork的

  2. 在Valine配置里面,添加emojiCDN和emojiMaps参数

new Valine({
el:'#vcomment', appId:'
', appKey:'
', // 这里设置CDN, 默认微博表情CDN emojiCDN: 'https://cdn.jsdelivr.net/gh/XXXXXX/emotion/', // 表情title和图片映射 emojiMaps: {
"黑人问号":"bilibili/tv_黑人问号.png","鼓掌":"bilibili/tv_鼓掌.png" // ... 更多表情 } })
  1. 效果如图:

valine背景

  1. 效果如图

  2. 添加方法,一样的添加代码即可

转载地址:http://kbgwi.baihongyu.com/

你可能感兴趣的文章
利用sudo命令为Ubuntu分配管理权限
查看>>
Ubuntu下几个重要apt-get命令用法与加速UBUNTU
查看>>
Ubuntu中网页各种插件安装命令
查看>>
使用tar命令备份Ubuntu系统
查看>>
ubuntu flash 文字乱码解决方案
查看>>
在ubuntu中运行exe文件
查看>>
ubuntu安装命令
查看>>
和上司沟通必备8个黄金句
查看>>
联系查看两张卡的未接电话记录
查看>>
把拒接电话作为已经接电话写到call log中
查看>>
FDN号码完全匹配
查看>>
Cosmos 拨号界面保存号码时先提示选择存储位置
查看>>
换卡或不插卡时删除通话记录
查看>>
静音模式下,来闹钟能响铃。
查看>>
调整提醒的优先级
查看>>
如何添加一个提醒
查看>>
Displaying Card Flip Animations 显示卡片翻转动画
查看>>
Zooming a View 缩放视图
查看>>
Animating Layout Changes 动画布局的更改
查看>>
Controlling Your App’s Volume and Playback 控制应用程序的音量和播放
查看>>