Ghost主题Casper

分享
Ghost主题Casper

Casper 4.x

Ghost的主题跟WordPress还不一样,在后台几乎没有多大调整的空间,当然可以通过修改CSS来修改,这个就太麻烦了。不过呢,好在Ghost的默认主题Casper太优秀了,以至于在我看来几乎是最好的主题了。

官方页面

https://demo.ghost.io/

https://github.com/TryGhost/Casper

这是官方github页面,可以查看源文件,如果有更新,也可以下载后上传至Ghost后台。Ghost不具备WP那样的后台更新机制,从某种层面来说,不是很方便。但是后台就干净了,也没有多余的功能。

特点

随着Ghost4.x的更新,Casper也更新到4.x版本,个人感觉更人性化,更好用了。首先是开箱即用,所有该调整的、不协调的地方都给处理好了,一来就是简答华丽的页面,让你欲罢不能。新版的主题,对摘要进行了更自动的处理,那就是不管什么宽度的页面,自动摘要都是三行,这个设计简直太完美了.

Lyra复刻3.x版Casper

如果你喜欢老版本的Casper,这是复刻版的主题,3.0版还是非常经典的设计,也有很多让我觉得很好的设计被弃用了,例如底部的相关文章的设计,我觉得比4.x版更好看。

Github页面:GitHub – TryGhost/Lyra: A paid-members theme for Ghost

其他主题

1.Fizzy 设计简约,还算不错的主题。

2.Biron

3.Newsliner

4.Material Kit Ghost

5.Simply

参考资料

Best Free Ghost Themes for Newsletter Sign Ups

10+ Free and Open-Source Ghost Themes for 2021

阅读更多

更好的字幕翻译工具

更好的字幕翻译工具

如果你还在找一个更好的字幕翻译工具,那么就是是“沉浸式翻译”这个浏览器插件把,免费版本可以使用微软翻译、硅基流动翻译、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