分类目录归档:技术

PHP笑传之踩踩背

其实和PHP的关系并不大,标题是随便起的。但真觉得有几万只大象压在我头上。
我并不是程序员,我的运维技术也一地鸡毛。最近发现服务器的数据变得非常大,光是Bookstack就占了512MB,已经没法再在本机支撑全量备份了。Webinoly支持S3增量备份、但我还得先弄一台大容量VPS,对吧……但我确实买不起那么贵的VPS。

想了想自己当时选择的WP的方案虽然在易用性上不错,却压不下来资源的需求。
我开始研究使用WP的建站开发,但是发现一个站点少说也要200MB的空间占用;对比之下MkDocs撑死不到10MB,顿时发现静态站的美好。当然,静态网站要实现Webmention等一些动态功能必须依赖第三方服务器,这令我感到不自在。

继续阅读PHP笑传之踩踩背

WP实现Twenty Fourteen主题风格的侧边栏小工具标题

本域更新了侧边栏的小工具,它类似于早期Windows程序的任务列表。
这是基于区块小工具+自定义HTML实现的,而HTML和样式取自于Twenty Fourteen 2014主题附属插件的风格化小工具。因为2014默认的小工具标题只有文字并不美观,加上这个带图标的标题就感觉像是主题原生支持的那种。

我用的是传统小工具+古藤堡区块编辑的方式,方便更新,因此需要先添加一个「区块HTML」,然后另开浏览器窗口随便找一个能用古藤堡的地方(建议是单独的小工具收录页面)写篇内容,添加一个容器/组模块,把它转成全局同步的区块样板。
转成全局同步后,Ctrl+Shift+Alt+M 就可以看到这个全局同步区块的代码,拷贝它,粘贴到「区块HTML」的小工具中。

这时候就创建好「容器的符号链接」了。在小工具页面可以快捷的编辑它。

在这个「同步区块」中,添加「自定义HTML」块,分别填入HTML和CSS。

HTML部分,重点在Class也就是CSS类部分已经定义好的 widget-title ,加上这个就有了基本的2014主题插件的效果;然后要自行定义一个类,这里以apps举例,作用是为了调用Genericons的图标代码:

<h1 class="widget-title apps">
<a class="entry-format" href="https://v1sta.xyz/apps">程序</a>
</h1>

CSS部分也很简单,加一个before伪类,而content是Genericons的UTF代码。

.apps:before {
  content: "\f104";
}

这个代码可以下一份主题自带的Genericons(从DevTools扒),
用字符映射表之类的工具查看图标对应的Unicode代码。

例如F103是相册、F104是视频播放、F205是WordPress的社交媒体Logo、F419是菜单。不过可能是主题设计本身追求精简的原因,或者是版本的冲突,有部分在字符映射表找到的图标代码,是无法显示的。这部分无法显示的主要是一些较新的图标。

不喜欢古藤堡的话,用一般的HTML加自定义Style.CSS也能实现,就是更新内容会比较麻烦。都用WP了也就不计较代码耦合度了吧。
反而用区块编辑器其实还蛮方便的。

自定义帖子类型 实装更新

个人博客使用CPT的实践记录

到了月中了,作为一个宅充爆表的同人作者。
似乎这一年都很忙碌呢(笑)

因为熟悉WordPress的缘故,所以就这么一直用着,
也试着接触了一下肤浅的WordPress开发资源。
之前的作品集是还没弄完,甚至有点想重新打稿重制。
不过很多技术还是进行了实践,现在也实装到了本域这样一个个人性质的博客空间,而不是所谓的企业建站。
(实际上我并不擅长服务类的一锤子买卖)

一些主题会借助WP的CPT功能、实现自定义的作品集管理和模板样式,这种管理方式要比设定「帖子格式」的方式更强大。
不过我的用途实际上说是CPT,也只不过是拆分成子博客的逻辑。样式这个东西也是可以共存的,只是个别主题需要在主屏幕同时显示两个样式的信息流,例如作品集主题。(区块主题应该没有字面意义上的限制)

