教程链接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>
<% } %>