建站笔记

给网站添加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
Ghost 设置页面图片宽度

Ghost

Ghost 设置页面图片宽度

这个问题也是一个老大难的问题,我总觉得,Ghost几乎是把所有精力都放在了搞不懂的地方,都2025年了,还是没有媒体库,当然,想通过编辑器去调整图片宽度,没辙,不过皇天不负有心人,这里还是有一个不是那么完美的解决办法: 配置方法 在文章编辑页面,找到右边隐藏的控制面板,找到Code injection,然后在Post header的代码框,填入下面的内容即可 <style> img{ width: 100%;* padding-left: 0%; } </style> 调整参数 width: 100% 这个参数可以调整,例如固定宽度px,百分比%,自动大小auto等等,详细设置可以去学习CSS关于元素宽度的内容。 参考文章 Ghost: Markdown设置图片宽度,避免页面被撑开网上方法有很多 * [图片标题](url =xxx) * [图片标题](url){width样式定义} * img的http标签写法,加入限制宽度属性 * 在文章头部加入样式定义

By typenode
Ghost添加阅读进度条

建站笔记

Ghost添加阅读进度条

进度条其实是一个不是很必要的功能,不过,有这个功能,在看文章的时候就能大概知道阅读的进度,总体上如果不是太耀眼,还是挺好的一个功能。要实现这个功能,只需要在Ghost后台的Code injection里面添加两段代码就可以了。 效果参考 Scroll progress widgetIn today’s fast-paced digital world, the boundaries between technology and creativity are increasingly blurred. Innovations in augmented reality (AR), blockchain, cloud computing, coding, design, gadgets, graphics, UI/UX, and virtual reality (VR) are reshaping industries and creating

lock-1 By typenode
Scriptor:一款免费Ghost主题

建站笔记

Scriptor:一款免费Ghost主题

Ghost官方更新了好多主题,真的是一场视觉盛宴,不过,看看那个价格,还是挺贵的。顺便浏览了一下新上线的主题,不少确实有创意,中文博客是很少有使用这类夸张的主题。在看TechWeirdo的博客的时候,发现一篇文章,说的是主题的内容,然后去查看了一下,就找到一个还不错的主题站。 The TechWeirdoThis is TechWeirdo, a Tech Blog by me, Dr. Shounak. Here I cover topics like servers, cloud, selfhosting, Webhosting and other tech things etc in details.The TechWeirdoDr. Shounak Pal 就是这个网站: Premium And Free Ghost Themes

By typenode
个人网站还有意义吗?

建站笔记

个人网站还有意义吗?

自从在微信公众号上面写文章后,我就不想更新自己的博客了。但是,之前发生的一些事情以及Darius Foroux的一封邮件,又让我思考了一下自己的博客网站存在的意义。这个主题今年2月我已经在公众号上发过了,我还是在我的博客上更新一些内容。 https://mp.weixin.qq.com/s/4gbn-LFDQ_ysaNPUHqxwXw 起因:头条被禁言 这个事情是真的让我非常难受的,因为,说真的,对于一个头条关注者仅200多的账号,我能干什么,我自认为分享的东西是能带给读者一些好处的。但是,还是有几篇文章因为“违反法律法规或相关政策”,导致被禁言7天。 我分析了被禁言的可能原因,因为我的文章浏览量也非常少,很多文章还是0的阅读量,不至于被人工自然排查到。然后我联想到那段时间,看头条上面的很多文章,那些人胡说八道、东拼西凑、歪曲事实、翻陈年旧账,然后我就喷了很多人。或许就是说了一些太真实的话, 被人举报。申诉也不起作用,真的让我很寒心。就像有人说,你错了,但是就是不告诉你错哪里了。反正,我是不打算再去头条上面发表文章了。说到底,头条不是我的头条,

By typenode
应对垃圾注册邮件

建站笔记

应对垃圾注册邮件

自己整网站真的是各种烦恼,才把SMTP搞定,又面临一个新的问题,那就是垃圾邮件,我使用SMTP2GO开通了SMTP服务后,确实是能注册了,然后很快SMTP2GO就发邮件警告我一天发的邮件数量太多,暂停一天,突然我才意识到问题的严重性。其实这些垃圾注册用户,根本就不是真的来我的网站看内容的,而是通过我的网站,来实现另外一个功能,那就是 看看有哪些垃圾邮箱吧,事实上我都删了不少了: SMTP2GO后台一看,更多: 为什么? Ghost的官方更新日志里面提到,有很多短信业务会使用个人网站作为跳板去发送邮件,所以官方开发了这个Spam filters功能。 Signup spam protection - Ghost ChangelogRecently, many publishers have noticed an increase in bulk signup-spam from SMS services such as txt.att.net – leading to large numbers

