记录新冠感染，高温直逼39度，第二天降温了但仍然头晕不止，防不胜防的中招
早上醒来是还只是感觉有点晕，下午感觉严重些就用温度计测量，毫不意外中招了。第一天直逼39度，第二天倒是降到38度以下，但头还是晕晕的，多希望只是感冒，都没怎么出门，完全不知道怎么中招的。。。
基础CSS层叠样式知识了解，整理记录备份方便用到的时候查询
把以前学习的和搭建博客了解的CSS样式内容做一个整理，方便自己需要的时候查询，顺便过一遍。本来没想放博客站点上，以前一直是用印象笔记，但一打开电脑那风扇就呼啦啦开始暴躁，想了想，还是多份记录吧，哪里方便用哪里。 CSS概念其实就是层叠样式表 作用：给html标签设置样式（给人穿衣服、化妆、美化） 注意：1、符号必须是英文状态下的，2、每一句样式键值对写完之后必须加一个分号 字体相关属性 font-size：设置字体大小 font-weight：设置字体的粗细取值： 单纯的数字（没有单位），正常粗细(400) 加粗(700) 关键字：正常粗细（normal）、加粗（bold） font-style：设置字体的样式取值: normal：显示标准的字体样式（默认） italic：字体倾斜 font-family：设置字体的类型 取值: “微软雅黑”（默认值） 注意： ...
用Vercel自建Meting-API，防止音乐播放器有时无法播放
很长一段时间没碰博客了，我就是蓝狗一条，实在是太懈怠了。原本是打算等搬完家后就把样式整个修改下风格，但一长时间不碰，就动力不足，更加上几年没怎么在家待，回来后各种事情。 前面没事打开看过一两次，发现meting的api又挂了，但又没完全挂。QQ音乐无法播放，但网易云音乐的还没问题，还是自己部署个api备用着吧。我又是老白嫖怪了，发现可以用vercel部署后那更开心了。 比如这样： 部署到Vercel项目链接： 其实项目里操作已经写得很清楚了，点击Deploy后一直下一步即可。 部署好后，在设置里可以用自己的域名解析，速度更快些。 替换meting的js文件如果是部署在国内的话不用替换，部署到vercel上时需要替换下。 提取码：wdhc 下载下来后打开，Ctrl+F 搜索 https://xx 找到这个位置，把 https://xxx.xxxxx.cn 替换成你自己的域名。 然后就没有然后了，操作下来很简单。
音乐页面样式分享，给博客音乐播放页面增加一份不一样的优雅感
博客到现在一直没写什么内容，这应该才是第一篇文章，音乐页面原本也是参照洪哥样式排版的，最近想给音乐播放页换个样式，我自己又比较用QQ音乐多些，于是仿了QQ音乐页面样式。 先看下大概的展示效果吧，感觉还行。 效果预览 [{"url":"https://s2.loli.net/2023/02/08/6zETLYBv8J4Um9c.jpg","alt":"PC端"},{"url":"https://s2.loli.net/2023/02/08/Pdz79T2VKn3J5Ux.jpg","alt":"移动端"}] 实际展示效果的话可以点击这里去看看，下面开始放我的样式吧。 添加结构在themes\butterfly\layout\includes\page路径下新建eomusic.pug 12#eoMusic-page #eo-music.aplayer.aplayer-withlrc.aplayer-withlist(data-id=歌单id, data-server=平台, data-type='playlist',...
新年第一篇水文，给博客营造过年氛围效果，来点生活仪式感
2023的第一篇水文，果然过年还是有点氛围仪式感更有意思，就是麻烦了点。换主题配色的时候才发现以前堆的屎山是真的臭，改个色痛苦要死，当时是只管能跑起来，什么样式和代码都没优化，跑起来后又懒得去调整。 新年氛围我网站一共就用了三个效果，一个是导航顶部的摆动灯笼，一个是下雪，再有一个就是烟花动画。 摆动的灯笼创建灯笼dom 在themes\butterfly\layout\includes\header下新建lantern.pug 1234567891011121314151617181920212223242526272829303132333435363738394041#lantern //- 灯笼1 .deng-box .deng .xian .deng-a .deng-b .deng-t 新 .shui.shui-a .shui-c .shui-b //- 灯笼2 .deng-box1 .deng .xian .deng-a ...
PS省略繁杂的操作步骤，一键生成动态火焰效果
以前没用插件的时候都是自己耗费大半天时间去做动效，简单点的位置移动一类的还好做，不过一旦动作比较大或者复杂的就很难达成想要的效果。 这个动态火焰效果以前也弄过，只不过是通过截取火焰燃烧的视频，然后转换为gif动态图。虽然也能达到一定效果，但是局限比较大，不能随心换背景配合搭配使用。不多说，先上动作插件的链接吧。 安装动作插件将下载好的文件解压后找到后缀 .atn 格式文件，将他拖拽到 Photoshop 空白界面里面就会自动安装上。 导入成功后随便找一张图，然后打开动作面板就可以看见刚刚导入的动作。如果没有找到动作选项，需要到窗口 -> 动作 给勾选上。 使用动作插件打开动作面板，选中动作插件后点击下方三角图标启动动作。 然后会弹出窗口，选择资源包里的效果素材，就在解压文件的包里面。在效果素材里选择一个燃烧效果，不同文件夹里，效果不同，可以自己随自己喜欢，选好后点击打开，就开始生成效果。 生成完成后点击时间轴的播放按钮就可以看见效果如何，第一次执行可能会需要一小会。 选中生成后的效果图层 Ctrl+t...
Hexo中隐藏指定文章，并使它们仅通过只有知道链接的才可以访问隐藏文章
前面用heo方案隐藏文章试了下，如洪哥所言会首页隐藏了，但任然会计数，首页隐藏位置会一片空白。这样的话比较影响页面内容的展示和美观，所以最后还是换插件了。 我的需求并不高，只要首页不显示隐藏的文章，并且不影响布局就可以。我用的插件是 hexo-hide-posts，可以在博客中隐藏指定文章，并只能通过文章的链接来访问，也可以让所有隐藏的文章在特定页面可见。 当一篇文章设置为隐藏时，不会出现在任何列表中（包括首页、存档、分类页面、标签页面、Feed、站点地图等），也不会被搜索引擎索引（前提是搜索引擎遵守 noindex 标签）。 安装1$ npm install hexo-hide-posts --save 使用在文章的 front-matter 中添加 hidden: true 即可隐藏文章。比如隐藏了source/_posts/lorem-ipsum.md 这篇文章： 123456---title: 'Lorem Ipsum'date: '2019/8/10 11:45:14'hidden: true---Lorem ipsum...