网页前端标签。

一般来说我都会做个宣传图来汇报一下近期的博客改动。近期改动比较多，是时候介绍一下了。

今天定制了一下邮件的回复样式，之前Twikoo默认的比较简洁，我做了一个和我博客比较相近的样式。定制了一下。 有需要的小伙伴可以自取。 邮件样式 其实也是比较偏简洁的那种吧。 兼容移动端和电脑端。 移动端样式： 电脑端样式： 代码1<div class="page flex-co ...

我发现很多人的网站并没有对Safari进行一个适配，导致使用iOS的小伙伴在收藏这些网站或者将这些网站添加到桌面时会有一个比较奇怪的展示样式。 样式对比左侧为不兼容safari的书签栏，右侧为兼容 左侧为不兼容iOS添加到桌面，显示较长的名称和网页截图作为图标。 右侧为兼容iOS添加到桌面，显示自 ...

腾讯云已经跑路了，挂在腾讯云函数的twikoo已经私有部署了，还剩下一个即刻短文还跑在腾讯云开发的服务上。 找了黑石原来的leancloud方案，主要黑石的公众号是订阅号不是服务号，发起来很麻烦，没有开源无法私有部署。 难道真的要像木木学习魔改Twikoo？ 在改友链的时候突然想到为什么不能用与bu ...

提到随机网页跳转，大家就想到hexo-generator-random，我之前也是使用这个插件来做随机网页，这个插件的原理是生成一个html，只要访问这个html就可以进入随机的文章，但是这种方法有问题。 开启pjax的小伙伴由于random.html不支持pjax，导致中间页会重新加载两次 进入 ...

博客有很多引用链接的方式，但是一直使用超链接的样式不是很优雅，而且无法引起注意。所以还是用外置标签准备写一个超链接网址卡片。 外置标签的编写方式从Akilar中学得： 引用站外地址，不保证站点的可用性和安全性 DIY外置 ...

之前自己的网页pjax时灵时不灵，真的是奇了怪了。研究了一下pjax的文档，发现很多东西都是用的有问题，因为最开始魔改页面的时候都没注意过pjax，所以留下了大量屎山代码。 这个文章可以更好的帮助你去魔改页面，并且保留pjax。 页面跳转pjax的element是用来告诉pjax，点击这个东西就要触 ...

腾讯云有一个类似于语雀的性能监控平台，每天50万的额度，这篇文章介绍Butterfly主题如何引用这个插件。 开启插件首先进入腾讯云，进入插件中心，打开服务。 在应用列表中，新建接入。 选择使用腾讯云cdn加速的域名，然后下一步 复制上报ID备用 插入代码进入themes/butterfly ...

我们设计网页通常使用栅格来做屏幕的自适应，我们在sketch上设计虽然不支持自适应画板，但是我们一般都是先完成pc端的画板布局。 工具栏我们需要创建栅格需要通过工具栏的显示组件，如果你没有这个组件需要手动来添加。 如果没有的话右键单击工具栏，选择「自定义工具栏」。将百分比缩放组件拖拽到工具栏中，记 ...

我似乎从来都没有说过这方面的理论，只说过一些局部功能的设计原因和魔改。在网上大多也都是组件的魔改。这篇文章我想写一个纯理论的文章，以我现在的博客为例子，引申出博客的设计思考。 相信通过这篇文章，能够给想要修改自己博客的小伙伴一些方向性的建议，而不是盲目使用网上的组件，看见一个好就直接扒下来。 这篇文 ...

使用错误的cdn会导致博客服务无法访问，访问速度过慢的问题。因为众所周知的原因jsdelivr无法使用了，但是替换cdn不知道替换成什么比较好。使用新版butterfly的用户可以切换成本地模式，但是如果是旧版butterfly用户的话或者新版想要提升速度就需要第三方的cdn了。 在我的友情链接里 ...

之前sticker-heo一直使用的是jsdelivr链接，但是因为近期jsdelivr已经彻底失效，近一个多月以来本项目已经换了三家cdn了。更换cdn确实提高了访问速度，但是旧版的sticker-heo表情仍然是不可访问的状态。 这里介绍一下如何更改旧表情链接地址方法，其他评论系统大同小异，这里 ...

其实一切的一切来自于百度统计的一段话： 尊敬的百度统计用户你好，基础统计报告对于分析云站点最早查询时间将调整为2年，其余站点最早查询时间调整为1年，为避免数据丢失，建议你于2022.4.12前完成历史数据的下载或截图备份。如有疑问或更久的数据存储时长需求，你可发邮件至ext_tongji_repl ...

