卡诺の教程合集索引(2021.03.09)
教程:基于 hexo 的 hexo-githubcalendar 插件 1.0 链接:教程:hexo-githubcalendar 插件 1.0 更改日志 教程:基于 hexo 的友链朋友圈 Beta1.5 链接:基于 hexo 的友链朋友圈 Beta1.5 更改日志 教程:基于 Butterfly 主题的历史上的今天 2.0 重置版 链接:历史上的今天 2.0 重置版 更改日志 教程:hexo× 语雀 实现云端富文本写作 链接:hexo× 语雀 实现云端富文本写作 更改日志 教程:基于 Butterfly 主题的文章点赞(LeanCloud) 链接:教程:基于 Butterfly 主题的文章点赞(LeanCloud) 更改日志 教程:基于 swiper 的首页置顶轮播图 链接:教程:基于 Butterfly 主题的轮播手动置顶文章最新教程(akilar):https://akilar.top/posts/8e1264d1/ 更改日志 教程:基于 Butterfly 主题的新闻资讯侧边栏 链接:教程:基于 Butterfly 主题的新闻资讯侧边栏 更 ...
制作你的桌面MMD时钟:MMD-BOX Beta1.0
咕咕咕,大家有没有想我?咕咕咕的小冰老师终于恢复更新了!既然是恢复更新自然是要整些不一样的,放个大招!这次捣鼓的项目是偶然在B站上发现的一个mmd盒子伪全息项目——【伪全息播放盒】会动的手办了解一下,感觉有点意思,成本也才300块,就买来材料进行diy了。因为UP主提供的材料清单很详细,所以硬件部分基本没有踩坑。但当我望着做好的盒子看着mmd里的美烧酒发呆时,却萌生了一个点子。能不能让这个盒子的功能性得到展现,而不是只是一个普通的视频播放器。于是,就打算复健一下html和python写一个小项目出来。效果如图:项目名称:MMD-BOX项目地址:https://github.com/Zfour/mmd-box项目演示:https://www.bilibili.com/video/BV1WV4y1x7Ct原理:使用python socketio&flask实现视频的实时控制,将原有的hexo clock插件进行了移植和适配,写入了定时更新方法。接下来,废话就不说了,聊聊制作mmd盒子的注意事项&方法,以及MMD-BOX的开发思路和使用教程。 MMD-BOX硬件制作流程1.购 ...
小冰的游戏评测
最近开始在小黑盒上写评测,所以就没空更新博客了,这里链接一下我写的评测。有小黑盒的朋友可以搜索“冰卡诺”并关注一下欢迎点赞投电池。我会定期抽游戏 胡桃日记:与青梅竹马同居的二三事 https://www.xiaoheihe.cn/community/49664/list/57460661 【空洞骑士传·第一章】那一天骑士踏上了新的旅途 https://www.xiaoheihe.cn/community/23563/list/57384652 水手服少女的异世界冒险?2d 像素冒险游戏《Lost Ruins》DEMO 简评 https://www.xiaoheihe.cn/community/1/list/57228924 黄昏沉眠街评测:独具特色的场景表现,尚且欠佳的游戏体验 https://www.xiaoheihe.cn/community/1/list/57144891 GBA 游戏回忆录第二期:三款经典游戏推荐 https://www.xiaoheihe.cn/community/23563/list/57045124 猛男必玩的休闲游戏:《林中小女巫》S ...
小冰插件包 butterfly-orchid 1.0
butterfly_orchid 1.0无需修改 butterfly 主题源文件即可实现主题功能的魔改。通过 npm 进行安装和使用。 1.0 版本包含 6 款插件:1.Hexo Github Canlendar link: https://zfe.space/post/hexo-githubcalendar.html 2.Hexo Magnet link: https://zfe.space/post/hexo-magnet.html 3.Hexo Swiper link: https://zfe.space/post/hexo-swiper.html 4.Butterfly Article Double Row link: https://zfe.space/post/hexo-butterfly-article-double-row.html 5.Hexo History Calendar link: https://zfe.space/post/hexo-history-calendar.html 6.Hexo Electric Clock link: ht ...
教程:hexo-electric-clock电子时钟插件
前言:效果如下: NPM 插件安装的部署方法:12345npm i hexo-electric-clock --save# 或者cnpm i hexo-electric-clock --save 注意,一定要加--save,不然本地预览的时候可能不会显示!!! 新增网站根目录_config 配置项(不是主题的):123456789electric_clock: priority: 5 enable: true enable_page: all layout: type: class name: sticky_layout index: 0 temple_html: '<div class="card-widget card-clock"><div class="card-glass"><div class="card-background"><div class="card-content"><div id=&qu ...
教程:hexo-history-calendar历史上的今天插件
前言:效果如下: NPM 插件安装的部署方法:12345npm i hexo-history-calendar --save# 或者cnpm i hexo-history-calendar --save 注意,一定要加--save,不然本地预览的时候可能不会显示!!! 新增网站根目录_config 配置项(不是主题的):123456789history_calendar: priority: 4 enable: true enable_page: all layout: type: class name: sticky_layout index: 0 temple_html: '<div class="card-widget card-history"><div class="card-content"><div class="item-headline"><i class="fas fa-clock fa-spin"> ...
教程:hexo-swiper文章置顶插件
前言:效果如下: NPM 插件安装的部署方法:12345npm i hexo-swiper-bar --save# 或者cnpm i hexo-swiper-bar --save 注意,一定要加--save,不然本地预览的时候可能不会显示!!! 新增网站根目录_config 配置项(不是主题的):12345678910swiper: enable: true priority: 2 enable_page: / layout: type: id name: recent-posts index: 0 temple_html: '<div class="recent-post-item" style="height: auto;width: 100%"><div class="blog-slider swiper-container-fade swiper-container-horizontal" id="swiper_container">$ ...
教程:butterfly主题文章双栏布局插件
前言:效果如下: NPM 插件安装的部署方法:12345npm i hexo-butterfly-article-double-row --save# 或者cnpm i hexo-butterfly-article-double-row --save 注意,一定要加--save,不然本地预览的时候可能不会显示!!! 新增网站根目录_config 配置项(不是主题的):12butterfly_article_double_row: enable: true hexo 三连执行 hexo 三连 1hexo clean && hexo g && hexo s 即可发现已经成功部署。 最后还是按照惯例,有什么不懂的欢迎加群询问。
教程:hexo-magnet 插件 1.0
前言:其实这个插件和hexo-swiper-bar几天前就写好了,但是我懒,所以没写教程。效果如下:这个插件主要实现了以下功能: 1.自定义 tags 或 categories 的排列和展示 2.自定义 tags 或 categories 的展示图标,名称 3.自定义排列的行数,默认 2 行 NPM 插件安装的部署方法:12345npm i hexo-magnet --save# 或者cnpm i hexo-magnet --save 注意,一定要加--save,不然本地预览的时候可能不会显示!!! 新增网站根目录_config 配置项(不是主题的):123456789101112131415161718192021222324252627282930313233343536magnet: enable: true priority: 1 enable_page: / type: categories devide: 2 display: - name: 教程 display_name: 小冰の魔改教程 icon: 📚 - name: 游 ...
教程:hexo-githubcalendar 插件 1.0
前言:最近在各个群友的催促下,小冰也不再咕咕咕了,首先第一弹则是经典魔改作品 githubcalendar 的插件化。鉴于对主题进行过度魔改会大大增加更新的难度以及主题作者的维护难度,本着简化更新步骤及降低魔改难度的目的,小冰特此学习了如***一般的 hexo api 文档,并在@lete 乐特老师的帮助下艰难的适配了 pjax(谁叫金牌售后@akilar被万恶的 mc 给拐跑了,可怜的小冰只好自己适配 pjax 了)。虽说插件目前还有些小 bug,但日常使用基本没啥问题,也欢迎提出 pr。 hexo-githubcalendar 插件 1.0 npm 插件化 支持 pjax 提供了 github/gitee 两种 api 数据获取方式 支持 js+div 挂载的传统挂载方式及 npm 安装两种形式挂载 githubcalendar 通过原生 js 实现去除了 vue 的依赖 支持 loading 效果 效果: NPM 插件安装的部署方法:1.执行 npm 安装操作12345npm i hexo-githubcalendar --save# 或者cnpm i hexo-gith ...
教程:github/gitee issues的友链信息自动生成json及api调用
说句闲话最近一直都在写朋友圈,本着安利朋友圈加了 Volantis 的群。然后在群主大佬的启发下写了这个项目,这个项目是利用 github action 获取来自 gitee 及 github 的 issues 信息,统合成一个具有友联信息的 json,并通过 api 提供给前端进行调用。由于最近也要维护朋友圈,加上我好久没写 js 了,有点生疏,前端的工作还是教给 Volantis 的主题的作者大佬来实现吧。 项目部署1.fork 我的项目fork 我的项目(https://github.com/Zfour/hexo-issuse-friends) 2.修改配置文件_config.yml开启你想使用的规则,可同时开启两种规则。将需要使用的规则的 enable 调整为enable: true不使用的调整为enable: false填写你的用户名(组织)如:owner: xaoxuu填写你的仓库名如:repo: friends填写项目的状态如:state: open主要的状态有:open/closed填写项目筛选的标签,github 直接填写标签字段即可,gitee 需要首先通过网页删选 ...
基于hexo的友链朋友圈 Beta1.5
什么是友链朋友圈?你是否经常烦恼于友链过多但没有时间浏览?那么友链朋友圈将解决这一痛点。你可以随时获取友链网站的更新内容,并了解友链的活跃情况 。效果图如下:因为是 beta 版本,所以不可避免还有错误,为了更好制作这个项目,发现 bug。我首先 release 这个 beta 版本。目前 release1.5 版本:① 支持butterfly、volantis、matery 主题的友链获取② 支持**小康友链及volantis 主题友链,即部署于 gitee 上的 issuse 友链获取③ 支持butterfly、volantis、matery 主题**的最新文章获取④ 支持大部分拥有 sitemap 网站的文章获取⑤ 拥有友链屏蔽、关键词屏蔽、等自定义 yaml 的配置项 预览链接https://zfe.space/friendcircle/。 步骤一:配置 leancloud① 账号注册前往leancloud 国际版官网(推荐国际版)注册账号,登录。 ② 新建应用进入控制台创建一个应用,名字随意。 ③ 绑定应用域名我一般习惯绑定域名,不绑定貌似也可以,将一个二级域名指向 lean ...