使用shields.io徽标出现的问题记录
在使用runtime时,我在这里遇到了在使用shields.io图标出现了不显示的问题 我的图标 shields.io徽标库网址 引用站外地址 shields.io 图标库 问题这里直接使用它的链接,可是在使用的时候出现图标不显示的情况(如下图显示)。 后面我进行了排查,发现链接出现了转义的情况(如下图) 12345<!-- 原链接 -->https://img.shields.io/badge/冰梦-下班休息中-6adea8?style=social&logo=neutralinojs<!-- 转义后,为& -->https://img.shields.io/badge/冰梦-下班休息中-6adea8?style=social&logo=neutralinojs 总结进行了一番查询,总结了问题,这是使用了pug文件时出现的转义问题,出现&a ...
侧边栏添加个性定位欢迎
在侧边栏添加一个个性欢迎显示,详情看我的侧栏显示。 布置准备腾讯地图注册 引用站外地址 腾讯位置服务 获取APIkey 进入到腾讯位置服务控制台,进入到应用管理,开始创建应用。 应用名称和应用类型随意。 创建好后,选择添加Key,这里你就会获取到一个密钥,把它复制下来,需要添加到js文件内。 创建JS文件在主题配置文件下引入jQuery(注意缩进)。 123inject: head: - <script type="text/javascript" src="https://unpkg.zhimg.com/jquery@latest/dist/jquery.min.js"></script> 在[Blogroot]\themes\butterfly\source\js的目录下自定义一个JS文件名,把下面的Key换成你刚才复制的 Key 。 ...
使用MiniSandbox前端代码可视化
原作者:『轻笑Chuckle』 这里我只是搬运过来的而已,后面准备拿来分享源码,这里先做一个记录,有兴趣的请支持原作者。 前言 官方文档:Mini Sandbox Github仓库:mini-sandbox 在前面我找了不少的源码文件,但在本地保存太占地方,文件多了也不知道预览的样式是什么,这里就想到了保存到博客上并且也可以实现预览,这里我就想到了前期无意中看到了『轻笑Chuckle』分享的这个预览脚本。 我将其保存在本地引入,并且稍微根据需要对mini-sandbox.js作了一点修改,由于这个js压缩后还有450kb,我建议是在有使用需要的单页通过cdn引入。 1<script src="https://unpkg.com/mini-sandbox@0.3.11"></script> 使用在Hexo中使用,在markdown中需要的地方插入div标签,并在文末引入一个js。 123<div id="my-sandbox"></div>···<script src=&q ...
Daemon Tools Lite工具介绍
我们会遇到一些ISO文件,大部分都是系统的镜像文件,但是它不一定是用来装系统的,有时候我们会遇到ISO游戏文件,这里我们会想到用虚拟机运行游戏,但是这样太耗内存了,而且还需要解包,过于麻烦,这里推荐一下这个电脑软件。 官方下载链接:Daemon Tools Lite官网 所谓镜像文件其实和RAR, ZIP压缩包类似,它将特定的一系列文件按照一定的格式制作成单一的文件,以方便用户下载和使用,例如一个操作系统、游戏等。它最重要的特点是可以被特定的软件识别并可直接刻录到光盘上。其实通常意义上的镜像文件可以再扩展一下,在镜像文件中可以包含更多的信息。比如说系统文件、引导文件、分区表信息等,这样镜像文件就可以包含一个分区甚至是一块硬盘的所有信息。而通常意义上的刻录软件都可以直接将支持的镜像文件所包含的内容刻录到光盘上。其实,镜像文件就是光盘的“提取物”。 镜像文件是无法直接使用的,需要利用一些虚拟光驱工具进行解压后才能使用。虚拟光驱的原理跟物理光驱一样,比如说你买了一张游戏光盘,那么把游戏光盘加入物理光驱你就能顺利进行游戏,而虚拟光驱中需要加入的是镜像文件(iso文件,相当于游戏光盘),当你 ...
archives美化
这里进行archives页面美化,详情看archives页面 布置过程css样式颜色根据自己需求进行更改,改成自己喜欢的样式。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018 ...
heo 同款页脚部署
footer页脚在themes/butterfly/layout/includes目录下找到footer.pug文件,添加如下代码(注意缩进)。 123456789101112131415#footer-bar .footer-bar-links .footer-bar-left #footer-bar-tips .copyright | ©2023 - 2023 By a.footer-bar-link(href="https://icemyst.github.io" target="_blank" rel="external nofollow") 冰刻无痕 .footer-bar-right a.footer-bar-link(href="/rss/" data-pjax-state="") 订阅 a.footer-bar-link(h ...
二维码美化
分享一个可以美化二维码的网址。 美化网站:赤兔二维码美化器,让二维码更好看 碎碎念 现在的网络很混乱的,基本上什么都有,想找一个好一点的比较难找,你如果不去花一点时间去找一下的话,基本上都是一些开会员的网站,我分享的二维码网站功能很多,虽然二维码美化的模板相对来说有点少,但是够一个小博客使用了,我去查了很多相关的网站,很多都是要登录或者收费,有一些更离谱,一些模板都可以免费用的,他楞是搞了个登录和会员这些,我分享的这个已经很不错了,基本上都是可以免费使用的,这就比一些网站有良心了 预览图展示: 我的二维码就是在这个网址上制作的,可以看到生成后,可以直接下载到本地,后续你进行压缩处理就可以进行使用了。 这里还有其它的文件二维码生成,使用比较多样化,可以根据自己的需求来进行二维码生成。 二维码展示: 微信 支付宝
css/js备忘录
CSS 备忘笔记链接伪类选择器用于不同状态下链接元素的 CSS 选择器,以下是一些常用的备忘录笔记: :link:选择未被访问过的链接。 :visited:选择已被访问过的链接。 :hover:选择鼠标悬停在链接上的状态 :active:选择链接被点击的状态 :focus:选择链接获得焦点时的状态 这些伪类选择器可以用于修改链接元素的样式,以提供视觉上的反馈或交互效果。 使用顺序::link -> :visited -> :hover -> :active 这个顺序的原因在于,当链接被点击时,用户通常先悬停在链接上(:hover),然后触发链接点击(:active)。而 :visited 伪类选择器需要在 :link 之后定义,以确保样式覆盖正确。 示例; 123456789101112131415a:link { color: blue; /* 未访问的链接的颜色为蓝色 */}a:visited { color: red; /* 已访问链接的颜色为红色 */}a:hover { color: yellow; ...
免费科学上网使用
057c997229e7de88b92d82e00b080c5cf01efa5918e94ecfec081a3052c21c4d1bc7179554ba6b4ae4546aab6021e6650f02ebbe03297fdd5c50a4eba159eb9284f5fd10393951c7223b36e01bef07ce7c7be9f6e5cf252d8f1c86ff6de065236064dd39e669eed612a52ad3435e09486d12671518f5329f8a8866b80be926c5270eb56069ab7c6e7bee755859e2b50ee278ed1a11788a6b75f7d4fa33d428ec56dcef3b3d80b85ec50b1f8520c4ec058f97bed608efac507b484ebfcdcd488ff3b1099b62241d807781abbff945241ca528a27b82f131bf7e7222460133ab537fe0eb3610856769fa5dbea426cfb2c3a15fb919e05d0d605 ...
hexo 文章加密
hexo-blog-encrypt毕竟是插件,能说的不多,这里就随便记录一下吧。 部署步骤 进入到你的博客根目录下,打开终端然后输入以下命令,安装插件 1npm install --save hexo-blog-encrypt 在你的创建的文章Front-matter下,增加一行 password: 【你需要设置的密码】。 1234567---title: hexo 文章加密date: 2023-06-24 18:49:24tags: [hexo]categories: 技术教程password: 【你需要设置的密码】--- 编辑 _config.yml,加入以下内容以彻底汉化插件 123456789# Securityencrypt: # hexo-blog-encrypt silent: true abstract: 这是一篇加密文章,需要输入正确的密码才能继续阅读。 message: 当前文章暂不对外可见,请输入访问密码后查看! tags: # 设置指定 tags 为加密文章,当文章设置了指定 tags 后自动加密 - {name: pr ...