阿超

微笑具有一种挽救力，它可以点亮天空，可以振作精神，可以改变你周围的气氛，更可以改变你——乔·吉拉德 kotlin里获取属性注解首先引入反射依赖： 1234<dependency> <groupId>org.jetbrains.kotlin</groupId> <artifactId>kotlin-reflect</artifactId></dependency> 完整： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmln...

团结就是力量——毛泽东 思路出处：https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ 这是一个通过css渐变产生的锯齿BUG实现的噪点效果 例如我们使用径向渐变画两个圆，这里用的径向渐变函数radial-gradient，其中第一个参数是距离中心点近的渐变样式，第二个是远一些的，每个参数中第一项是颜色，第二项是区域 这里的： 从中心点进行沿半径进行渐变 123456789101112131415<div class="box"></div><div class="box"></div><style> .box { display: inline-block; width: 300px; aspect-ratio: 1; margin: 10px; border: 2px solid red; background: radial-gradient(#000...

善人同处，则日闻嘉讯；恶人同游，则日生邪情。——范晔 分享一个按钮样式项目： https://github.com/alexwolfe/Buttons 对应的网站： https://unicorn-ui.com/buttons/builder/# 可以自定义你的按钮样式、颜色、点击效果 包括3d等等

我这个人走得很慢，但是我从不后退。——亚伯拉罕·林肯 分享一个网站https://www.transition.style 这个网站提供了transition的各种css动画效果，其github地址：https://github.com/argyleink/transition.css 可以直接选取你需要的动画效果，点击复制，右边还可以自定义时间、淡入淡出等

人，现在最年轻啦。因为比起明天来，今天是年轻的。对于一个人来说，什么时候都是现在最年轻。──永六辅 lunar是一个支持阳历、阴历、佛历和道历的日历工具库，它开源免费，有多种开发语言的版本，不依赖第三方，支持阳历、阴历、佛历、道历、儒略日的相互转换，它能用来制作日历，甚至算命。 除此之外，还支持星座、干支、生肖、节气、节日、彭祖百忌、每日宜忌、吉神宜趋、凶煞宜忌、吉神方位、冲煞、纳音、星宿、八字、五行、十神、建除十二值星、青龙名堂等十二神、黄道日及吉凶等。 支持的时间跨度约为0001年至9999年。 地址：https://6tail.cn/calendar/api.html github： javascript：https://github.com/6tail/lunar-javascript java：https://github.com/6tail/lunar-java c#.net：https://github.com/6tail/lunar-csharp php(composer)：https://github.com/6tail/lunar-php ph...

忍把浮名，换了浅斟低唱。——柳永《鹤冲天》 分享一个css框架unocss 可以通过class规则，生成对应样式，例如通过m-1生成margin: 0.25rem 而且规则可以通过 https://uno.antfu.me/ 进行查询 除了预制规则，还可以自定义规则： 123rules: [ ['m-1', { margin: '0.25rem' }],] 即可生成 1.m-1 { margin: 0.25rem; } 还可以通过正则的方式 1234rules: [ [/^m-(\d+)$/, ([, d]) => ({ margin: `${d / 4}rem` })], [/^p-(\d+)$/, match => ({ padding: `${match[1] / 4}rem` })],] 使用起来 123456<div class="m-100"> &...

人变老其实并不意味别的，只意味着不再对往事感到害怕。──斯蒂芬·茨威格 分享一个网站可以很方便地编写readme：https://readme.so/ 只需要点击左侧的标签，即可生成相应模板 非常方便和好用

孤独一人也没关系，只要能发自内心地爱着一个人，人生就会有救。哪怕不能和他生活在一起。——《1Q84》 链接：https://html.spec.whatwg.org/multipage/named-characters.html 我们打开发现可能有点重叠，导致看不清… 我们将不换行的css去掉即可 然后就能看清啦

一切安乐，无不来自困苦。——《我是猫》 有些时候我们想直接引入一个svg图标，又不想创建svg文件，或者编写svg代码到html中，想直接在css中引入 可以转码+加前缀直接引用，这是一段svg代码 123456789101112<!-- svg: first layer --><svg viewBox='0 0 161 161' xmlns='http://www.w3.org/2000/svg'> <filter id='noiseFilter'> <feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/> </filter> <rect width='100%'...

你问人问题，她若答非所问，便已是答了，无需再问。——木心 文档：https://hexo.io/zh-cn/docs/themes 先创建hexo项目 1hexo init simple-hexo 然后到themes新建一个主题文件夹 12cd .\simple-hexo\themes\mkdir simple-theme 修改外部_config.yml的theme 1theme: simple-theme 外部执行一下hexo s启动项目试试 打开localhost:4000 因为我们什么都没写，所以是白屏 新建一个layout目录，下面放一个index.pug 1.container Hello World 发现我们的pug代码并未渲染 这是因为我们没有安装pug插件导致的 到主目录执行 1cnpm i hexo-renderer-pug pug元素成功渲染 好了，接下来你可以编写你自己的主题啦！