在研究二维码生成的时候发现一个好多年前的qrocde项QRCode.js然后就想用这个js直接生成该页面的二维码。 不过生成二维码在chrome浏览器中已经支持右键单击直接生成了，但是很多人不知道，也不清楚怎么用。我加一个二维码功能只是为了丰富页面，提醒分享，并方便手机查看。 Demo 安装方式页面 ...

20240821：此魔改我已经删库了（删了之前忘了魔改这一出了，因为没办法追更，所以后来我改回官方了。）今天发现已经来不及了（代码没备份）所以大家还是用官方，然后摸改一下css来实现吧。。。。 魔改了一下Twikoo的样式，拿出来分享一下，喜欢的可以搞一手。推荐用官方的。 查看样式 魔改内容 先输入 ...

这里是Mac软件推荐第二弹，在这篇文章中我将会介绍一下我做设计都在用什么软件，有什么好用的工具安利一下。 说起做设计的话生产力工具主要就是sketch和Photoshop。但是一些小工具能够大幅度优化使用时间和体验，包括输出质量。我们来看看吧。 Eagle 首先不得不说的就是Eagle了。在你浏览网 ...

之前关于哔哔的教程写的都很乱，并且因为哔哔和Twikoo可能造成的冲突问题导致很多都访问不了，经常出现缓存和无法加载的情况。最终还是用json加载的方式来做bb了。这篇教程可以作为最终版的哔哔教程了。（再也不想折腾这个东西了） 这篇教程不再采用外链形式，一篇搞定全部。本功能已经基本完成，不再添加新 ...

用iPad+手柄玩游戏的时候感觉iPad屏幕实在是太小了，但是我的iPad并不是typec接口的，明明有很大的显示器却不能用太难受了。无线连接的时候经常会出现卡顿和画质非常低的问题。研究了一下发现有有线的连接方式。 iPad/iPhone有线连接mac投屏打开QuickTime Playe ...

安卓的屏幕尺寸太碎片化了，在做启动图的时候可以使用安卓的.9图来做，还有一个常见的例子就是聊天的气泡，因为每次输入的内容长度不一样，导致需要做自适应。.9图就是在安卓上的一个比较好的自适应方案。 .9图是什么.9图主要由一个素材图片配合上下左右的宽度为1px的黑线构成。 要求黑线的所有像素颜色为# ...

从黑苹果到现在这台笔记本用macOS已经接近三年了。作为一个非常喜欢折腾的人来说，在这三年时间里软件也是换了又换，最后留下的其实都是我目前用起来最顺手的。这篇文章从我个人向出发去做一些软件推荐，大家都熟知的软件就不在这里写了。这里不提供下载地址，有兴趣的小伙伴可以自行去App Store、官网、下载 ...

博客的滚动条有个问题，就是点搜索的时候网页会有一定的偏移。这个问题是由于滚动条占用了DOM，导致当不能滚动的情况下，滚动条不显示导致整体网页会鬼畜一下。其实只要一条css就能搞定。 修正滚动条位置通过overlay可以将滚动条独立出来。 123html { overflow-y: ove ...

最近同学买了重生细胞，在玩的时候感觉下蹲跳还有一堆操作通过搓平板的方式操作起来太难又太累。没办法只好搞了一个手柄。操作体验确实好很多。翻了一堆游戏推荐，装了一堆游戏又卸载，现在pad上没剩下几款了。这个文章就推荐这几个游戏。 重生细胞因为这个游戏入坑的手柄，对于我这种没玩过主机游戏的人来说这个操作 ...

通过分别提取每个音乐中特别吸引人的部分，让每个人通过这些音乐剪辑将他们最喜欢的音乐添加到播放列表中。当你不知道要听什么音乐时，这个程序会让你找到很多你可能会喜欢的音乐。 By extracting the particularly attractive parts of each music se ...

我们经常能在b站或者抖音等奇怪的地方看到一些生草的视频，比如痛苦面具是我们喜闻乐见的一个视频形式，在视频进行的时候突然静帧，然后将痛苦面具的内容替换到视频上实现局部运动的效果。 网上找到的教程没有图片说明，不知道因为什么原因连个好好的教程都没有，导致做起来的时候踩了不少坑。既然踩了这么多坑，干脆写一 ...

本文为转载文章，以下内容来源于 如何设计并落地一个插画系统？ CDX创意设计中心 拥抱变化，是互联网人的座右铭。 小步迭代，快速响应，只为 ...

之前用的一直是图片画廊，感觉图片画廊的样式不是很好看，最近寻觅的时候发现了一个比较有趣的方形卡片的视差效果感觉很不错。所以就将原本的项目移植到了分类页面。整个移植是针对Hexo博客来的，不过应该是能通用更多的页面。 展示效果 Demo（目前采用非三维效果） 引用站外地址，不保证站点的可用性和 ...

这算是短文向发图片迈进的一小步，一直以来不太清楚快捷指令是如何上传图片的，根据从冰老师那拿来的快捷指令掌握了发图片的技巧，但是这个快捷指令能力有限。所以改进了一下。 快捷指令特性 支持图片直接上传并将url复制到剪贴板 配合mac接力可实现手机端传图无需经过电脑自动复制链接 支持共享表单，通过图片a ...

Sketch71版本支持了全新的链接数据功能，这个功能支持设计师自己编辑json文件，将多个文本/图片参数作为一个整体嵌入到设计稿中。相比过去单一的批量嵌入，使用json可以将多个素材的关系链接起来，作为一个整体。让设计稿更加真实。 通过链接数据，你可以使用以有意义的方式组合不同数据集的J ...

在调文字的时候想要给文本增加一个斜体效果，但是选了半天的字体原生并不支持斜体。那么这个时候一般就会用变换工具了。变换工具和photoshop的自由变换工具很像，但是缺少了一点点自由。大致能调整的就是8个点。 将文本轮廓化因为变换工具无法针对文本图层和组件进行操作，所以我们需要将文字图层转换为路径。 ...

列表如果都是统一的样式、高度未免有些过于单调和重重复。在一些关键性文章中加一些特殊的样式也是我们常用的举措，例如文章置顶。但是文章置顶多了就会看不见新文章，置顶折叠展示的力度又不够。所以对于有特殊意义的文章展示特殊的效果是非常必要的，丰富层次。 这个文章的核心思路就是给文章的markdown文件里添 ...

我们都知道在Windows下可以通过*.txt这种格式来搜索指定格式的文件，那么在mac上可以怎样搜索指定类型的文件呢？ mac上搜索指定类型文件 在搜索中输入种类：文件类型即可。例如以下例子都可以使用。 1234种类：sketch种类:sketch种类:文件夹种类:音频 使用聚焦搜索指定类型文件 ...

有些时候我们需要对不同地域的用户做一些限制，比如在北京的用户不能查看文章正文等。如何判断用户所在的地域并针对不同的地域做出限制呢？这里利用sohu的地域判断API。这篇文章用Butterfly的评论功能做地域限制为例子。 本文以pug代码为例，html代码在文章后面。 城市获取1234script( ...

presentationMode在iOS算是一个特色了，非常方便的全屏弹窗，可以下拉关闭窗口。弹出的动画非常流畅。这里来记录一下如何写一个presentationMode弹窗和关闭presentationMode的窗口。 样式presentationMode弹窗非常常见，在iOS几乎无处不在。 示 ...