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