Latest

博客摘要美化-显示固定行数

Ghost

博客摘要美化-显示固定行数

博客的首页摘要字数一直是个不好的设定。怎么设置都不好看,如果再加上一些一些英文字符,长短差异就更大。这里有一个方案,就是利用控制行数,截断文字的参数。 最好的例子,就是Ghost4.0版的默认主体Casper,主页非常稳定优雅,而且,似乎有点太规范了,经过仔细观察,我才发现,原来是每个文章卡片的摘要文字都是固定行数,而非固定字数。 通过浏览器的开发者工具去查看css代码,可以发现奥妙,原来是有一点新的参数。 这个参数简单 display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; 第一步,添加额外CSS代码 用同样的工具,找到你的WordPress主题的文章卡片摘要位置,定位css,然后在主题编辑器的额外CSS里面,先把原来主题的css代码复制过去,然后在}前面,把上述代码粘贴进去,就可以了。 比如,我此时此刻用的是Kadence主题,那么我的在额外CSS里面

Jetpack使用体验

Selected

Jetpack使用体验

Jetpack是Automattic公司旗下功能强大的WordPress插件,准确说,应该是服务。虽然WordPress可以免费使用,但是,如果你使用Jetpack的服务,整体体验将是质的提升。 JetPack已经作为知道独立的板块了,有独立的网站、APP,还有小插件可以选择(Jetpack Boost)。我还是很喜欢这款插件,看插件市场,安装数量还是相当多的,超过500万的安装数量,基于近2000个平价后为4星。 安全 Jetpack本身是一款基础配置的安全工具,免费版提供了不错的保护,包括网站在线监控、反垃圾邮件、防止暴力登录以及通过WordPress.com账户登录等内容。就我的经验,只要安装了安全软件,如果你没有修改登录链接,都会记录暴力登录后台的情况,也就是说,这是很普遍的攻击。 App编辑文章 Jetpack手机客户端编辑文章的体验非常好,启动速度比开启网页版快,编辑体验也是一流,目前存在的问题就是有时候能连上、有时候就连不上,因此,科学工具还是有必要的。 性能 附带了免费的图片CDN

网页版测速Measurement Lab

随笔

网页版测速Measurement Lab

这是一个简约漂亮的测网速的网站,具有很强的设计感,是外观大于实用的那类。 Measurement Lab Measurement Lab (M-Lab) provides the largest collection of open Internet performance data on the planet. As a consortium of research, industry, and public-interest partners, M-Lab is dedicated to providing an ecosystem for the open, verifiable measurement of global network performance. START 勾选方框后,就可以开始测试,网速测试指标也很简单,就是下载、

让旧文章重现生机

Selected

让旧文章重现生机

这是一个不错的想法?整理、回顾、更新旧博客文章,是很有意义的。 修改完善 如果博客时间长了,老旧文章就会过时,甚至有的图片就无法显示、链接无法打开等比较严重的问题。经常回顾旧文章,可以逐渐发现处理问题,修改、完善文章的内容,修订一些好文章,让内容跟上潮流,发挖掘更大价值。所以,回顾是对博客负责,也是对读者的尊重。 有的文章是戳上时间的,读者不会喜欢几年前的文章,所以把老文章更新,标题也同步更新,将会让文章重现生机。 整理思路 多回顾,可以把自己的思路理得越来越清楚。因为,同样的主题,不同时期的文章,表达的内容是不一样的,但是,前后也有一定的逻辑关系,因此,回顾可以让自己对这个主题有更好的前后整体把握。 站内联系 当各主题的文章也有一定的数量,那么就可以把这些相同主题的文章联系起来,形成Content Hub,那么对于SEO很有利,也容易把更多内容带给读者。

省心的安全插件Malcare

WordPress

省心的安全插件Malcare