而如果用静态博客的逻辑理解的话,假设一般文章会发布到「public/存档/文章」、页面是「public/页面」,那么CPT就相当于在文章之上的一层新建了一个顶级目录,也就是「public/CPT名」。
当然真正的静态Blogger看看就好,不必像我一样因为独占主题用WP的(笑)
我只是无名画手。。。

用CPT的一个劣势可能是转到WP官方的.com服务不升级不能用吧。
用公共服务了逻辑自然也要改变一下。但毕竟现在还是自家租的园地,珍惜时光。


总的来说,还是要基于需求实现功能。
因为之前参加了StyleStar和Frutiger Aero Archive的论坛,发表了很多有价值的回复,我觉得这是应该保存并展示的。但直接发布在主信息流是不太方便的,所以不妨把它作为一个独立的存档和RSS Feed分叉出来。

实现WP的CPT的方案有很多,我选了用插件实现的方式,
以后迁移也比较方便。
目前热门的插件包括ACF/SCF、Custom Post Type UI(CPT UI)以及免费实用的Pods。我最后选了Pods,是因为Pods没有所谓的Pro版功能、而且界面比较经典,还可以把存档显示在综合的搜索结果、跟WP自带的分类归档的信息流中,但不影响主页信息流。

不要误会,我并不是要做什么「把宅品跟技术文章切割」这样的行为。不过有一些不常编辑的内容的确应该做一下Feed分流。当然还有景之印,但是现在准备重构装修。

于是我设想了一些CPT自定义的帖子类型:

  • 应答 / 答复
    (专门存放论坛与Webmention的答复帖)
  • 更新记录
    (博客的功能更新记录,类似Steam小型更新/补丁说明)
  • 简报
    (类似Newsletter周记/月记、Steam游戏来自厂商的大更新新闻,专门提供给「感觉主信息流宅充浓度爆炸、但更希望接收简短标题集合」的精英读者,初次来访的访客包括我自己也能知道自己一段时间的任务总结)
  • 画册
    (专门存放画作(主要是画猜涂鸦)的作品集,可能会自行编写九宫格风格的模板样式,不用2014默认的瀑布流)
  • 收藏
    (放置我从网络搜集到的各种资源的链接和视频之类的。避免“干扰”主博客的信息流。)
  • 集邮
    (说起集邮啊,本意是指交流收集邮信时代的邮票,在现在的时代,则流行一种在Cosplay圈子中摄影者与Coser合影留念收集照片的说法,并延伸到其他的领域。此时,我想到RetroComputing复古的网络世界中,可也有不少Web邮票图、88×31按钮以及Userbars等装饰性质的图片资源,或许这些小东西也是可以算作集邮的吧?也算是回归了本源。我要收集这些战利品)
  • English Only
    (英语角,专门为国际访客开设的文章栏目。其实这样一说有点像CGTN电视频道的定位。啊为啥我也要做外宣啊?但确实是这个感觉。虽然有很多用户会借助浏览器的自动翻译访问本域,但是还是要顾及很多传统访客的想法。)

以上的想法也算是为特定受众迎合做出的设计吧。

顺便设想了一下此前关于IndieWeb运动中的「喜欢/收藏」功能的思考。也就是英文Favourite,这种功能脱胎于像推特这样的社交媒体,不同于网络书签孤零零的收藏,它在一定程度上可以被“当作”能更好的表达用户对某一件事情的喜爱。

但亦有些人不喜欢这个“当作”的设定。还是蛮有争议的。
后来推特把星星改成红心,就有很多人反感。
再后来的马斯克直接不公开喜欢了,可能是考虑到社会高层“无能的法律从业者/政坛的发言者”那样的公号私用的情况吧?

