我的项目 未读
快捷指令:将图片上传到7bu去不图床并将url复制到剪贴板这算是短文向发图片迈进的一小步,一直以来不太清楚快捷指令是如何上传图片的,根据从冰老师那拿来的快捷指令掌握了发图片的技巧,但是这个快捷指令能力有限。所以改进了一下。
快捷指令特性
支持图片直接上传并将url复制到剪贴板
配合mac接力可实现手机端传图无需经过电脑自动复制链接
支持共享表单,通过图片a ...
经验分享 未读
基于Hexo的Butterfly下自定义指定首页文章卡片高度列表如果都是统一的样式、高度未免有些过于单调和重重复。在一些关键性文章中加一些特殊的样式也是我们常用的举措,例如文章置顶。但是文章置顶多了就会看不见新文章,置顶折叠展示的力度又不够。所以对于有特殊意义的文章展示特殊的效果是非常必要的,丰富层次。
这个文章的核心思路就是给文章的markdown文件里添 ...
经验分享 未读
Js如何针对不同城市的访客提供不同的服务,屏蔽指定地区访问有些时候我们需要对不同地域的用户做一些限制,比如在北京的用户不能查看文章正文等。如何判断用户所在的地域并针对不同的地域做出限制呢?这里利用sohu的地域判断API。这篇文章用Butterfly的评论功能做地域限制为例子。
本文以pug代码为例,html代码在文章后面。
城市获取1234script( ...
经验分享 未读
SwiftUI关闭presentationMode窗口,全屏弹窗怎么做presentationMode在iOS算是一个特色了,非常方便的全屏弹窗,可以下拉关闭窗口。弹出的动画非常流畅。这里来记录一下如何写一个presentationMode弹窗和关闭presentationMode的窗口。
样式presentationMode弹窗非常常见,在iOS几乎无处不在。
示 ...
我的项目 未读
主页适配哔哔动态1.3正式版,博客主页展示滚动动态
本项目已经停止维护,但仍能正常使用,不再进行答疑。新版本项目入口
第一个写的测试版有几个问题,这个版本中使用冰老师那年今日同款Swiper来进行滚动,滚动更加丝滑,并且没有pjax的疯狂滚动问题。并且鉴于Swiper有更多的扩展性,这个功能还有更多发挥空间。
样式预览
相比旧版本相比旧版本增加特 ...
转载内容 未读
微信分享网站时显示自己设置的缩略图方法,优化缩略图今天尝试分享自己网站到微信的时候发现微信的缩略图取得很奇怪。所以找了一下如何显示自定义内容的方法,发现常说的使用微信sdk的方式太麻烦了,对于只有一个前端的静态博客,简单化是最好的。
效果预览
添加代码首先准备一张300*300的图片作为缩略图。
在head头部添加一个div,包含img标签。
12 ...
我的项目 未读
微信菌:利用企业微信搭建微信消息提醒API目前开源项目比较流行的是server酱来进行消息提醒和传输,因为server酱的免费有着很多限制,比如消息不能直接看全,server酱需要关注公众号,且不能自定义头像等,有很多的限制。
使用企业微信搭建不需要安装企业微信app,可以直接在微信收到企业微信消息。
与server酱对比
serve ...
经验分享 未读
a标签超链接rel=nofollow、noopener、noreferrer是什么合理的使用a标签的rel属性必不可少,在适合的场景下使用正确的rel标签可以提升网站的安全性和保持搜索引擎权重不会流失。有利于搜索引擎中的排名。
nofollow本意来自于搜索引擎对于垃圾广告评论的抓取,很多打广告的为了增加自己的搜索引擎权重,所以在非常多的网站上使用a标签来留言。
建议适用范围非 ...
我的项目 未读
用Python读取yml文件并抓取友链的文章数获取文章数这个过程太麻烦了,因为需要经常更新,每个人的更新速度不同,就先写了一个获取butterfly主题的友链的文章数读取。以后有时间再完善一下,支持更多主题吧。
效果
代码getLinkList函数中open打开的地址换成yml文件地址
12345678910111213141516171819 ...
经验分享 未读
将项目首次发布到npm过程实录和教程因为没有接触过npm这块,一直以来我都以为npm是一个黑盒,正式发布的软件都可以通过npm安装,感觉很厉害。最近尝试了一下npm,才了解其实并不复杂。
注册账号首先需要有一个npm账号,立即注册
注意,注册成功后一定要验证邮箱
配置在已经有的项目中cd进入项目文件夹,然后执行npm init会提示很 ...
我的项目 未读
Hexo的Butterfly主页适配哔哔动态,博客主页展示滚动消息
本项目已经停止维护,但仍能正常使用,不再进行答疑。新版本项目入口
根据林木木的哔哔教程第二弹熟悉的味道,不一样配方中的首页展示滚动条进行魔改了一下,结合之前发布的Butterfly下自定义加载页底部滚动文字方法做成了现在的首页展示哔哔的样式。
效果预览
Demo
查看如何配置bbHexo的But ...
我的项目 未读
Hexo的Butterfly适配个人动态(哔哔 for 腾讯云),在博客上发朋友圈
本项目已经停止维护,但仍能正常使用,不再进行答疑。新版本项目入口
本项目来自林木木发的「哔哔点啥」微信公众号 2.0做的Butterfly适配。可以通过动态发一些一句话几句话的动态而不是写一篇博客,减少水文,提升整站文章质量。类似朋友圈。
效果预览Demo
关于首页滚动哔哔可以参考本文
关于首 ...
经验分享 未读
表情包生成工具,聊天内容自动转成熊猫头表情包我使用计算机最核心的软件之一就是utools,因为我装的软件比较多,找应用如果通过我进行分类的文件夹来的话,层级比较深难以寻找,层级不深的文件夹比较多。所以utools是对于我来说一款不可或缺的应用。近些天偶然的机会发现了一个新插件,能够将聊天内容转成表情包。
Github地址:
引用站外 ...
我的项目 未读
Hexo的Butterfly侧边栏博主自己的基金组合估值展示插件这年头基金已经成为90后的社交工具了,今天涨了跌了,从一无所有到家破人亡(误。给朋友展示自己的基金组合是非常有趣的事情。(但不应该劝他人购买基金,如果一直跌就是感情破裂的开始,特别是新入场的一般都拿不住,跌了10个点就要卖了。
在这个背景下写了一个能够看自己的基金组合估值的小组件,作为交流的入口。感 ...
经验分享 未读
图片地址无法打开,提示The specified key does not exist之前折腾表情的时候发现图片的url根本就打不开,导致所有的表情都无法预览,这是令人屎尿不及的。在打开我的图片url的时候提示:
1234567<Error><Code>NoSuchKey</Code><Message>The specifie ...
经验分享 未读
让网站根据浏览器自动选择是否展示webp格式图像关于webp格式的好处,我在很久之前转载过一篇文章:WebP 相对于 PNG、JPG 有什么优势?那个时候我的博客刚改成使用webp格式,不过后来出了一些问题导致我回滚了这个操作。
时隔近一年时间,我的博客再次重新支持webp格式了。这篇文章主要是介绍我的博客是如何判断浏览器是否支持webp格式并将 ...
经验分享 未读
生成封面图片主色来作为文章封面顶图说在开头
本教程只介绍Hexo下的Butterfly主题的方案,其他可供参考,通用性强。
需要七牛云图床,其他图床需能提供纯色API,使用方法雷同(使用js计算可能涉及到跨域等诸多问题)
此处应已有90%的小伙伴关闭网页
修改主题结构原有主题对seo的优化很不友好,文章页的图片不是使用img标签来 ...
经验分享 未读
如何通过推迟js的加载来改善网页加载速度再博客优化的过程中我们经常会嵌入很多第三方的js,第三方js提供更丰富的功能,但是却拖垮了网页的加载速度。这个时候我们可以使用async/defer来推迟js的加载。
在HTML5以前,script标签没有这两个属性,而浏览器单纯的按照顺序解析(解析)并执行,HTML5之后,我们可以在脚本 ...
转载内容 未读
Nginx性能优化: Gzip压缩功能设置教程Nginx性能优化: Gzip压缩功能设置教程
之前用的cdn的gzip压缩功能,后来发现原来nginx也可以直接压缩,只需要改一下配置就可以了。之前百度站长评分的时候说我gzip压缩不行,可能cdn的gzip只是虚有其表,或者只压缩了一部分吧。建议打开Nginx的Gzip,并不麻烦。
本 ...
转载内容 未读
如何用CSS定位html上的元素?CSS选择器参考手册最近经常会魔改一些博客上的样式,增加一个自己魔改的css,学到了css的选择器。css选择器可以定位对应的html标签、元素等。看到了一个css选择器的使用列表,在博客中粘贴出来。
本文为转载文章,以下内容来源于
CSS ...
转载内容 未读
查看Nginx配置文件路径的方法目前还没研究后端运维的东西,所以对于nginx还完全不懂。每次改配置文件都忘了在哪。发现一个很棒的文章来讲nginx路径位置的。
本文为转载文章,以下内容来源于
nginx快速查看配置文件的方法
...
转载内容 未读
macOS开发-如何让用户在点击关闭按钮时退出AppmacOS典型的点击关闭后不退出app,但是我的Delspace实在没有后台运行的必要,毕竟就是一个清亮的小工具。在网上找了一下发现一个成功的方法。
本文为转载文章,以下内容来源于
macOS开发-如何让用户在点击关闭按 ...
转载内容 未读
macOS 开发-NSTextField 实践这节主要通过实践来学习NSTextField的使用,初步了解NSTextField的代理方法、常用属性、常用样式等内容,完整代码可以参看源码目录下的NSTextField_Example项目。
本文为转载文章,以下内容来源于
...





































