建站笔记

网站测试工具(测试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里面就无法实现,因为媒体库的缺失,

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。

博客平台推荐

随笔

博客平台推荐

下面这篇文章,推荐了10个博客平台,很多都是不错的,我也在不同的时间体验过其中几个平台,这里就简单记录一下感受,就怕时间久了,什么都不记得了。 这篇博客文章写得非常仔细,从平台的特色、优缺点等,对各平台做了详细的分析,我认为作者确实是下了功夫的,首先有好几个很厉害的平台,知名度是不高的,非得在这个细分领域深入研究了,才会发现这些宝藏。其次,作者对各平台也是作了详细的研究的,有很强的参考价值。我呢,也就借这篇博客的思路,简单记录一下我的想法吧。 https://rankz.io/blog/blogging-platforms/#mobile-site-navigation 1.Medium,大品牌,被墙了,使用不方便,最好放弃。 2.Wix,最便宜也要4.5刀,价格贵,放弃。 3.Ghost,本站使用的开源版本,官方也托管,价格比较贵,不过自己托管还是很不错的。 4.Proseful,极简设计风格,可以免费使用,

写什么

写作

写什么

写作其实是很无聊的事,因此很多人不喜欢写作。其实,主要原因还是不知道写什么,无从下笔。 有题目的,叫命题作文,难,这个不是我喜欢的主题,不是我擅长的领域。 没主题的,叫随笔,随便写,太难了,我又没有什么想写的,干脆还是不要写了吧。 写什么,真的是需要我们经常去思考,去挖掘的。并不是没有内容可写,只是你觉得这费脑而已。 把自己有过深刻理解的想法、策略,成功的经验,看过的电影,不经意的想法等等,先记下来,积累起来,等有时间了,再理一下思路,然后学一下写作技巧,然后就可以写一些短文。我觉得,写作还是不难的。 你不能一开始就写大师级别的内容吧。大师也是一点一点积累起来的,从一个小故事,一小段话开始,写作就不是那么难了。 有的文章,会列出一系列可写的主题,这些主题,可以开阔你的思路,让你有一种原来周围的所有事物,我的所思所想都可以作为写作的素材,我要准备大干一场了。殊不知,关于写什么这类的文章,其实只是作者的一个写作题材,就题材深入分析而已,

Ghost Litespeed Cyberpanel Docker

Ghost

Ghost Litespeed Cyberpanel Docker

官方教程 Ghost非常好,但是按照官方教程,使用ubuntu+nginx搭建的Ghost博客系统,非常不稳定,动不动就是挂掉,一定要去服务器控制面板重启服务器,然后才能正常运行。不知道是被攻击了,还是内存不够了(我的vps是1G内存),还是nginx不稳定,还是ubuntu出错(概率不大)。 Docker 试了试Docker,用这来运行Ghost就非常厉害了,安装便利、使用稳定、升级也非常方便。我之前用的是Portainer来管理Docker。后来我发现还可以用Litespeed或者Openlitespeed来做。基于litespeed的服务器控制面板Cyberpanel支持Docker,这样就简单了,轻松就可以用Docker搭建好Ghost,在面板新建一个网站,反向代理Ghost的端口,配置好SSL,一个Ghost博客可以非常简单搭建好,而且还能提供高级、稳定的运行环境,何乐而不为? Cyberpanel Cyberpanel是款开源的服务器管理工具,图形化的界面,管理服务器端各项任务非常便捷,同时还支持Docker,安

Ghost Docker Portainer Nginx

Ghost

Ghost Docker Portainer Nginx

是的,写下这篇稿子也只是备忘而已。 比较方便安装和管理Docker的工具是Portainer,是一款图形化的管理工具,使用上非常便利,速度快而且稳定。但是,我还是更喜欢Cyberpanel,后面会专门记录。 流程 1.Docker 管方教程,或者第三方教程。 2.Portainer 按照官方教程或者第三方教程,安装好Portainer,打开http://ip:9000(默认端口),然后登录。 3.模板安装Ghost,Nginx,filebrowser 4.配置 这些都是简要配置好的,基本上都只需要简要配置就可以完成需要的功能。 一是Ghost,需要在env里面增加一条url https://域名,不然你点击home后,会跳转localhost。 二是简单配置filebrowser,将volume对应srv的记录与nginx的选择为一致,然后才能读取nginx的配置文件。 三是进入filebrowser,修改nginx参数,配置反向代理〔网上教程很多,就不赘述了〕,在portainer的container页面重启nginx,然后

Ghost的Tags[标签]功能

Ghost

Ghost的Tags[标签]功能

任何一个博客系统都应该具备分类或者标签功能。WordPress同时具备分类和标签功能,Ghost的组织管理呢,仅提供标签功能。那如何理解和使用Ghost的标签功能呢? 官方文档对Ghost的组织管理有明确的解释: Organising Content in Ghost – FAQ Ghost has a flexible organisational taxonomy called tags, which can be assigned from post settings menu within the Ghost editor. Ghost Help CenterSarah Frantz 主要标签(Primary tags) Ghost里面的标签,是按照顺序定级的,就是排在第一的,就是主要标签,后面的都是次要标签。 我很好奇,很多主题都没有显示完整的标签,包括默认主题casper,都只显示了第一个标签。然后官方文档是这样解释的: The first

Jetpack Boost

WordPress

Jetpack Boost

Automattic Inc之前推出了Jetpack,功能强大,但是由于国内环境,并不是特别适用。但是近期推出了Jetpack Boost加速包,体验了以下,感觉还不错,我认为这是一个很好的提升、测量wordpress网站性能的工具。 界面 最上面的绿色条就是综合的手机版和桌面版的网站性能。如果你的分数很低,那么优化的事情就得重视了。 下面就是提供的一些提升性能的工具,如果分数不够高,可以尝试开启,然后测试是否有提升。 性能 这个东西是玄学,实际价值不大,娱乐性很强。基本上呢,木桶效应,不管哪个环节出了问题,网站的速度都有影响,因此,从服务器端来看,把资源优化好,也是有意义的。 官方做了很翔实的测试,也在Jetpack的博客上做了详细说明,总体意思,就是Jetpack很强、设置简单,性能提升明显。 Finding the Best WordPress Speed Plugin: 6 Plugins and 6,000 Real Websites

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 如果你

建博客与写文章

PKM

建博客与写文章

有时候就是喜欢折腾,比如,博客系统,不断从不同平台反复横跳,不断去折腾自己不懂的技术。照着大神的文章,成功上线后就成就感爆棚,然后连发几篇自以为是的技术文章,感觉自己就是大神,就像自己的这套流程万能的一样。但是,现实是打脸的,很可能同样的方式,你第二次就不能正常上线了。 任何平台都有自己的特色,优势和缺点,没有完美的方案。不过,要搭建一个小小的博客,还是绰绰有余。所以呢,不停地折腾,其实是纯浪费时间,也就是好奇心驱使。这并不是任何一个博客系统的初衷,难道一个博客成功上线,就是终点? 虽然各类博客平台繁多,近年还流行起来了Gatsby.js,Next.js等静态网站框架,以及Headless CMS等新的工具(Ghost就是一款Headless CMS,可以直接作为内容输出平台,用于其他框架套壳,比如Hexo静态博客的内容源头,原理比较复杂)。找到适合自己的平台确实不容易。 目标要明确 你建博客的目标是什么?为了体验搭建的这个过程,还是真的想长期创作。现阶段是“低代码”时代的初期,很多以前非常复杂的工序流程都被自动化、图形化、