如果不清楚如何部署友链朋友圈可以看这篇文章：友链朋友圈5 - 我的部署历程与主题样式分享 我的友链页一般都属于来者不拒，加着加着面临几个问题，一个是友链太多看不过来，即使点进去又发现没更新。所以友链朋友圈成功解决了这个难题。在这个基础上看了一下友链朋友圈的api文档，寻找一些玩法。其中「钓鱼」功 ...

此文章已更新：友链朋友圈5 - 我的部署历程与主题样式分享 冰老师很久很久以前做的友链朋友圈，功能很棒但是配置过程为了追求免费涵盖了特别特别多业务。之前部署成功过一起，但是后来担心GitHub action限额和leancloud的多个限制，在一次无法使用的情况下，彻底被我给移除了。 上周得知友 ...

因为图床用的腾讯云cos，挂的cdn不支持外网访问（我也没打算支持），所以使用外网小伙伴无法访问任何图片，很多人以为是本站的图床挂了，然而可能是因为用户自己是用的外网。那么最好的方式就是告诉用户，你用的不是国内网进行访问。 如果你不需要外网访问你的网站，也可以利用这个js将网页跳转到其他页面或者其他 ...

看到很多魔改的小伙伴都自定义了右键菜单，例如糖果屋的saoUI右键菜单、volantis的右键菜单等等。最近发现DoraKika写了个右键菜单，风格简洁，看起来难度不大，所以修改了个样式就移植过来了。 原版链接本文魔改根据这个教程进行的二次修改。想要魔改的小伙伴可以参考这篇文章的教程来。 本站样式 ...

本文以butterfly主题举例，其他主题自行适配 好久都没写魔改教程了，上次写的时候还是在上次。有一说一，近期的魔改基本上都是针对页面的变化。最近刚适配的1500px宽度，大宽度带来的视觉沉浸感非常棒，但是会带来很多问题，例如之前的主题横向元素过少，以至于在横屏比较宽的场景下元素都会被拉伸得很 ...

我的博客右下角有一个小Guli的形象，他一直在看左上方的文章。这个是当初设计这个元素的原因，也是在边缘视觉给予用户的焦点暗示。当用户出现分心的时候，因为人类对眼球的视觉捕捉一般都是最快（即便是guli这个形象眼睛与人类相比很奇怪），所以人们在分心的时候看到Guli后很容易拉回视觉焦点到文章上。 情 ...

因为点击超链接是个特别麻烦的事情，需要鼠标移动到指定的标题才可以（这真的是太累了）。所以博客的文章卡片、分类页面都是不需要鼠标移动到标题就可以点击进入跳转页面的。我是通过给父级元素添加onclick的方式来添加跳转。但是这就出现了一个问题，点击标签的时候会从子元素的事件触发一遍，然后再触发父元素事件 ...

最近主题的更新是想让页面更加丰富起来，因为之前为了界面清爽删掉了很多功能，虽然一种程度上算是简约，但是对于个人博客来说不想只包含文章，还应该多一些信仰之力。所以为了高大上的逼格（狗头）所以分析了一下Butterfly主题的打字机效果。 Butterfly用的是typed.js来做的打字机效果。开箱即 ...

之前公告显示的是微信公众号的关注，但是因为微信的诸多限制和微信的生态以至于我不是很想再做公众号相关的东西了。因为我的作者组件完全替代了公告的功能，所以我将公告移除了。但是这带来了一点问题，就是在显示的时候总是缺点什么。那么就来做个新的组件吧！ 之前已经做过诗词放在页脚，但是新版页脚为了布局整洁给移除 ...

404页面是在文件不存在的时候产生的。设想一个场景，用户急于寻找问题的答案，那么当用户通过例如搜索引擎和错误的内链进入到404网页时，用户可能下意识就会关闭网站。如何在404页面留住用户呢？ 在无法判断用户的来源和目标的情况下，最好的还是做主动推荐。所以我在404页面的下方添加了最近的文章列表，使用 ...

想要在隐私协议里面添加展示用户自己会被暴露的信息，研究了一个获取用户信息并展示的方法，利用了ipip.net来获取用户的ip和地理信息。 DemoDemo 安装方式页面引入js 1<script src="https://cdn1.tianli0.top/gh/zhheo/JS-H ...