hexo-sakura 踩坑记

关于主题

建议clone其他人已经美化好的(直接白嫖美化好的不香吗

~~本人用的是Sakura主题并且已经自己魔改了许多，也碰到许多坑，故在此记录~~

说说板块|artitalk

artitalk官网已经说的很全了这里补充几点：

官网说：如果要把valine和artitalk同时打开用在一个leancloud应用就行了

但是！！！我出错了，一个应用里面还是报appId can’t redefine（就是artitalk调用的是valine的id）很神奇。

解决方法：

根据这篇文章来 ~~似乎是廖雪峰的？？原文没找到~~

但是本蒟蒻太菜了，没有看懂（里面还说了一种解决方法是可以放一个app里面用同一个class？怎么和官网不大一样…）
将valine和artitalk分开，二者不同时使用（判断下window.loaction.pathname!=’/shuoshuo/‘就行了）

其他操作可参考：

Artitalk说说心情发布页面（个性定制）~~这个里面部署是老版本的建议看美化部分就行了~~

然后发现valine安全性不高，我选择twikoo😂~~喂喂，还不到一个小时吧~~

可以参考hexo-sakura部署twikoo

¹. 比如这个博主的 ↩

页首滑动swiper

~~个人无聊的魔改~~

swiper官网

基本上也是跟着来就行了，具体可以用js实现多图索引随机头图这些效果，不过官网似乎有现成的api？~~我没仔细研究）~~

lazyload

个人觉得这个比较坑

swiper的lazyload和普通的imglazyload不一样，具体样式也可以看官网

不过坑点来了：

坑点1

// 网上大多数initswiper是这样的
var myswiper=new Swiper('.swiper-container',{
    autoplay: false,                
    lazyLoadingInPrevNext: true,
    lazyLoadingInPrevNextAmount:1,
    lazyLoading: true,
    // 　　lazyLoadingOnTransitionStart : true,
    direction:'horizontal',
    navigation:{
        nextEl: '.bg-next',
        prevEl: '.bg-pre',
    },
    loop: true,
                    
})
// 但是lazyload应该这样定义
var myswiper=new Swiper('.swiper-container',{
    autoplay: false,
    // 不同点！！！                
    lazy:{
        lazyLoadingInPrevNext: true,
        lazyLoadingInPrevNextAmount:1,
        lazyLoading: true,
    },
    // 　　lazyLoadingOnTransitionStart : true,
    direction:'horizontal',
    navigation:{
        nextEl: '.bg-next',
        prevEl: '.bg-pre',
    },
    loop: true,
                    
})