Malcare是我推荐和使用的WordPress安全工具。 首先,这款安全插件不是直接安装在你的服务器里面,而是跟Malcare的服务器连接,在Malcal网站提供的面板,直接管理、扫描你的WordPress网站、保护你的网站避免恶意攻击。这种模式我还是比较认可,与挂载到服务器的防火墙相比,这种模式会减少服务器资源的消耗,提升响应速度。至于安全性,我认为,一款标榜安全的服务公司,又收取了高昂付费服务的公司,还是值得信任的。 其次,这款插件具备防火墙外,管理主题、插件、加载速度等免费功能,付费的还有更多功能。在特殊时候,还是有用,比如安装了一款配置有问题的插件,导致系统崩溃了,看看这里是否能补救回来。 使用效果,还是很不错的。用一段时间后,你就可以看到防火墙的统计数据。

自动配置Http Header插件Headers Security Advanced & HSTS WP

WordPress

自动配置Http Header插件Headers Security Advanced & HSTS WP

最近试用了一款全自动配置WordPress Http Header的插件『Headers Security Advanced & HSTS WP』,体验很好,最爱这种无需任何操作,全自动配置,且有效果的插件。 如果说提升WordPress,或者其他类型的网站的安全性,成本最低的方案,就是配置好Http Header。至于原理,其实没必要深研究,简单了解了。 Http Header最大的作用,并不是保护我们的服务器端,而是保护客户端。可以控制浏览器加载哪些内容、使用哪些资源、不加载哪些内容、不使用哪些资源,尤其是当服务器端被黑了后,可以极大地保护客户端的安全,配置好Http Header是对你的读者负责。 Also note that security headers are to provide security to your website visitors, NOT your web-server or

SEO插件还是必要,推荐Slim SEO

WordPress

SEO插件还是必要,推荐Slim SEO

其实我是真的不想用太多插件,但是,对于SEO,这种还是需要谨慎对待。我最近把网站迁移至EasyWP的WordPress,顺便去Google搜一下,看结果,很不理想。 估计还是缺少SEO插件的原因。于是,还是整这个Slim SEO,这款是我以前使用WordPress的时候,经过试用多款SEO插件后,很喜欢的一款自动、简单、高效的插件。安装好即可,几乎不需要多余的操作,也不会在Post页面增加指标。 看看官网的介绍,功能齐全、简洁高效,实属难得。 从存在感方面看,这款插件的存在感确实很低,不过麻雀?虽小五脏俱全。去官网看看,这款插件的特点就是轻量、自动、核心功能。 过一段时间再去看看搜索?引擎上面的效果吧。 去看各大WordPress教程网站,分享这款插件的并不多,其实这款插件确实还不错,设计简单,核心功能完整,值得体验。

博客首先是写给自己看的

Selected

博客首先是写给自己看的

博客文章,首先是写给自己看的。博客跟营销号文章有本质区别,营销号文章,首要的目标,就是赚取流量、获得收益。个人博客如果也存在大量这种文章,就没有意义了,去流量平台发表岂不是更好,因为,就当下的现状,博客已经几乎不会有流量入口了。那么,如果还有一丝动力,那么首先就是这些文章,就是写给自己看的。 真情实感 你是有感而发,不是无病呻吟、滥竽充数。这就是你需要敏锐的观察,配以精准的文字,把自己的思考、感受,表达出来。 公开属性 我写过很多日记,记过不少笔记,也收藏过很多文章、段落,但是,这些通通都不如博客。 博客的文章,跟上面的这些东西,有一个本质的区别,就是『公开属性』。你建一个博客网站,或者去博客平台发文章,都会考虑公开发表,那么,写文章的过程,就比前面提到的私人途径,更耗费精力,思考更深入,也更有逻辑、思路。因此,公开发表的文章,

网站测试工具(测试EasyWP WordPress)

WordPress

网站测试工具(测试EasyWP WordPress)

页面指标 Web.dev 这是Google提供的网页综合测试服务,基本上就是目前最具指导意义的测试工具。下面是我使用EasyWP提供的Wordprress服务主页的测试成绩,目前来说,是我的所有网页里面成绩最好的(包括一个ghost网站、一个静态网站、一个hashnode网站),以后有时间做一个详细的测试。 Geekflare 这里就大有乾坤、可以测试非常多的内容,但是,最好的还算这个Website Performance Audit,测试结果也非常具有参考价值。桌面版和手机版分开测试。看下面的数据,整体还算让我满意。 桌面版: 手机版: FastorSlow 服务已关闭 这个比较有意思,会同时使用全世界不同地区18个服务器来测试你的网站,压力肯定是不小,同时不同地区的测试服务器本身也有性能、线路的差异,不过好处是,可以看看你的网站在全世界不同地区同一时间的速度,宏观视角。 测试结果方面,即使不注册,系统也会记录下

