博客园geek主题拓展-1

须知

所有自定义js代码均应以script标签形式写在页脚末尾！

前言

因为我自个也在用geek主题，我又比较喜欢瞎捣鼓，所以有一点点可以分享的。

github改gitee

探索

awescnb框架其实支持gitee，但是geek皮肤不支持。不过，config.github.url是可以自定义的，换成gitee的链接就完事了，可是图标还是github的。

追求完美的你我，就止步于此了吗？

所以，换图标！
通过一些捣鼓（开发人员工具），我发现，geek有一个类为account-avatar的div，里面有个a，href就是url，a里面就是github的图标！
那么，咱直接改，顺带适应主题色。

代码

$(".account-avatar").children("a").html(`<svg width="20px" height="20px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M11.984 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.016 0zm6.09 5.333c.328 0 .593.266.592.593v1.482a.594.594 0 0 1-.593.592H9.777c-.982 0-1.778.796-1.778 1.778v5.63c0 .327.266.592.593.592h5.63c.982 0 1.778-.796 1.778-1.778v-.296a.593.593 0 0 0-.592-.593h-4.15a.592.592 0 0 1-.592-.592v-1.482a.593.593 0 0 1 .593-.592h6.815c.327 0 .593.265.593.592v3.408a4 4 0 0 1-4 4H5.926a.593.593 0 0 1-.593-.593V9.778a4.444 4.444 0 0 1 4.445-4.444h8.296z"/></svg>`); 
$(".account-avatar").children("a").children("svg").attr("style", `fill: var(--geek-color-10); `); 

找找看翻译

探索

很明显，geek主题的找找看的input的placeholder属性默认是英文的，所以还是改一改为好。

代码

$("#q").attr("placeholder", "搜索"); 

代码块字体大小一致

探索

如果你也像我一样没事干不停地切换亮暗色模式，你会发现代码块中字体的大小是会变的。

一会大一会小，这很便秘。

那么，这必须改！

代码

$("#cnblogs_post_body").children("pre").children("code").attr("style", `font-size: 14px; `); 

末尾转载声明

探索

config.postSignature确实有content（自定义内容），但是我发现这不起作用。

代码

$("#post-signature").append($(`<b>如有转载，请务必注明本文作者及链接，谢谢！</b>`)); 

结语

就写到这了，如果觉得还不错，就支持一下吧！