正在浏览:分类 技术 下的文章
2024/06/07 23:39技术

使用SVG Sprites(雪碧图)实现本站表情的解决方案

起初,发现自己用的酷安表情包,当时为了极致占用(为了降低网络开销),已经被压缩的非常糊。然后,就想到是否能用SVG来解决这个问题,于是,找到位大佬在Github仓库里提供的SVG格式的酷安表情包,故经过筛选之后取之,基本只留下了圆脸和狗头表情,其他的都略去了。最终筛选出这80张表情。正当因如何再次缩减表情数量(减少HTTP请求次数)而犯愁的我,经过搜索查找,找到了SVG Sprites(雪碧...

2024/06/02 21:11技术

将主题适配WP的部分迁移回TE,与一些改动

面对WordPress的社区活跃度与充足的功能与插件,但还是因为性能问题放弃了迁移计划。迁移过程中,也产生了一些新的代码,于是近日将相关代码迁回TE站点,并更新主题版本号为JiCoreV3.1版本。大概更新的内容如下图所示吧。其中更多的还是关于评论系统的改进。因为整套主题的原生评论辅助用JS已经被我重写了,当时也有很多因素没有考虑到,比如说当JS不可用时,如何才能正确回复夫评论?当从邮件提醒...

2024/05/19 21:07技术

打退堂鼓的移植WordPress

这周,本来想要把站点迁移到WordPress,原由就是看到老权吐槽说,Typecho的XMLRPC不标准,提PR也不见合并,同时自己也对Typecho的社区活跃度有了疑虑,故开始计划迁移到WordPress。有了AI加持,写代码非常容易。期间也看了不少大佬的博客,还有一些教程。确实,WordPress在教程方面,还是很多的。主题适配进度也在逐渐爬坡,目前的功能就差ajax回复、评论IP显示、...

2024/01/14 12:16技术

使用原生 JavaScript 实现页面路由效果

最近把手头的东西都去了 jQuery 的依赖,去掉之后,想给我一个使用 JavaScript 渲染列表的站,加上个路由,但这个站用的还不是 Vue,用不了 vue-router,于是找到了如下方式,使用原生 JavaScript,来达到类似的 URL 展示效果。document.addEventListener('DOMContentLoaded', function (...

2023/12/02 16:31技术

在 1Panel 上使用 webp-server-go 实现全站 webp 改造

想着搬站都有一段时间了,看看能不能把 webp-server-go 给搬过来,降低一下站点的带宽开销。之前也写过一篇文章,但用的不是 Docker 部署的方案,只是略有出处罢了。且这个小服务端也在升级,配置文件也发生了一些变化。按照官方的文档,首先在 1Panel 后台中点击容器->镜像->拉取镜像,填入 webp-server-go 的镜像,再点击拉取按钮,如下图所示。拉取完毕...

2023/11/29 22:12技术

隐藏奇奇怪怪的设备的“安全删除硬件并弹出媒体”托盘选项

前几天,买了一个支持 Windows Hello 的 DIY 摄像头模组,不料接上 USB 线后,任务栏托盘里多了个“安全删除硬件并弹出媒体”、“弹出 Integrated Camera”的菜单栏...好奇点了弹出,点了之后就用不了了,重新插拔才正常,弹出设备的提示也没消失,仍在。询问店家,店家的回复是“正常的”、“对的呢 有些电脑会这样子 目前无解”。今天经过好一顿搜索,搜索到了如下两个教...

2023/11/07 21:25技术

网站成功搬家,站点成功存续,1Panel迁移踩坑记录!

还有几个月,特价的华为云机器就要过期了。正好看见群友在群里分享的阿里的 99 元机,当天买下,并办了接入备案。故大喜,毕竟站点的存续有希望了,有了能继续下去的物质基础。对于这个站的未来嘛,虽然已经确定了自己没有入行计算机,也没有从事程序员的工作,但还是将这个站点,作为自己的兴趣爱好,继续进行下去,大概率周末会改改站啊,写写东西啊什么的,尽量让这个站,长期存续下去,毕竟里面也装满了我半个青春,...

2023/08/13 17:59技术

使用relative-time-element.js在前端层面实现时间的实时显示

这两天给站擦擦灰,补全了一些功能,优化了一些细节。突发奇想,Github issues 区的内容的所有回复/发送内容,时间都是随真实时间实时变动的。在经历了自己造轮子失败之后,偶然发现原来这个功能已经被 Github 开源出来了...合计着我这白忙活。https://github.com/github/relative-time-element调用方法也是非常简单的,对现有项目的创伤性几乎为...

2022/11/30 13:47技术

使用WebP Server Go来加速站点本地图片访问速度

临近毕业,要到自己为站点续命的时候了。想减少开销,减少一些潜在的意外,故挪掉了一直在用的云存储(大部分文件是反代uploads目录并静态内容迁移以使用 CDN 节点进行加速,小部分文件为自上传的云存储)。这样一来,之前那些随手传上去的图片不是那么小,没有了 CDN 端上的 WebP 自动转换,图片加载速度的确是慢了不少。然后经过搜索,找到了这么个基于 Go 语言写的这么一个服务端程序,可以自...

2022/11/13 18:45技术

JSP简单实现用户登录与注册功能

本教程使用 IDEA Ultimate 实现,社区版需要其他方式的设置创建项目简要介绍。创建 JAVA EE 项目,选择 WEB 服务,将下载到的 Tomcat 的路径添加 Tomcat 服务器列表中,然后点击下一步,选择 Java EE 8。添加 MySQL JDBC 驱动点文件->项目结构->库,然后将 MySQL 驱动的 jar 包(mysql-connector-java...

2022/09/30 22:35技术

软著申请下来了,顺便更新了下主题

就在今天,我的软著证书,终于拿到手了。怀着开心的心情,写下此文。起因最初在 21 年那阵吧,老权把南博的软著给拿到手之后不久,偶然发现 Typecho 的主题模板也是可以申请软著的,于是建议我也弄一个。但由于自己一直很懒吧,跟老权取完经之后,就一直放在这儿了...(我承认这习惯很不好...)后来,22 年,长春大疫,封城。老师找我干活,本以为是什么带我起飞的差事,但当老师线上交流,老师发给了...

2022/06/17 19:02技术

最近看到的有趣的前端的小东西,作为学习笔记

参考来源:w3schools,与 mozila 的 MDN用变量一样的写法去写 CSS:root { --blue: #6495ed; --white: #faf0e6; } body { background-color: var(--blue); } h2 { border-bottom: 2px solid var(--blue); }CSS 层面阻止原生事件pointer...

2022/02/23 20:54技术

Flexbox Froggy 学习笔记

Flexbox Froggy一个学习练习 CSS 中 Flex 弹性盒子布局的网站http://flexboxfroggy.com/justify-content功能:设置对齐方式 ( X 轴 )属性值说明flex-start始侧对齐(横向排列为左对齐,纵向排列为上对齐)flex-end终侧对齐center居中对齐space-between贴边分散对齐,靠边的盒子仅外侧的单面无 margin...

2022/01/26 16:30技术

vue.js 使用 axios 请求获取数据

基于 第十三届蓝桥杯(Web 应用开发)线上模拟赛 第 9 题 知乎首页数据动态化 的应用方案引用 axiosimport axios from 'axios' Vue.prototype.$axios = axios使用方法this.$axios.get('/static/data/list.json').then(res => { ...

2021/12/13 21:44技术

通过替换法来尝试修复 Minecraft 客户端的 log4j2 漏洞

今天逛 B 站的时候,偶然刷到一个利用 log4j2 漏洞的视频,利用这个漏洞来测试网易的租赁服,无一例外的全部中招了。截至目前为止我也无法确定这个问题的真实性,因为要试试的话那可是真的刑...然后 17 开了个 Mod 小服,虽说是服务端方面是修了的,但客户端本身还是存在漏洞的,想试一下去修复它,没想到成功了,具体有效性未知(因为如上原因,且自己也不是网络安全这个方向的,故不进行测试)。下...

2021/10/11 18:01技术

模拟 POST Pingback

URL: https://example.com/action/xmlrpcMethod: POST使用了 xmlRPC 相关的东西,里面一个 url 是来源,另一个是请求者,毕竟为了测试,也就不纠结他俩哪个是哪个了...请求体:<?xml version=\"1.0\"?> <methodCall> <methodName>p...