折腾

部署轻量友链朋友圈

前言 这两天突然发现,之前使用极简模式部署好的友链朋友圈没法获取到数据了。看了Github仓库才知道原项目已经停止支持了,取而代之的就是这个轻量友链朋友圈。 ...

给Memos页面增加编辑、归档及删除功能

更新 2023-07-19 新增删除功能; 前言 书接上回,继续完善Memos页面。这次给页面增加编辑和归档功能,让我们的Memos页面使用起来更加的方便。 ...

开始连接,给Memos页面增加转发功能

前言 其实这个想法来自于 @小饿 同学。在Memos页面拥有了发布框之后,我也一直在想,除了方便快捷之外,怎么可以让发布框更好用。转发功能的概念,让我眼前一亮。 ...

给Memos页面添加发布框

起因 最开始是看到 @林木木 发的一条哔哔。说是想要在Memos页面内嵌入哔哔单页,从而可以实现在一个页面内发布哔哔以及浏览哔哔。寻思这样一来,体验确实是可以好很多,不需要切来切去,更有沉浸感。 ...

使用 Umami Api 实现点赞统计

前言 在写完上篇《使用 Umami Api 显示统计数据》之后,越发的觉得Umami非常有意思。于是就继续看了看官方API,一番了解下来之后,发现通过 Track events 可以实现自定义的页面事件统计。灵光一闪,觉得可以用这玩意做个点赞统计。 ...

极简模式部署友链朋友圈

前言 曾经我常常感觉到,每一个独立的博客都像是一座彼此独立的孤岛。所以现在,有了越来越多的工具,把大家连接起来,像Memos、Twikoo等等。而友链朋友圈也是如此。你可以随时获取朋友网站的更新内容,并了解朋友的活跃情况,以此来将大家紧密的连接起来。 ...

使用 Umami Api 显示统计数据

前言 最近在大家的疯狂安利下,捣鼓上了这样一款可以部署在Docker上的前端统计应用。特别是木木老师,更是直接放出了 《前端调用 Umami API 数据》 。不得不说,这个应用的可玩性成功的吸引了我的注意。 通过阅读官方的API文档,一番折腾下来,也是成功的在Memos页面中调用了umami统计的浏览数据。于是做个记录。 ...

Memos页面添加Twikoo评论系统

写在前面 如果没有木木老师的《Memos x Twikoo》我是根本不会把这两个毫不相干的系统联系起来的,在给Memos添加了Twikoo评论系统之后,因为增加了社交属性,所以BB的时候,都更带劲了。 ...

制作Big Sur风格的 icon

什么是 icns icns 是 Apple 的 macOS 操作系统的 App 图标文件的扩展名,你在 macOS 的「 Desktop 桌面」、「Finder 访达」、「Dock 程序坞」等看到应用程序的外观就是由一个内置在此 App 内部的扩展名为.icns的文件实现的。 你可以通过鼠标“右键”点击 App - “显示包内容” - 进入 “Contents” 目录 - 进入“Resources”目录,然后在目录下可以找到名为Appicon.icns或其他后缀为.icns的一个图标文件。 要创建一个.icns图标文件,需要准备以下 10 种不同大小的.png图片文件 图片名称 图片大小 icon_16x16.png 16x16 icon_16x16@2x.png 32x32 icon_32x32.png 32x32 icon_32x32@2x.png 64x64 icon_128x128.png 128x128 icon_128x128@2x.png 256x256 icon_256x256.png 256x256 icon_256x256@2x.png 512x512 icon_512x512.png 512x512 icon_512x512@2x.png 1024x1024 Big Sur 在发布会上,Craig提及了macOS全新的拟物化设计。类似IOS的图标风格,加速了苹果全终端融合的进程。 但是因为时间的关系,很多第三方的APP暂时还没有适配这种风格的图标。所以,作为一名深度强迫症患者。自己去制作相关的ICNS就是唯一的出路了。 制作过程 准备最大尺寸 1024x1024 图片一张,重命名为icon.png,其他大小尺寸可以通过终端命令生成; 最好是能根据Apple的设计规范,制作统一视觉效果的图标。如果会使用设计工具。如:PS、Sketch、Figma等。可以使用相关工具的模版自动生成。 Sketch图标模版 通过鼠标右键或者命令,创建一个名为icons.iconset的文件夹; mkdir icons.iconset 通过终端来快速创建各种不同尺寸要求的图片文件; sips -z 16 16 icon.png -o icons.iconset/icon_16x16.png sips -z 32 32 icon.png -o icons.iconset/icon_16x16@2x.png sips -z 32 32 icon.png -o icons.iconset/icon_32x32.png sips -z 64 64 icon.png -o icons.iconset/icon_32x32@2x.png sips -z 128 128 icon.png -o icons.iconset/icon_128x128.png sips -z 256 256 icon.png -o icons.iconset/icon_128x128@2x.png sips -z 256 256 icon.png -o icons.iconset/icon_256x256.png sips -z 512 512 icon.png -o icons.iconset/icon_256x256@2x.png sips -z 512 512 icon.png -o icons.iconset/icon_512x512.png sips -z 1024 1024 icon.png -o icons.iconset/icon_512x512@2x.png 最后,终端中运行下面的命令,就可以获得名为icon.icns的图标文件了; iconutil -c icns icons.iconset -o icon.icns 注意 : icon.png图片文件和icons.iconset文件夹要保存在同一级目录下,终端启动后切换到该目录。 ...

Hi,Hugo

写在前面 一场突如其来的疫情,打乱了所有的计划和安排。可能是身处武汉的原因,可能焦虑的情绪会更多一些。 ...