LiuShen

LiuShen

Joined 2 years ago

LiuShen
Last active 3 months ago artalk javascript lsky picbed

hexo-theme-butterfly中,artalk实现前端上传图片,不使用upgit(不会QAQ,如果有谁会请联系我呜呜呜)

1 0 1
1 // 请使用该文件替换“[root]\themes\butterfly\layout\includes\third-party\comments\artalk.pug”
2 - const { server, site, option } = theme.artalk
3 - const { use, lazyload } = theme.comments
4
5 script.
6 (() => {
7 let artalkItem = null
8 const option = !{JSON.stringify(option)}
9 const isShuoshuo = GLOBAL_CONFIG_SITE.pageType === 'shuoshuo'
LiuShen
Last active 3 months ago

设置了部分半透明,不过被注释了,请自行打开

1 0 1
1 /* #card-newest-comments img {border-radius: 10px; /* 设置最新评论圆角半径为10px,可以根据需要调整} */
2
3 /* 说说轮播 */
4 #bber-talk {
5 background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
6 rgba(255, 255, 255, .8),
7 rgba(255, 255, 255, .8),
8 rgba(255, 255, 255, .7));
9 /* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */
10 /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */