学习Ghost主题Casper的设计

学习Ghost主题Casper的设计

Ghost的主题库,太优秀了,如果你是要做一个以发布文章为主的博客网站,Ghost主题库随便找一个,都是上品,但是WordPress却不是这样的,随便找一个,你去看看,与Ghost的主题对比,差距就是肉眼可见的。

付费的主题,目前看来,还是慎重,毕竟官方制作的免费主题,也是非常出彩的,尤其是我最喜欢的Casper

demo.ghost.io.feature.jpeg

不是说完全复刻,我觉得,有一些设计上的细节,还是值得参考,尤其是,有些细节不知道该如何处理的时候,看看Casper,或许会有新的启发。Kadence的默认样式,也是非常漂亮的,但是我觉得,很多设定,还是Casper更好,因此,我对照Casper的设定,将首页的样式进行了微调。

1.让多余的meta标签,保留分类、标题、日期、摘要,其他的都不显示、那么文章方块就更简洁。

2.内容样式默认是一个个方块,改成不要方块的,这样图片跟标题、摘要宽度就一致,整体感更强。

3.设定摘要为最多显示三行:博客摘要美化-显示固定行数

4.页脚的版权显示也进行对照修改。

还有其他的一些细节,很多还无法简单修改,那就放弃吧,例如,目前还没有找到一款能简单制作第一篇文章那样的大方块的方法。目前正在测试的是用Block来制作,我也在一个Home的页面进行调试和修改。WordPress的5.9将会全力推进全站编辑功能,或许,2022年的WordPress将会在可玩性上越来越让人激动。

阅读更多

更好的字幕翻译工具

更好的字幕翻译工具

如果你还在找一个更好的字幕翻译工具,那么就是是“沉浸式翻译”这个浏览器插件把,免费版本可以使用微软翻译、硅基流动翻译、GlM-4 Flash和Babel lite。 我测试了一下《挽救计划》的英文字幕,翻译成中文。这部电影的字幕其实难度还是挺大的,不过就我测试了硅基流动翻译、GlM-4 Flash和Babel lite 3个模型的翻译效果,这里推荐Babel lite模型。原因如下: 字幕里面有一个断句的 文本,Babel lite能准确翻译出原文表达的意思: 00:09:4900:09:52Over the next 30 years, the Earth could在未来 30 年,地球可能会 00:09:5200:09:55cool maybe 10凉爽,也许 10

By typenode
给网站添加view-transition动画

给网站添加view-transition动画

view-transition是一个很专业的功能,可以通过CSS去实现网页动画,在跨网页浏览上启用view-transition,无需多余配置即可获得一个优雅的网站页面切换效果。 适用于多页面应用的跨文档视图过渡 | View Transitions | Chrome for Developers开始在您的多页应用 (MPA) 中使用跨文档视图过渡。Chrome for DevelopersX demo: HomecamelCase 配置 在Code injection里面添加如下代码即可: <style> @view-transition { navigation: auto; } ::view-transition-group(root){ animation-duration:600ms } </style>

By typenode
Fix ActivityPub Webhook Error

Fix ActivityPub Webhook Error

之前的Ghost托管在PikaPods上面,其实相当于是Managed Ghost,所以你不需要去操心服务器的配置。最近换了服务商,那么情况就不一样了,遇到的所有问题都需要自己去处理,其中一个就是ActivityPub无法正常使用。 错误排查 查看log后发现报错:No Webhook Secret Found。 原因分析 * /.ghost/activitypub/* * /.well-known/webfinger * /.well-known/nodeinfo 上面三个ActivityPub资源配置错误,并未通过https反对带至ap.ghost.org。 处理办法 将需要反代的路径添加至nginx配置文件即可: location ~ /.ghost/activitypub/* { proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_se

By typenode
DNSRelay,支持H3、DoQ、DNSSEC、ECS和拦截规则的安卓客户端

DNSRelay,支持H3、DoQ、DNSSEC、ECS和拦截规则的安卓客户端

最近1年时间都是用Null Private的DNS服务,在安卓手机上可以直接使用DoT,不需要第三方客户端,但是有时候感觉还是不方便,不过最近Adguard客户端有很多问题,经常后台退出,或者过度拦截。于是去商店找了几款DNS客户端体验,而目前支持H3的DNS客户端数量非常少,其中DNSRelay的体验还真的不错。这是2025年11月发上架的新APP,参考下载地址: https://apkcombo.com/tw/dnsrelay-secure-dns-proxy/com.sonlabs.dnsrelay/ 官方介绍: 功能 1.隐私 这款DNS客户端首要优势就是支持主流的DNS协议,包括DNS-over-HTTPS (DoH)、DNS-over-TLS (DoT)、DNS-over-QUIC (DoQ) 以及 HTTP/3。那么阿里云的H3 DNS就可以派上用场了,还有易安云的DoQ以及Null Private的H3都能用上了。而像HTTP/3这种集大成的DNS协议,是目前你能用到的最好的协议。 阿里云:h3://dns.alidns.com/dns

By typenode