轮播图布置
店长原教程:源计划-方舟:首页轮播图 点击查看预览效果 布置教程 这里如果有安装其它轮播图插件的用cmd终端卸载,最好用管理员身份执行,可以自己去根目录下的package.json文件下查询你有安装哪些插件。 12# 后面加载为你安装的swiper轮播图插件npm uninstall hexo-butterfly-swiper --save 本篇需要用到iconfont作为卡片底部的装饰性图标。去阿里图标库加载引入到文章,务必确保symbol方案能够使用后再进行下方内容。 anzhiyu主题可以直接引入,butterfly主题要引入阿里图标配置项。详情看hexo-butterfly主题美化记录。(引入后放入如下位置。) anzhiyu主题 1234icons: ali_iconfont_js: # 阿里图标symbol 引用链接,主题会进行加载 symbol 引用 fontawesome: true #是否启用fontawesome6图标 ...
太极图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-perc...
藏宝阁(整改版)
感谢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...
国内加速访问GitHub的几种方法(一)
总所周知,在国内访问GitHub是很麻烦的,前期AIGC很热闹,我也去下载过,也分享了一个相关教程,有兴趣的可以去看我的NovelAI本地部署教程(详细)过程,体验一下AIGC的相关功能,不过在这其中遇到的问题就是下载问题,很多AIGC的分享基本上都是在GitHub上的,所需要下载的文件都很大,在国内下载速度很慢,这里就让人很苦恼,这里就要想各种方法进行提示下载速度了。 我的怨念,不看也罢 碎碎念 不得不说,在国内访问能遇到很多问题,这里没有一点计算机水平的人来说简直头大,学计算机的都知道,国内访问有很多限制,如果你不会点技术,都不好意思说自己是学计算机的了,在这方面学计算机的对深有体会,看着那些大佬的操作,属实看着有种膜拜的冲动,当然你也可以是其中的一员,这里你就要去提升你的计算机水平了,最简单的就从去了解计算机的按键开始,这是最简单也是最实用的,毕竟后面很多都需要快捷键操作,到现在都还在用。 方法一(软件访问)Watt Toolkit 这个是最简单的国内...
前期使用的藏宝阁模板
这个是前期用的模板,后续感觉还是不好,我就去改了另一种(详情看藏宝阁),这里记录最早模板的藏宝阁布置方式。 点击查看预览 创建css文件自定义一个css文件,根据自己的要求进行修改适配自己的主题。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131/* 藏宝阁 */.collect-item-content { display: ...
字体黑夜霓虹灯效果
字体实现霓虹灯效果,有需要的可以自行添加,记录一下,有可能用的上,现阶段暂时不考虑使用。 可以使用以下网址在线实现: 引用站外地址 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&qu...
使用python爬取文章
原文章作者:张时贰 这里我只是做了一个收录,有兴趣的可以支持一下原作者,使用这个要有点代码基础,不会用的最好别用。 满足的三个需求: 导出博客文章数据包括标题、链接 爬取博客文章并导出 md 文件 利用百度统计收集博客信息:『热门文章、访客省份、访客国家』的 PV、UV、停留时长等数据 本篇文章也是 hexo-hot-article 的一个开发前传,数据全是本地导出文件,因为一开始想做成 Github 工作流形式但是考虑到大部分小白对 Github 使用比较吃力,下一篇这三个需求都将集成接口方便玩 hexo 的朋友调用 导出博客数据需求分析:提取博客内所有的『文章标题、文章地址、文章创建时间』,而博文页中封面和标题的 div 中都包含这些信息 获取博客有x页 当前页有x篇文章 抓取信息并写入json、md、sql、excel方便本地检索或为后期换用Github Actions做准备 其中博客页数又分三种情况,在不同的页数下网页结构是不一样的 文章栏分封面和信息两部分,都有标题和链接,但下面多一个『发表于』,所以就直接拿下面的信息一把梭哈 123title_list...
友情链接添加的两种方法
这里整理一下现在友链添加的方法,实现添加更友好和明白。 第一种直接给你的友情链接添加一个快速填写链接的按钮。 这里可以创建一个名为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 += "...
使用金山文档实现阿里云自动签到
实现方式:使用金山文档的每日定时任务,执行阿里云盘签到接口,无需部署,无需服务器,一劳永逸。 进入金山文档网页版 随便新建一个空表格,点击【效率】-【高级开发】-【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&qu...
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...