写博客的几点建议

Selected

写博客的几点建议

如何保持博客的更新,如果是博客建立初期,我们可以有不少方法,比如,把之前的博客转发过来、去翻翻旧文章包装一下、转载别人现成文章,然后无病呻吟,勉强写一些文章。但是,热情一过,留下的就是寂寞,灵感枯竭了,博客无法更新下去了。虽然保持长期写作的动力很难,但是,我觉得还是有如下几点可以参考 好心情 好心情是做好任何事情的开始,而有一个好心情,本身就是你对自身状态,周围环境的感觉良好,如果你的心情好,是不是可以考虑一下有意义的事情,然后记下来呢? 多阅读 阅读书籍,可以帮你更系统地理解某一个主题,因为一本好书,必定是作者的系统思考,同时以结构化的形式成书,认真阅读必定会开阔视野,理清思路。 阅读博客、文章等,压力比较小,涉及面也很广泛,一篇优秀的文章往往也会把一个小问题说清楚,也会增长见识。学习别人的博客,也是自己创作的必要基础,包括别人的素材,结构,形式。同时,流行的博客,也是特热点的来源,我不提倡写热点,但是,如果真有思想,

回归WordPress

WordPress

回归WordPress

这是怪圈⭕,离开WordPress要写一篇文章,回归又要写一篇文章,然后分分离离无穷尽。现在再去看看当初选择Ghost的理由,都变得既不充分也不必要,很是好奇当初的选择。 本来呢,这就是成熟的过程。以现在的技术水平、折腾指数、甚至资金预算,去评价过去的选择,本来就是不公平的。 Ghost使用体验 应该说,当初选择Ghost,也是明智的,因为那时已经有很长一段时间没有更新博客的热情,是Ghost给了我更新博客的一个动力,同时,这段时间的技术方面的积累,也是最丰富的。 时光不老,Ghost也从3代升级为4代,更多问题已经修复,易用性已经不错。不过,就前不久文章里提到的,Ghost升级太频繁,而且均是一些不痛不痒的小修补。同时,缺乏完整的备份,统计功能,主题的功能几乎没有。这些缺点一个都不改进,却在金钱的路上迷失。 之前选择Ghost,有一个重要的因素,就是极简的编辑界面,虽然不能说这种界面就有好的体验,其实在很多方面,编辑体验相当差,比如,插入图片,编辑表格,复制粘贴文本出错等。而且,经常都要去参看使用代码,反正复杂的格式是基本不会

Ghost更新太快,惊喜且无奈

Ghost

Ghost更新太快,惊喜且无奈

Ghost更新频率还是太快了,升级一次,要不了多久,新的版本又出来了,让人既惊喜,又无奈。 惊喜,是又更新了,看看有什么新功能,新改进。虽然Ghost出来还是?几年了,不过功能上还是有所欠缺,经过不断的大改版小修补,还是做到了目前的这种既美观又比较好用(只能说比之前好用,离全面好用还需努力)。因此,升级带来的体验提升和问题修复,还是有必要且让人期待的。 无奈呢,目前体验比较差的: 第一就是核心升级方面,体验确实太差。目前我用Docker来运行Ghost,升级已经算是简单了,但是还是需要去服务后台更新。 第二就是媒体库的缺失,太操心了,我是用docker,在portinaer里面添加File Browser来管理图片,体验非常割裂,迁移网站的时候比较方便;媒体库的缺失,会带来一个非常严重的问题,那就是feature image,很多博客主就不用feature image了,我觉得,为了好看,还是可以加,我觉得最好的办法,就是选一部分精心制作的图片,然后对应某些主题的文章,使用同一张图片,但是这个功能,在Ghost里面就无法实现,因为媒体库的缺失,

Adguard Home去广告效果

DNS

Adguard Home去广告效果

