说明:该配置基于Butterfly主题版本为4.2.0,基本参考官方教程,不修改pug文件,主题已经集成了相关的设置,该博文对其部分内容进行补充。参考链接在文章末尾给出。我的个人博客主页:GuoDongのBlog,镜像Gitee。CSDN在渲染可能与个人博客渲染不同,欢迎点击我的主页。博客会在两个平台同步更新。欢迎点击我的主页。文章目录插件的安装与配置普通界面播放器全局吸底Aplayer模式演示1,普通列表模式2,单曲播放3,迷你模式附录参考链接Aplayer完整配置可选参数表插件的安装与配置安装hexo-tag-aplayer这款插件。执行如下指令:npminstall--savehexo-
原文链接:基于Hexo键入搜索功能前言本站基于Hexo搭建,用的?hexo-theme-butterfly主题v3.7.1,请注意最新的?hexo-theme-butterfly版本已经更新到v4.2.2。如果你是v3.7.1之外的版本,可能有些地方会有出入,请留意。注意:我的博客根目录路径为【G:/hexo-blog/blog-demo】,下文所说的根目录都是此路径,将用[BlogRoot]代替。如果不清楚根目录路径,请回到教程基于Hexo从零开始搭建个人博客(二),查看你执行hexoinitxxx这条命令时所选择的路径,例如我选择的路径是【G:/hexo-blog】,我的博客根目录即为【G
有些效果无法在这儿体现,如果想看完整的效果,请移步个人站点。原文链接:基于Hexo从零开始搭建个人博客(五)阅读本篇前,请先阅读前几篇文章:基于Hexo从零开始搭建个人博客(一)基于Hexo从零开始搭建个人博客(二)基于Hexo从零开始搭建个人博客(三)基于Hexo从零开始搭建个人博客(四)前言本站基于Hexo搭建,用的?hexo-theme-butterfly主题v3.7.1,请注意最新的?hexo-theme-butterfly版本已经更新到v4.2.2。如果你是v3.7.1之外的版本,可能有些地方会有出入,请留意。注意:我的博客根目录路径为【G:/hexo-blog/blog-demo】
前言随着信息技术的快速发展,互联网已经成为了获取知识、分享见解以及展示个人能力的重要平台之一。在这个数字化时代,越来越多的开发者和技术爱好者选择通过建立自己的技术博客来展示他们的专业知识和独特观点。技术博客不仅可以帮助你记录学习的过程,还可以让你与全球范围内的开发者社区互动,获得反馈和建议,进一步提升自己的技能水平。然而,搭建一个技术博客可能会面临一些挑战,尤其是对于那些刚刚入门的开发者。从选择合适的开发环境和工具,到设计吸引人的界面和发布有价值的内容,都需要一些准备和努力。幸运的是,现代技术已经为我们提供了一些简化这一过程的解决方案。本文将介绍CloudStudio以及如何利用它来创建一个令
Butterfly主题安装文档(二)之主题配置一、回顾安装butterfly主题1、在hexo项目根目录下执行操作clone主题gitclone-bmasterhttps://github.com/jerryc127/hexo-theme-butterfly.gitthemes/butterfly2、如果沒有pug以及stylus的渲染器,还需要下载,否则在项目运行时会报错:npminstallhexo-renderer-pughexo-renderer-stylus--save3、修改项目根目录下的_config.yml文件(称为站点配置文件),开启主题#Extensions##Plugin
问题Hexo主题Butterfly启动后报错extendsincludes/layout.pugblockcontentinclude./includes/mixins/post-ui.pug#recent-posts.recent-posts+postUIincludeincludes/pagination.pug场景更换新主题Butterfly原因没有pug以及stylus的渲染器解决方案npminstallhexo-renderer-pughexo-renderer-stylus--savenpminstallhexo-deployer-git--save/yarnaddhexo-dep
🐳Hexo搭建Butterfly主题并快速美化🧊1、安装butterfly主题🧊2、设置博客个人资料🧊3、导航菜单🧊4、代码块显示设置🧊5、本地搜索功能🧊6、创建文件夹🧊7、修改副标题🧊8、图片设置🧊9、图片懒加载🧊10、图片大图查看🧊11、版权样式🧊12、相关文章🧊13、打赏🧊14、侧边栏样式🧊15、公告栏设置🧊16、Toc目录🧊17、背景特效/美化▶️1.鼠标点击的效果▶️2.打字效果▶️3.背景特效▶️4.自定义背景主题色▶️5.渐变背景▶️6.`footer`背景🧊18、字数统计🧊19、文章分享功能上篇文章《快速搭建Hexo博客网站并部署上线》讲述了如何快速搭建个人博客,部署到Gith