换了个新主题

2022-10-12 Wed Views 建站516字3 min read繁

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

放个首页纪念一下。

新主题`Bitcron-pro`

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

添加`Valine`评论

原生Bitchon评论仅支持Gitalk和Disqus，转而寻向Valine评论。研究一番后找到两个方法：

按照官方文档注册Leancloud应用，获取APP ID 和 APP 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>

直接修改文件目录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，还好效果还能看🤣。

- 新主题
  - 添加Valine评论
  - 添加友链

Azad's Space