太极图loading分享(纯css)
更改pug文件找到【blog】\themes\anzhiyu\layout\includes\loading\下的fullpage-loading.pug文件,进行以下更改。 123456789#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")') .loading-left-bg+ .loading-right-bg+ .loading-bg- - img.loading-img(alt="加载头像" class='nolazyload' src=loading_img ? url_for(loading_img) : "data:image。。。。") .loading-image-dot //- 加载的字体,可以不要+ .loading-font loading... #loading-percent ...
藏宝阁(整改版)
感谢Leonus大佬前面的帮助 引用站外地址 Leonus 进一寸有进一寸的欢喜。 修改page.pug文件在[blogRoot]\themes\butterfly\layout\page.pug中添加如下代码: 这里注意缩进,pug格式文件对缩进要求严格,注意对齐。 12345678 when 'tags' include includes/page/tags.pug when 'link' include includes/page/flink.pug when 'categories' include includes/page/categories.pug+ when 'collect'+ include includes/page/co ...
国内加速访问GitHub的几种方法(一)
总所周知,在国内访问GitHub是很麻烦的,前期AIGC很热闹,我也去下载过,也分享了一个相关教程,有兴趣的可以去看我的NovelAI本地部署教程(详细)过程,体验一下AIGC的相关功能,不过在这其中遇到的问题就是下载问题,很多AIGC的分享基本上都是在GitHub上的,所需要下载的文件都很大,在国内下载速度很慢,这里就让人很苦恼,这里就要想各种方法进行提示下载速度了。 我的怨念,不看也罢 碎碎念 不得不说,在国内访问能遇到很多问题,这里没有一点计算机水平的人来说简直头大,学计算机的都知道,国内访问有很多限制,如果你不会点技术,都不好意思说自己是学计算机的了,在这方面学计算机的对深有体会,看着那些大佬的操作,属实看着有种膜拜的冲动,当然你也可以是其中的一员,这里你就要去提升你的计算机水平了,最简单的就从去了解计算机的按键开始,这是最简单也是最实用的,毕竟后面很多都需要快捷键操作,到现在都还在用。 方法一(软件访问)Watt Toolkit 这个是最简单的国内访问方 ...
前期使用的藏宝阁模板
这个是前期用的模板,后续感觉还是不好,我就去改了另一种(详情看藏宝阁),这里记录最早模板的藏宝阁布置方式。 点击查看预览 创建css文件自定义一个css文件,根据自己的要求进行修改适配自己的主题。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131/* 藏宝阁 */.collect-item-content { display: fle ...
字体黑夜霓虹灯效果
字体实现霓虹灯效果,有需要的可以自行添加,记录一下,有可能用的上,现阶段暂时不考虑使用。 可以使用以下网址在线实现: 引用站外地址 codepen 前端代码实现 实现区域: 一个是大标题和个人信息的动态霓虹灯,默认周期为 1200ms 另外的是菜单栏的小字有夜光效果,为你的博客增添几分赛博朋克风~ 黑夜霓虹灯(js实现) 首先在自定义css样式文件 [BlogRoot]\source\css\custom.css 中引入以下代码,这部分代码是菜单栏文字有夜光效果的,变量部分 var(--theme-color) 可以换为自己喜欢的颜色,例如紫色 rgb(179, 71, 241): 12345678910111213141516171819/* 夜间模式菜单栏发光字 */[data-theme="dark"] #nav .site-page,[data-theme="dark" ...
使用python爬取文章
057c997229e7de88b92d82e00b080c5c0e3ecbffb30e97d03f83b2606ab0b9faebc1248e180d8f64c37d10bce4c7880f34c8867be8f6939831720bbfd16fcf30f59ac3eaf6c5495436e275d1f01c178851aed05ed73efc8a7257368274f7d62f46624cbc8537ac791a8d7ffface1883a7a899acf9bb5944b86f36b38f816145e321bc07f493b9552513301aaaee3483d9bdb0b0efeab22afffad54ade0e56124d3db830059764ae94a5c3cbab60be10a784125f2dbb96defb3ea5c55802a71225091fdaf8ca113b1d91d5b4dea929ddc56ce2ecf3d97118ade0f6d955777d4b4ddeabd7b3f488b4efc9d38ff7eee31b62a52f41c6dd23bb42 ...
友情链接添加的两种方法
这里整理一下现在友链添加的方法,实现添加更友好和明白。 第一种直接给你的友情链接添加一个快速填写链接的按钮。 这里可以创建一个名为kslink.js文件(也可以不创建,可以直接放入到md文件下),放入到blog/themes/butterfly/source /source/js/下,写入以下代码: 1234567891011121314151617181920212223242526272829303132333435363738var leonus = { linkCom: e => { var t = document.querySelector(".el-textarea__inner"); "bf" == e ? (t.value = "```yml\n", t.value += "- name: \n link: \n avatar: \n descr: \n rss: ", t.value += "\n` ...
使用金山文档实现阿里云自动签到
实现方式:使用金山文档的每日定时任务,执行阿里云盘签到接口,无需部署,无需服务器,一劳永逸。 进入金山文档网页版 随便新建一个空表格,点击【效率】-【高级开发】-【AirScript脚本编辑器】 点击【创建脚本】-【文档共享脚本】 创建成功后随便命名,我这里命名为:阿里云盘签到 点击【服务】-【添加服务】 添加【网络API】点击确定。 将以下代码复制到编辑器中 12345678910111213141516171819202122232425262728293031323334353637383940// 使用前添加 refresh_token 的值(从浏览器中复制,后面有教程)var refresh_token = ""function sleep(d){ for(var t = Date.now();Date.now() - t <= d;);}// 发起网络请求let data = HTTP.post("https://auth.aliyundrive.com/v2/account/token" ...
Windows系统Docker安装目录修改
这里再次分享一个WSL(Windows子系统)的Docker安装,前面有介绍Linux子系统的安装,这里再分享一个Docker的安装目录修改。 Docker安装目录修改 这里进行创建联接 进入C:\Program Files\Docker目录回看见Docker显示为快捷文件夹了(这里文件夹别手动创建,那样是会识别到文件夹而无法创建)。 执行指令 1mklink /j "C:\Program Files\Docker" "D:\Program Files\Docker" 进行Docker安装,如果没有下载的去docker官网进行下载。 安装好后,你去看你看你C盘大小,这里你就会看到安装的Docker在你创建的文件夹下了。 镜像文件及容器数据的存储位置变更默认情况下,Docker相关镜像存储于C盘下的两个目录,且无法安装时进行选择。 这里采用wsl命令,将相关目录及文件的存储位置进行重新安排(这里操作和WSL(Windows)简要介绍和Linux子系统安装及迁移一样的)。 导出Docker镜像 123wsl --export do ...
npm 图床搭建
搭建属于自己的免费图床,这里使用了NPM+Github,后面还加了一个PicGO配置,让你使用方式又多了一种,有需要的可以自行配置使用。 GitHub图床仓库创建 创建一个新仓库用于保存图片,创建好这里我们复制这里的链接,后面用的上,上传几张图片,后面进行下载到本地,测试是否能正常使用。 我们这里找一个合适的文件夹位置,这里把刚才的链接进行拷贝,前面加上git clone。 12git clone [email protected]:[username]/[AssetsRepo].git# username是你的GitHub名,AssetsRepo是你创建的仓库 文件夹下就会有你创建的仓库名,里面有你的保存在仓库的文件和一个隐藏文件夹。 npm注册 这里先去注册一个npm账号,访问npm注册页面 这里会直接让你进行邮箱验证,验证完后,你会进入的npm显示界面 在git clone下来的[AssetsRepo]文件夹下打开终端,输入以下指令切换回原生源 1npm config set registry https://registry.npmjs.org 这里我们 ...