教程链接1

教程链接2

看完上面那两个应该就可以把主题美化到差不多自己满意的地步了，下面是我对主题做的一些优化和功能改进！

随机页面

部分CSS的调整

可能遇到的问题

评论功能无法使用

刚开始，我参考的是这位大佬的解决办法，但是并没有成功，但是在网上其他人似乎并没有给出解决办法，难道是问题太简单了，大家轻松解决了？

没办法，身为编程小白的我只好开始看起了大佬的源码，终于发现了解决办法。

1、打开文件/themes/sakura/layout/_partial/footer.ejs

2，搜索//unpkg.com/valine，将那一段代码换成下面的即可，其实也就变了几行，大家看不同的进行复制更改即可。

1
2
3
4
5
6
7
8
9
10
11
<!-- <script src="/js/tocbot.js"></script> -->
<script type="text/javascript" src="/js/lib.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script type="text/javascript" src="/js/InsightSearch.js"></script>
<script type="text/javascript" src="/js/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="/js/zoom.min.js"></script>
<script type="text/javascript" src="/js/sakura-app.js"></script>
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<!--<script src='//unpkg.com/valine@1.3.4/dist/Valine.min.js'></script>-->
<!--<script src="//unpkg.com/valine@1.3.7/dist/Valine.min.js"></script>-->
<script src="/js/botui.js"></script>

再附送个小功能，去除 power by valine

1、打开文件/themes/sakura/layout/_partial/comment.ejs,将代码换成下面的即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<% if (theme.valine && post.comments) { %>
<div id="vcomments"></div>
<script>
  window.onload = function(){
      var valine = new Valine();
      valine.init({
        el: '#vcomments',
        notify: false,
        verify: false,
        visitor: true,
        recordIP: "true",
        pageSize: "5" || 10
        avatar: "monsterid",
        appId: "<%= theme.v_appId %>",
        appKey: "<%= theme.v_appKey %>",
        path: window.location.pathname,
        placeholder: "你是我一生只会遇见一次的惊喜 ..."
      });
    var infoEle = document.querySelector('#vcomments .info');
    if (infoEle && infoEle.childNodes && infoEle.childNodes.length > 0){
      infoEle.childNodes.forEach(function(item) {
        item.parentNode.removeChild(item);
      });
      }
  }
</script>
<% } %>