Favourite 偏向于情感类的「喜欢」确实在像「偶像社交」这样的场合有一定的反馈作用,我以前也是「喜爱派」;
但是在本域这样一个独立空间,加入的链接其实并不能很好地通知原发布者,Webmention都不大能直接和Fediverse建立通讯。所以上述的收藏,更多是为了帮助有同样兴趣爱好的搜索者找到跟发现资源,就像松鼠仓库/仓鼠/藏经阁一样,“你能从俺这扒拉翻出一堆好玩的藏宝图”,
这样一来其实就是偏向「收藏派」了。

如果真的要说对某一件事物的喜爱或支持,
其实在现代社交网络诞生之前也有存在过。

之前考古东方Project元老世代的画师“alphes”
就有网站上刊登“通关逆转裁判3”的记载(笑)
未麻的部屋更是通过(剧情中实际虚假的)个人网站与粉丝互动。

那种程序化的喜爱,根本不能很好地表达多种因素的情况。
而通知内容原主的话,可能是通过Email或者是口头交谈之类的方式联系吧?

顺带又研究了一下怎么用应用程序发布,例如Obisidian。但是该怎么说,插件没有支持适用于CPT的发布方式的API。
老老实实用古藤堡吧,是麻烦了些。

永硕e盘界面吐槽

因为某些因素要从永硕e盘的下载站找资源。

永硕e盘是一个很古早的文件共享平台了。它家的UI界面贯彻着2000年代初的精简HTML风格,会令人想起Windows98的IE浏览器上网的感觉。这种视觉风格也可以在很多老路由器/交换机等网络设备的管理后台见到,方便起见就称作WIN98风格(尽管不严谨)。

所以永硕到底是怎么把Material Design的组件跟这个WIN98的古早HTML缝在一起的……大概是用了什么能把标准组件改成Materialize的CSS吧。

KB俱乐部

在寻找到Chromora顺带发现了两个Web Banner的按钮图标,分别是512KB.Club250KB.Club

还有个1MB.Club,但没有88×31图标。

看了一下这三个club,大概是一个挑战网页资源未压缩极度缩减在KB以内的互联网文化运动。其中的排行榜,不乏有精简的中文博客。

这使得我第一时间居然想到了之前透过联邦认识的朋友们,特别是个人页面eltr.ac ,但居然没有?太奇怪了。我得好好推荐一下。(不过512KB Club要求是有实际内容的网站才能被收录,eltr.ac这样的纯个人页面不知道有没有机会。)

极客死亡计划正好有写关于JavaScript的文章,正好和KB.club的观念不谋而合(感叹网页体积和功能越来越臃肿)。希望能Mention到。

https://www.geedea.pro/article/js-problem

虽然本域这一个用WordPress的空间,这么说可能有些不合时宜吧。本域肯定是耦合度超标了+日式文化浓度爆表的双重buff。
(虽然我觉得Twenty Fourteen是非常精炼的日系设计师主题)

(所以这就是为什么我更想说自己是一位画师。)

不过我还是蛮欣赏这些精简网站的开发者/创作者Creator(我觉得这就是代码艺术),以前我也用过water.css这种简易框架手搓个人主页之类的。我自己也更喜欢绘制矢量图而不是传统绘画。跑题了 Orz

再来想想其他朋友的博客……大概只有这几位是我接触过非常极简的网站作者

https://blog.cytrogen.icu/about/index.html
嗯……因为引用了中文字体率先出局(大雾)
主站的话因为采用了SVG的形式,或许可以挑战一下;但是也不确定这么多图形是否会超过512KB乃至1MB?

https://lok.computer
也许可以挑战一下?

https://l3on.site/about
因为是Bearblog搭建的站点,所以看上去很简洁。
但不知道是否符合收录条件?


还有一种名字类似但是项目不同的是:1.44MB.club

看到这么奇特的域名Hacker想必读者的眼前已经浮现出「保存按钮的手办」了。是围绕软盘的Webring,加入这个Webring并不像上面的club有容量的限制(你可以用五张网盘存储静态博客的源码),但必须至少要有使用软盘开发或保存网站、或用软盘创作艺术的其中一种经历,最好还是有点Vintage风。

