Hexo+Butterfly实现网址卡片外挂标签的功能
引言 博客有很多引用链接的方式,但是一直使用超链接的样式不是很优雅,而且无法引起注意。所以还是用外挂标签准备写一个超链接网址卡片。 外挂标签的编写方式从Akilar中学得:DIY外挂标签的简单写法与应用(Akilar) 效果预览 添加外挂标签 新建文件themes/butterfly/scripts/tag/link.js 1
引言 博客有很多引用链接的方式,但是一直使用超链接的样式不是很优雅,而且无法引起注意。所以还是用外挂标签准备写一个超链接网址卡片。 外挂标签的编写方式从Akilar中学得:DIY外挂标签的简单写法与应用(Akilar) 效果预览 添加外挂标签 新建文件themes/butterfly/scripts/tag/link.js 1
前言 本文将介绍如何在Hexo页面中插入响应式Bilibili视频代码块。 教程链接:如何在Hugo/Hexo博客中插入响应式Bilibili视频代码块_知识星海-CSDN博客 操作 b站官方已经提供了iframe标签,有些小伙伴可能已经发现了。在网页打开b站视频页时,鼠标移至分享按钮,就可以复制。 只需要在页面中复制该代码即可。
前言 本文将介绍如何在主页侧边栏添加当前访客信息,具体效果如下: 操作 注意:必须确保使用了Hexo tag 外挂标签的span的样式(👈点击跳转),否则显示的内容没有彩色样式。 在 themes\Butterfly\layout\includes\widget\ 下创建 card_ip.pug 文件,并写入以下内容:
引言 迁移并不是无痛的,有些不兼容的地方,主要是下面几点。 title 需要在title上一行加一行--- date 需要是2023-09-01T01:00:00+08:00这样的格式 tags和categories 与hexo不同, hugo使用的是类似于数组的形式的, 例如本篇的tags就是["hexo", "hugo"...
参考学习文档 hexo中文文档:API、插件 插件开发 hexo的插件嵌入有两种方式,一种是通过脚本(Script)的方式引入,demo可参考自定义标签实现;一种是通过插件(Packages)的方式将自定义的插件内容发布到npm上。 除却辅助函数,hexo的插件还可划分为不同类型:控制台 (Console)、部署器 (Deployer)、过滤器 (Filter)、生成器
在线聊天 从3.0开始,Butterfly主题内置了多种在綫聊天工具,此处选用daovoice实现在线聊天功能。 daovoice 修改主题配置文件 12345 # 在线聊天按钮控制chat_btn: true# chat_hide_show为true时,使用工具提供的按钮时,只有向上滚动才会显示聊天按钮,向下滚动时会隐藏
前言 删除了文件夹source/_posts下想要删掉的文章之后,执行hexo clean,hexo g,hexo d 发现文章还是在网页里,删除失败了。 解决步骤总结 1、删除文件夹source/_posts下目标(待删除)文章markdown文件(.md文件) 2、删除.deploy_git文件夹 3、执行hexo clean后,再执行hexo g,he
前言 有些主题默认在首页是会显示全文的,这样显然很不方便,而Butterfly主题虽然不会显示全文,但也可以根据配置来控制在首页显示的文章介绍的内容。 修改配置 需要修改butterfly主题的_config.butterfly.yml配置文件 12345678 # Display the article introduct
前言 之前在家里搭建了博客,成功部署到github上,并将hexo目录也上传至github/hexo仓库保存。后来到公司想把它们down下来,方便两边修改同步。 第一个坑:hexo发布博客到github 同样进行了一系列的node安装,hexo安装等,并且在hexo博客目录下down下了guthub/hexo的资源,本地启动,没问题。但是当我发布想发布到yourname.
前言 Hexo官网—–快速、简洁且高效的博客框架: https://hexo.io/zh-cn/ 在不断学习的过程中对个人博客的技术选型又有了新的想法,想搭建一个自己喜欢的UI风格并且有后台的博客CMS 于是回过头来,开始对hexo原理好奇起来,本着知其然更要知其所以然的态度,搜了许多有关资料,现在对hexo有了些新的认识,就来梳理记录一下 梳理一下He