lock-1 By typenode
Ghost的SMTP配置,一言难尽

建站笔记

Ghost的SMTP配置,一言难尽

一个SMTP,非常简单的邮箱服务,但是真的要配置上线,还是费了我不少时间和精力。 之前使用SendGrid,也发了一篇文章说明: 使用SendGrid发送注册邮件Email Newsletters — Ghost Developer DocsSites using the Members feature benefit from built-in email newsletters, where all posts can be delivered directly to segments of your audience in just a few clicks.Ghost - The Professional Publishing Platform 之前对邮件这个东西不感兴趣,不过我也想试试万一,有朋友想注册我的网站呢,不试不知道,原来我的这个网站一直都无法注册。既然Ghost都做了这么好的一个系统,还是有必要把这个邮件系统整起,

lock-1 By typenode
使用SendGrid发送注册邮件

建站笔记

使用SendGrid发送注册邮件

Email Newsletters — Ghost Developer DocsSites using the Members feature benefit from built-in email newsletters, where all posts can be delivered directly to segments of your audience in just a few clicks.Ghost - The Professional Publishing Platform 之前对邮件这个东西不感兴趣,不过我也想试试万一,有朋友想注册我的网站呢,不试不知道,原来我的这个网站一直都无法注册。既然Ghost都做了这么好的一个系统,还是有必要把这个邮件系统整起,至少要能正常注册吧。 去看了官方默认的邮件管理工具:Mailgun,这家伙,真的是,必须信用卡才能注册,

By typenode
新域名typenode.net上线

建站笔记

新域名typenode.net上线

这是水文……嗯。这是纪念新域名上线的帖子。 为什么会启用新域名,因为我的之前的域名转移到腾讯云了,然后ICP备案了,然后卡在我不想去公安备案那个环节了,这个过程真的让我觉得很不舒服。然后经过反复思考,我放弃了在国内托管博客的想法,还是回归PikaPods吧。 不知道什么原因,这两天打开PikaPods原生托管的博客速度变得非常快,在各大测速工具上,包括本地浏览器测试,都有不错的成绩。实际体验下来,确实是非常快,很难想象这是托管在德国的一家高性价比服务商的。

By typenode
2024年了,Ghost还能用SQlite3

建站笔记

2024年了,Ghost还能用SQlite3

对于MySQL来说,运行成本和开销确实是比较大的,其实如果只是一个小站,用不用这么高端的MySQL,或者说,用什么数据库,没有区别,这都是开发者该考虑的事情。 这不我在2022年底就写了一篇稿子: 让Ghost5继续支持SQLite3Ghost5官方仅仅支持MySQL8,真的是很艰难的决定,也给我们搭建环境徒增烦恼,毕竟对于一个读者很可能就是我自己的博客来说,MySQL8和SQLite3根本没有区别,而且,我之前看新闻,WordPress将来的版本还会增加对SQLite3的支持。 本来说不支持,其实Docker版一直支持到5.8,5.9版本就无法正常运行,应该是默认数据库变成了MySQL8,升级变得很被动。不过,我发现了下面这篇文章,就目前来说,还是可以用SQLite3来运行Ghost5的。 Make SQLite work again with Ghost 5.x on DockerThey’ll have to pry SQLite from our cold, dead hands.maroonmed.commaroonmed

By typenode
PikaPods+Cloudflare托管Ghost

建站笔记

PikaPods+Cloudflare托管Ghost

其实Pikapods真的是非常好的应用托管服务,真的是太方便了,而且价格非常便宜,且不说Ghost博客的部署难度,仅仅不到2美金一个月的价格,能用上丰富的开源网络应用,实在是良心产品。 PikaPods - Instant Open Source App HostingRun the finest Open Source web apps from $1/month, fully managed, no tracking, no ads, full privacy. Self-hosting was never this convenient.Instant Open Source App Hosting 当然一分钱一分货,PikaPods并没有多少数据中心可选,目前就欧洲和美国两个地区,直接连接到国内那速度真的很慢。最近在翻阅Noted大神的博客的时候,读到下面内容,原来他老人家也将博客迁移至PikaPods了: That being

By typenode