我家的确有一台软盘时期的Laptop,家里有很多软盘,但几乎全都消磁了。。而且2003年之后随着CD刻录机的流行、就逐渐不再用软盘存储新的内容了。

DVD我觉得还是尚可一试的。
早些年的软件或硬件驱动光盘也有不少是在CD/DVD上存储交互式向导网页的,不过似乎不能算作真正的网站?

一些归类想法

或许我应该给本域加一些自定义文章类型,
一个是功能更新日志,一个是周报/月报,以及精选集。
这也是希望一些从RSS订阅的读者不会感到困惑。
我毕竟是把这里当成半个社交网络来用的(或者只是产出比较频繁,毕竟我不怎么用真正的社交网络了)


另外也在思考有什么方式能够存放各种网络搜集的URL?
are.na是一个不错的思路。不过我肯定更希望是博客文章的形式。
以前在社交网络上的后期有一种推文包/嘟文包/集合包的功能,可以把很多帖子集合在一块供新手访问。但数据库会很累吧?

按照文件类型全部堆在一个文本文档/文章中是最简单的办法,但不适合复用去重。
不过有些类型的内容也不需要去重就是。
比如一些跨界联动的内容,那么就可以发两个帖子存储URL。

或者像论坛一样开一个Threads线程?
我觉得如果只是单人使用的话,这可能没有分割线更加实用。
还占了白白的服务器资源。无非就是可以检索添加时间而已。
无论是单开论坛还是给WordPress加bbPress/BuddyPress都是一笔不小的技术投资。太复杂了。


前段时间去IconArchive搜集了很多ico格式的图标,
这些图标制作精美、且ico格式的部分图标有Windows标制的16×16缩小型特色设计(可以理解为通常尺寸角色设计的Q版形象),
我花了点时间手动将其归类成文件夹,因为本身就是ico所以要加文件夹图标也比较方便。

我在想是否有什么办法可以存储成具有检索格式的目录/压缩包?存储各种作者项之类的元信息。

类似影视剧/摄影图集的EXIF/漫画的信息检索文件,例如NFO,XML,PLIST这样的格式。以创新著称的Windows Longhorn可能有实现类似的功能设计?也许可以直接显示在侧边的文件信息预览中,就像是音乐库或图片库那样的设计。

不过无论是怀旧还是实际的工作环境中,这应该是一个很实用的功能,我的素材库需要建立一种索引用来搜寻各种元信息。

FennirFS有实现类似Mac平台的标签管理功能,但还远远不够;HaikuOS/BeOS的文件系统本身是数据库化的,非常特别,但我没有机会实用、它似乎对亚洲世界的语言兼容性也不好。

Tabbles据说是一个不错的标签管理系统。

File Tagging, Document Management
Tag your files and emails, add comments and share your tagging with your colleagues. Tabbles is a relational file manager, that allows you to organize and search your files in a new way. It works on local drives, shared folders or in the Cloud (with synchronization services like Dropbox or Onedrive).
tabbles.net

Wyse3040概念使用图

Wyse3040的概念改装图示

依然是Drawpile作画。
比例有点崩,还请见谅 Orz

我一直没介绍过我入手过的Wyse3040。
我觉得这是极少能把Atom的体积优势用到极致的设备。
尽管现在因为冲击波的工作排期所以仍在吃灰着。。。

我去年那段时间想要玩音乐(Playback与Creator),
所以在筹备把第二书桌改成一个音乐工作站。
Wyse3040只需要5V供电而且体积小巧还是戴尔的机器非常吸引我,即使放在那里也算得上是一个艺术品之类的。(山寨矿渣的产品设计有一些很多都拿过红点奖,何况是戴尔的正规军呢?)

继续阅读Wyse3040概念使用图