换了个新主题

2022-10-12 Wed Views 建站519字3 min read 置顶

原先的主题Chic被我改得出了不少问题😅,无法很好地嵌入Valine评论,而Gitalk本身有一定的隐私泄露风险和使用门槛,评论仓库管理起来也比较麻烦(说得好像有人评论似的🤡);同时主题字体也感觉不大适配,暂时打包做了备份,等原作者更新,或者什么时候我怀旧了再来缝缝补补吧。

放个首页纪念一下。


新主题Bitcron-pro

新主题Bitcron-pro,同样的简洁不简单。类似word的A4纸布局更令人专注于文字本身,适合简简单单码字,手机、电脑的字体适配也比较舒服,同时支持图片点击放大、繁简转换和访问统计等也深得我心。

添加Valine评论

原生Bitchon评论仅支持GitalkDisqus,转而寻向Valine评论。研究一番后找到两个方法:

  1. 按照官方文档注册Leancloud应用,获取APP IDAPP KEY后,直接将代码插入主题文件夹templates里的post.ejs,添加安全域名,即大功告成。

    • 放于</head>前:
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
    
    • 放于<body>内gitalk和disqus的<div>块内即可:
    <div id="vcomments"></div>
        <script>
            new Valine({
                el: '#vcomments',
                appId: '******************',
                appKey: '*******************'
            })
        </script>
    
    
  2. 直接修改文件目录templates -> _blocks内的gitalk.ejs。将里面的内容替换为:

    <div id="comment"></div>
    <!--Leancloud 操作库:-->
    <script src="//cdn1.lncld.net/static/js/3.6.1/av-min.js"></script>
    <!--Valine 的代码库-->
    <script src="//cdn.jsdelivr.net/npm/valine@1.4.4/dist/Valine.min.js"></script>
    <script>
        new Valine({
            el:'#comment',
            appId: '**********************',
            appKey: '**************************',
            placeholder: 'Just Go Go',
            avatar:''
        });
    </script>
    
    
    • 最后记得在Gridea远程->评论配置中开启Gitalk并单击保存 (其他信息不需填写)。

添加友链

Bitchon的作者暂时不考虑添加友链,于是自己又瞎鼓捣了一天,东拼西凑了个friends.ejs,还好效果看起来还不赖。



EOF