1、下载安装Nodejsnode-vnpm-v2、安装淘宝镜像cnpm管理器npminstall-gcnpm--registry=http://registry.npm.taobao.orgcnpm-v3、安装hexo框架cnpminstall-ghexo-clihexo-v4、安装git(若有github账号可直接跳过本条)git使用前配置：下载完git后，需要告

IntheWarringStatesPeriod,therewasathinkernamedZhuangzi.Oneday,ZhuangZhouhadadream.Inhissleep,hefeltthathehadbecomeabutterfly.Thebutterflywasflyingintheairandwanderingaround.Hewassohappythatheforgotwhohewasa

目录用Hexo+Butterfly主题+Github搭建博客一、安装Node.js二、安装Git三、安装配置Hexo1：安装hexo2：初始化博客项目3：本地部署打开博客四、安装配置butterfly主题1：克隆下载butterfly主题2：配置butterfly主题五、部署到GitHub1：新建github仓库2：配置hexo部署插件内容用Hexo+Butterfly主

今天挺抽象的，上午一切正常，下午....先是因为明天\(1\)号楼锁宿舍楼断电断水所以搬宿舍到\(9\)号楼喵喵：去二楼，没电就去三楼然后去了二楼，没电没水啥也没有去三楼，没电没水啥也没有去四楼，有点有水其他奥赛去五楼才找到的合适位置，在\(9518\)，快来找我玩？但是有宿管还是算了，也可能不

1推荐主题butterfly的默认layout很好，尤其对于内容比较多的blog，安装方法如下：npminstallhexo-renderer-pughexo-renderer-stylus--savenpminstallhexo-theme-butterflycpnode_modules/hexo-theme-butterfly/_config.yml_config.butterfly.ymlvi_config.yml#修改t

pug原名jade，因版权问题更名为pug，即哈巴狗。与hexo默认模块ejs一样，pug也是一个模板引擎，可用于快速的网站开发，当然也可以用于静态博客网站的设计。Pug有它本身的缺点——可移植性差，调试困难，性能并不出色，但使用它可以加快开发效率。本章目标：掌握pug样式语法，本章开始我们会

专题概述本文是个人建站系列的第一篇文章，最终有多少篇文章笔者现在也说不好，因为是一边创建个人站，一边沉淀这个过程。每一步都是实操后再总结文档，文档是以章为单位总结的，每一章都会有几篇文章，在发文前也都经过至少3次的大纲、文案的调整和校对，目的是为了尽量让您能看明白，内容包括但

##更换主题>安装```gitclone-bmaster[<https://github.com/jerryc127/hexo-theme-butterfly.git>](<https://github.com/jerryc127/hexo-theme-butterfly.git>)themes/butterflynpminstallhexo-renderer-pughexo-renderer-stylus--save```hexo5.0版本以上：

stylus可以简单理解为一个动态的css样式表，在原有W3C规定的基础上增加了编程的能力，在使用前通过插件会再编译成普通的css文件。本章目标：掌握stylus样式语法，本章开始我们会从头开始编写自己的博客主题，同样采用pug和styl语法，官方帮助文档：stylus一、概述Stylus语法是python式基于缩进

本章目标：掌握aplayer音乐插件的用法给博客站点添加音乐功能一、概述个人比较倾向网站以简洁为主，并不赞成把网站做成花里虎哨的，比如添加鼠标特效或各种动态的元素。但个人站点的随意性比较大，虽没必要做成全局的音乐播放能力，但还是可以做成单独页或在无关紧的模块添加音乐功能。笔者

原文链接：Hexo+Butterfly自定义页脚推荐阅读基于Hexo从零开始搭建个人博客（一）:环境准备基于Hexo从零开始搭建个人博客（二）:项目初识基于Hexo从零开始搭建个人博客（三）:主题安装基于Hexo从零开始搭建个人博客（四）:基础配置基于Hexo从零开始搭建个人博客（五）:详细

准备本地系统环境：Ubuntu20.04.5LTSNode版本：18.15Git版本：2.25.1一个github账号一台云服务器一个备案好的域名系统环境不同，根据自己的系统来操作就行，步骤差不多。Node、Git的版本选择长期稳定支持的新版本就行。云服务器和域名不是必须的，只是为了私有化更强。相信看到

1.初始化hexohexoinitMyHexoBlog2.如果没有cheerio安装[email protected]为安装主题做准备3.安装beutterflygitclone-bdevhttps://github.co

网聊多了，谈心少了。套路多了，真诚少了。兄弟多了，朋友少了。情人多了，爱人少了。关系多了，知己少了。算计多了,坦诚少了。骗子多了，良心少了。打字多了，说话少了。情感多

微服务，通常都是用复杂的、大规模分布式集群来实现的。微服务构建在不同的软件模块上，这些软件模块，有可能是由不同的团队开发、可能使用不同的编程语言来实现、有可能布在了几

​​hexo-theme-butterfly​​主题是基于​​hexo-theme-melody​​的基础上进行开发的。Butterfly主题安装1.Github安装在你的Hexo根目录里执行：gitclone-bmaster

主题安装稳定版【建议】在你的Hexo根目录里gitclone-bmasterhttps://github.com/jerryc127/hexo-theme-butterfly.gitthemes/butterfly测试版测试版可能存在

问题Hexo主题Butterfly启动后报错extendsincludes/layout.pugblockcontentinclude./includes/mixins/post-ui.pug#recent-posts.recent-posts+postUIincludein

效果新建css文件引入css改变页面的样式，推荐在一个自己新建目录创建。有人选择在主题文件夹下找到css文件夹（\themes\Butterfly\source\css），这样系统升级可能会把自己的代

​我的小站——半生瓜のblog感谢糖果屋Akilar店长的帮助——Akilarの糖果屋2021.11.15更新。这里推荐一下小孙同学添加的天气插件，更加美观。——​Butterfly主题添加天气

butterfly主题添加备案信息由于新版butterfly主题删除了ICP配置，所以我们无法直接通过改_config.yml文件来设置备案信息显示。1.按照路径找到footer.pug文件2.打开编辑加入

Dropaspecifiedcharfromastring.Forexample:typeButterfly=DropChar<'butterfly!',''>//'butterfly!' /*_____________YourCodeHere

---title:关于Butterfly的导航栏的一些教程tags: -Hexo魔改 -干货教程 -推荐文章 -建站categories: -Hexo魔改cover:'https://bu.dusays.com/2

题目中文从字符串中剔除指定字符。例如：typeButterfly=DropChar<'butterfly!',''>;//'butterfly!'EnglishDropaspecifiedcharfromastring.