博客添加天气组件
想给自己的博客弄一个天气组件,实现方案参考自[^1]。
生成插件
打开和风天气插件网站,注册一个账号,接着创建一个天气简约插件。生成代码后,我们只需复制两个<script>之间的代码,我的如下:
1234567891011121314151617181920212223242526<div id="he-plugin-simple"></div><script>WIDGET = { "CONFIG": { "modules": "01234", "background": "3", "tmpColor": "FFFFFF", "tmpSize": "16", "cityColor": "FFFFFF", "citySize" ...
让博客在关键日子弹窗/变灰/放烟花
本文大体上参考自[^1],新增了放烟花功能。
前置教程
参见[^1]。
SweetAlert库应该在day.js和lunar.js前面引入!
放烟花实现
SweetAlert2库[^2],支持弹窗含有图片,也就是可以弹窗一个放烟花的gif,当然你也可以使用html的visible属性来可视化一个放烟花的html页面,但此处我选择偷懒2333
修改day.js中你想放烟花的节日,此处以国庆节为例。
12345678910111213141516if(m==10&&dd<=5){//国庆节 console.log("祖国"+(y-1949).toString()+"岁生日快乐!"); if(sessionStorage.getItem("isPopupWindow")!="1"){- Swal.fire("祖国"+(y-1949).toString()+"岁生日快乐!");+ Sw ...
给hexo不同分类添加不同图标
一直觉得当文章有多个分类时分类名前的图标有点丑,例如下图,我想把图标改的好看一点,就有了下面的方案。
注:本文章思路参考自[^1],但内容不一样😄
具体步骤
注意:本文中如无特别标识,均遵守以下标准。
- 代表需要删除的内容
+ 代表需要新增的内容
修改【分类】图标
建议直接用vs code之类的IDE打开博客项目,然后搜索i.fas.fa-angle-right(这个就是>图标),刚好能把下文要修改的两个文件搜索出来。
修改blogRoot\themes\butterfly\layout\includes\mixins\post-ui.pug下的此处,你也可以替换成其它的图标,例如i.fas.fa-star.far-spin就是这样
123456789 if (theme.post_meta.page.categories && article.categories.data.length > 0) span.article-meta span.article-meta- ...
powershell alias配置方案
最近实在被git命令和poetry命令搞烦了,每次都要输入好长的命令,并且都差不太多,所以就搜索了怎么配置alias,下面是我的配置过程,主要资料来自[^1]。
配置
因为我用的是Windows Terminal,主要使用的Powershell环境,所以一下教程主要是以Powershell为例,配置的Alias主要是关于Git命令的,其它环境(CMD、WSL等)请自行百度,其它软件的命令Alias和本教程类似。
生成并打开Powershell配置文件
123code $profile # 使用vs code新建并打开配置文件"D:\Documents\PowerShell\Microsoft.PowerShell_profile.ps1"# ornotepad $profile # 使用notepad 新建并打开配置文件
这个指令会调用你本机的默认编程软件新建并打开Powershell的配置文件,如下图
获取git常用aliases
alias基本语法别人的配置文件个人常用alias基本语法参见官方文档[^2],如果你自定义的alias和官方默认的重 ...
“张”字的由来和汉字书法的演变
本文转载自知乎“张” 姓的由来和汉字书法演变「书品百家姓」 - 知乎 (zhihu.com),侵权必删!
早上在路上无意间想到了这个问题:“张”字是怎么来的?我自己脑海里越想越觉得这个张像是一个张开的弓和箭的结合,如下图所示。
后来我上网查了下到底是怎么来,虽然跟我想象的演变有点出入,但是还是为中国的表意文字点赞(尤其是篆书,真是太形象了,跟我脑海里想象的古字体一模一样),特此转载此文用来记录一下。以下内容全部来自转载文章,侵权请联系我删除。
“张”是目前中国姓氏排名第三的大姓,有大约8500万人。提起这个姓氏的名人,可以说不胜枚举,今天我们来了解一下张姓的姓氏源流和张字的汉字书法演变过程。
张姓的来源
1、出自黄帝之后代“挥”。据说“挥”是发明弓箭的人,由于“张”的本意是张开弓的意思,所以他的子孙被赐姓张氏。
2、出自黄帝姬姓的后代。春秋时,晋国有大夫解张,字张侯,其子孙以字命氏,也称张氏。
3、出自赐姓或他姓、他族改姓。云南的南蛮酋长龙佑那,于三国时被蜀相诸葛亮赐姓张,以后其子孙便以张为氏。魏国大将张辽本姓聂,后改为张氏。还有一些少数民族改姓张氏的。
当代美术家王大有先 ...
Statically CDN:可以加速Github开源仓库文件的CDN
用了几天发现还是jsDelivr好用。。。
今天使用jsDelivr加速Github私有仓库的时候,直接报错failed to fetch version info,一百度发现是jsDelivr不稳定导致的,所以这里推荐另一个同样可以加速Github仓库文件的CDN。
Statically CDN只支持开源仓库的文件。
支持的链接:
Github
Gist
GitLab
Bitbucket
WordPress SVN
cdnjs
jsDelivr
RawGit
Statically 不仅支持CDN加速,还有更多工具或特性支持:
Staticzap——支持压缩CSS, JS, SVG, HTML, and XML格式的文件,例如:/gh/mrdoob/three.js/dev/build/three.min.js
Images——支持优化和调整图片,例如:/img/statically.dev/h=100/dog.jpg
Screenshot——直接转换URL到图片或PDF
Avatar——快速生成头像
OG Image——轻松使用开源图片
有点点个性的郁金香
我发现老婆买的郁金香“开了”,开的非常有个性,并且这几株郁金香从到家到开花就一直表现的跟网上别人家的郁金香不一样🤣
先放几张郁金香的照片
我老婆去年11月份买了几粒郁金香的种子,像个大蒜头似的,卖家说一个月就会发芽,我们还专门搜了郁金香的养殖方法,生怕养死了(毕竟我有太多前科了😂)。结果就是一个多月毫无动静,刚开始还天天照看,后面差点放忘了。。。
不巧22年武汉又是一个非常冷的冬天,我们回家过年前都不抱希望回来还能看到活着的郁金香了,结果等我们过完年回来,这几颗郁金香竟然冒尖儿了😍这生命力比网上说的强太多了啊👍人都快冻傻了,花却没啥事👍
然后又是一个月过去了,有两颗郁金香慢慢悠悠一个月长到二十多公分长,其它的像没反应过来似的。前天,这两颗长得快的郁金香开了,开的花刚开始很正常,但是可能花太重了,把花柄压完了,以至于我只能找几根筷子绑着做下支撑。
今晚无意间发现,这花彻底“开了”,放两张正常的郁金香花开的样子——
再看看我家开的这俩货的样子
好家伙,不知道的还以为这是郁金香喝醉了犯了错,这是和 生的娃呢🤣
今天早上起来发现郁金香花又合起来了,这。。。
查了下资料 ...
写一个简单的hexo tag plugin:quote
前置教程
[Akilarの糖果屋 - Akilar.top](https://akilar.top/posts/e2bf861f/)
为啥想写一个quote的标签外挂
我最近在写博客的时候,发现好多时候原生的Hexo标签不是很好用,效果如下。
样式预览示例源码
没有提供参数,则只输出普通的 blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.
引用书上的句子
Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.
David LevithanWide A ...
看贴吧2011年神贴【经年岁月 致亡妻】,心绪难平
无意间刷一个B站的视频,内容是录制的贴吧2011年的回忆与亡妻点滴的神贴,看完之后我半天都难以平静,所以想着记录下来。把我觉得有意义的事情记录下来,这也是我重新捡起博客的原因,也希望能给看到这个帖子的朋友们一点温暖,这个世界上是有纯粹的爱情和温暖的,不要被生活压倒了自我哈~
下方是B站原视频,由于我好多年不用贴吧了,就不转贴吧原文链接了,如果侵权请联系我,必删。
.bbplayer{width: 100%; max-width: 850px; margin: auto} document.getElementById("mmedia-ZWPxQMSdRTCoTtcU").style.height=document.getElementById("mmedia-ZWPxQMSdRTCoTtcU").scrollWidth*0.76+"px";
window.onresize = function(){
document.getElementById("mmedia-ZWPxQMSdRTCoTtcU").style.height=document.getElemen ...
echarts.js 一款超级强大的js开源可视化图表库
Apache ECharts是一个基于 JavaScript 的开源可视化图表库,由百度贡献给Apache,功能非常强大。
支持的图标类型多到爆表,这里我录了个GIF快速展示一下。
还有众多的社区扩展,包括不同语言不同框架,具体见ecomfe/awesome-echarts: Awesome list of Apache ECharts (github.com)。