精致截图扩展推荐:TinySnap

官方链接: https://tinysnap.app/zh-cn/

九月初朋友圈里看到 @罗伊 发布了这款截图插件,这几天深度用下来感觉真好,名副其实的「精致」👍再一搜寻,原来 @牧风 是背后的技术实现,真好真好!

Hi,Memos

An open source, self-hosted knowledge base that works with a SQLite db file.

官网:https://usememos.com/

可以说是支持 Docker 自部署的 flomo ,而且有 API 调取数据和发 Memos 。

Hi,Check 酱

一个通用网页内容监控工具,可以监测网页内容变化,并发送异动到指定IM。

Check 酱:https://gitee.com/easychen/checkchan-dist#check%E9%85%B1

Hi,Docsify

Docsify 快速生成文档网站,无需后端构建,即可渲染 markdown 文件。

已部署一串站点:小学数学教学助手小学语文教学助手语文课程标准数学课程标准英语课程标准等。

Hi,原生 JavaScript

移除 jQuery 依赖,移,不移……

很早就想干这个事,可懒,懒得查看各手册语法,毕竟,累。这几天借被迫私有部署评论系统,再次重拾折腾博客的劲,肝,就一个字!

过程,掠过不表。记录一下替换的几个「原生 JavaScript」插件。

相对时间

Lately.js :原生 JavaScript,仅 800 字节!却简单、好用的 Timeago 插件

<script src="//tokinx.github.io/lately/lately.min.js"></script>
<script>
    window.Lately && Lately.init({ target: '.post-date' });
</script>

宝塔 Docker 部署 Twikoo 评论系统

数据导出部分推荐阅读:《Twikoo腾讯云函数部署转移到私有部署》。此文记录下私有部署步骤顺序,相关配图也可参考上文。

一、新建网站

顺利改为:先开 SSL 再加反代。因为加了反代后开不了 SSL,之后的证书续期也同样操作,先关反代再续。具体略,参考上文。

二、拉取镜像

(宝塔的软件商店 “Docker 管理器” 装一下,方便后续可视化管理。)

twk-1

进入网站目录,点击终端丢入下句命令,以此,在这个目录里拉起镜像 。好处是相关的评论数据都会在此路径下的 data 文件夹里,如果拉起多个 docker ,那就搞定了数据隔离。

利用 SiteMap 随机访问站内页面

看到 @HEO@Leonus 都发了一篇关于此主题的。试了后,采用了后者实现的方法,直接简易。点点 menu 的 🎲 图标即可体验。

具体实现思路是,直接前端解析 sitemap.xml ,随机获取一个 url loc 链接,同时增加了判断,若不小心取到以下链接(首页、标签页、分类页等,采用 .split('/')[3] 取主域名 / 后的字符为判断依据),则再循环取一个。

<loc>https://immmmm.com/</loc>
<loc>https://immmmm.com/tags/</loc>

你言我语 By Twikoo

效果见: https://immmmm.com/talk/

主要做了两件事:一是前端魔改,二是首页调用(替代原 bber)。

Hugo Theme Webstack

在线预览:https://edui123.com/

仓库下载:https://github.com/lmm214/hugo-theme-webstack

2022-08-07 版本更新:增加 「最近使用」 板块,如上图,利用本地 localStorage 实现,显示用户最近 8 次点击项目。

Cloudflared 两步打通内外服务

群晖套件中心发现第三方 矿神 更新了个应用 「Cloudflared」 (基于 Cloudflare Tunnel ),一试,这,方便得太过分!

如题图,可以直接把域名解析到本地内网IP +端口,之前为了去端口可下了大血本(云服务器、备案、解决各端口冲突等),而 CF 这一下就直接实现零成本!