使用Adguard Home的DNS去广告有一段时间了,我也添加了非常多的规则,误杀的也通过白名单进行修正。这里试试Adguard Home DNS层面去广告的效果。测试不开启去广告工具、Adguard Home、Adguard app三者的去广告效果。 测试环境:Android手机,Chrome浏览器,cnbeta网站 体验总结 先说结论,DNS层面的去广告效果有,但是一般,很多广告并不能去掉,但是通过规则,大量的无用的追踪、广告还是可以在服务器端查询的时候就丢弃,对于手机端来说,会减少大量的无用资源的消耗,而且,配置好安卓的私人DNS,在没有去广告app的情况下,还能去除大量无用的查询内容,也是大有裨益的。 DNS层面可以去除一些广告,同时丢弃大量的追踪查询,减少无用连接,节约带宽和手机流量 Adguard app去广告的效果就不需要说了,这就是一款接近完美的去广告工具。 去广告效果 1.不开启去广告工具 2.使用Adguard Home  DNS层面去广告(通过Android的私人DNS启用) 3.使用Adguard app去广告 说明

Ghost code injection 修改主题

Ghost

Ghost code injection 修改主题

不满意主题的部分参数,于是试图通过修改主题来实现,但是多次尝试还是失败。突然想到Ghost可以通过code injection来配置。确实简单快速实现了想要的效果。 默认主题Casper 4.x版本有一个我很喜欢的设置,就是Excerpt截取3行,而不是数字数。这样的好处,就是整个版面非常整齐,同时也不用考虑中、英文字数的差异导致的问题。 这里需要一个CSS参数 display: -webkit-box; overflow-y: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; 使用浏览器的开发者工具,定位你需要截取的位置,例如, 然后,在Settings→Code injection,添加如下配置,就可以实现任意宽度下,截图3行文字。 <style> p.gh-article-excerpt{ font-size: 2.0rem; display: -webkit-box; overflow-y: hidd

Ghost添加外链图片

Ghost

Ghost添加外链图片

两个问题,第一是为什么要用外链图片,第二就是如何添加外链图片。 Ghost的备份是个麻烦,因为你需要去到服务器后台,下载图片。如果需要更换服务器,无疑会带来巨大的麻烦。而且,官方并未提供相应的工具去完成备份、迁移等工作,实属麻烦。外链图片就不一样了,不仅可以简单完成备份、迁移,甚至更换平台也是轻松简单,因为,你的图片在另外的地方,在哪里都可以用。重要的是,把防外链等配置好。 Ghost的官方文档并没有很明确的外链图片的说明。按照Mrakdown的语法,很有可能你外链出来的不是图片,而是完整Markdown语法的一条代码。经过我的测试,要实现外链图片其实也很简单,就是先明确语法,然后按顺序输入。 ![图片alt](图片链接 “图片title”) 或者简化版:![](链接) 按顺序输入,第一步:![](图片链接 第二步:) 当然,你也可以新建一个markdown语法框,这里Ghost就会严格按照语法规则来显示,只是不能使用Ghsot的图片调整工具。 参考markdown语法: Markdown

转入腾讯云CDN

DNS

转入腾讯云CDN

使用CDN是利大于弊,不仅仅是可以提升总体接入速度,还可以隐藏真实IP,增强安全性。 由于之前用Cloudflare代理,但是家里的移动宽带把网站给屏蔽了,用手机流量能打开网站,很没劲。也就抱着试试的心态,转入腾讯云试试。 首先是解析转入Dnspod,我查了腾讯云官方文档,有专门的教程,教你从各大域名商那里将解析转入Dnspod,也就是说,并没有法律风险。于是就转了。 接着就是CDN配置,整个流程也是非常简单,配置也不麻烦吧。很快网站就上线,速度满意,网站移动的宽带也能打开了。 经过网站性能测试,我的网站在国内是连接的,是亚马逊香港的服务器,整体速度比Cloudflare好不少。 更新 才用了一两天,突然发现,网站就打不开了,其实服务器本身也没有问题,通过Socks5(科学上网)工具连接后,网站又能打开,看来是腾讯云把我的网站屏蔽了。因此,只能放弃腾讯云的CDN。