本项目已经停止维护，但仍能正常使用，不再进行答疑。新版本项目入口 第一个写的测试版有几个问题，这个版本中使用冰老师那年今日同款Swiper来进行滚动，滚动更加丝滑，并且没有pjax的疯狂滚动问题。并且鉴于Swiper有更多的扩展性，这个功能还有更多发挥空间。 样式预览 相比旧版本相比旧版本增加特 ...

今天尝试分享自己网站到微信的时候发现微信的缩略图取得很奇怪。所以找了一下如何显示自定义内容的方法，发现常说的使用微信sdk的方式太麻烦了，对于只有一个前端的静态博客，简单化是最好的。 效果预览 添加代码首先准备一张300*300的图片作为缩略图。 在head头部添加一个div，包含img标签。 12 ...

合理的使用a标签的rel属性必不可少，在适合的场景下使用正确的rel标签可以提升网站的安全性和保持搜索引擎权重不会流失。有利于搜索引擎中的排名。 nofollow本意来自于搜索引擎对于垃圾广告评论的抓取，很多打广告的为了增加自己的搜索引擎权重，所以在非常多的网站上使用a标签来留言。 建议适用范围非 ...

本项目已经停止维护，但仍能正常使用，不再进行答疑。新版本项目入口 根据林木木的哔哔教程第二弹熟悉的味道，不一样配方中的首页展示滚动条进行魔改了一下，结合之前发布的Butterfly下自定义加载页底部滚动文字方法做成了现在的首页展示哔哔的样式。 效果预览 Demo 查看如何配置bbHexo的But ...

本项目已经停止维护，但仍能正常使用，不再进行答疑。新版本项目入口 本项目来自林木木发的「哔哔点啥」微信公众号 2.0做的Butterfly适配。可以通过动态发一些一句话几句话的动态而不是写一篇博客，减少水文，提升整站文章质量。类似朋友圈。 效果预览Demo 关于首页滚动哔哔可以参考本文 关于首 ...

这年头基金已经成为90后的社交工具了，今天涨了跌了，从一无所有到家破人亡（误。给朋友展示自己的基金组合是非常有趣的事情。（但不应该劝他人购买基金，如果一直跌就是感情破裂的开始，特别是新入场的一般都拿不住，跌了10个点就要卖了。 在这个背景下写了一个能够看自己的基金组合估值的小组件，作为交流的入口。感 ...

之前折腾表情的时候发现图片的url根本就打不开，导致所有的表情都无法预览，这是令人屎尿不及的。在打开我的图片url的时候提示： 1234567<Error><Code>NoSuchKey</Code><Message>The specifie ...

最近在用flex布局，每次用总是忘了flex的属性，还需要看一下。在这先转了这个我经常看的flex布局文章，省的每次还要去找了。 本文为转载文章，以下内容来源于 Flex 布局教程：语法篇 阮一峰 ...

关于webp格式的好处，我在很久之前转载过一篇文章：WebP 相对于 PNG、JPG 有什么优势？那个时候我的博客刚改成使用webp格式，不过后来出了一些问题导致我回滚了这个操作。 时隔近一年时间，我的博客再次重新支持webp格式了。这篇文章主要是介绍我的博客是如何判断浏览器是否支持webp格式并将 ...

再博客优化的过程中我们经常会嵌入很多第三方的js，第三方js提供更丰富的功能，但是却拖垮了网页的加载速度。这个时候我们可以使用async/defer来推迟js的加载。 在HTML5以前，script标签没有这两个属性，而浏览器单纯的按照顺序解析（解析）并执行，HTML5之后，我们可以在脚本 ...

最近经常会魔改一些博客上的样式，增加一个自己魔改的css，学到了css的选择器。css选择器可以定位对应的html标签、元素等。看到了一个css选择器的使用列表，在博客中粘贴出来。 本文为转载文章，以下内容来源于 CSS ...

空格的替代符号有以下几种： 名称 编号 描述 &nbsp; &\#160; 不断行的空白（1个字符宽度） &ensp; &\#8194; 半个空白（1个字符宽度） &emsp; &\#8195; 一个空白（2个字符宽度） &am ...

本文为转载文章，以下内容来源于 WebP 相对于 PNG、JPG 有什么优势？ 知乎 hexo如何采用webp格式。怎么做到的？ 如何使用 ...