hexo博客butterfly主题美化

博客代码展示

代码高亮样式
Butterfly 支持6种代码高亮样式：

default
darker
pale night
light
ocean
mac

只需要配置主题配置文件(配置butterfly.yml)
找到这一行highlight_theme: light然后进行将light更换成你喜欢的代码高亮格式就可以了，个人喜欢mac，样式如下:

代码展开和关闭

官方一共支持，这3中样式，

true 全部代码框不展开，需点击>打開
false 代码框展开，有>点击按钮
none 不展示>按钮

只需要配置主题配置文件(配置butterfly.yml)
找到这一行highlight_theme: false然后进行将false更换成你喜欢的的样式就可以了

代码复制按钮
只需要配置主题配置文件(配置butterfly.yml)
更改highlight_copy: true这一行就可以了，默认有复制按钮

代码换行

默认是不换行,如果你要想设置换行功能，可以
更改主题配置文件中的code_word_wrap: false，将false改成true

然后找到博客配置文件，將line_number改成false:

highlight:enable: trueline_number: falseauto_detect: falsetab_replace:

社交图标

Font-awesome图标的添加

打开主题的配置文件,进行对应位置的替换就可以啦

hexo博客butterfly主题美化相关推荐

02 Hexo博客Butterfly主题配置博客评论邮件提醒
概述个人博客搭建成功后已经上线运行了好久,但是一直没有时间配置评论区的邮件提醒功能,所以今晚有时间就抽空配置了,然后将操作过程做一下记录. 前提条件一个已经上线运行的Hexo博客(至于用什么主题都 ...
Hexo博客NexT主题美化之新增看板娘(能说话、能换装)
前言更多效果展示,请访问我的个人博客. 效果图: 教程: 小白水平: hexo的官方是支持看板娘的,已经封装好了插件,但只是模型,不能说话.不能换装.功能较少. 安装模块,如下: npm inst ...
Hexo博客之主题美化
据说 NexT 是使用最多的Hexo主题,原因当然是比较漂亮啦!这个项目托管于github上,你可以fork一下,贡献代码.NexT官网上面给出了详细的主题配置过程,这里只是我的博客使用的一些配置以及 ...
Hexo博客NexT主题美化之评论系统
前言更多效果展示,请访问我的个人博客. 效果图: Valine 诞生于2017年8月7日,是一款基于Leancloud的快速.简洁且高效的无后端评论系统. 教程: 登录 Leancloud 官网, ...
Hexo博客NexT主题美化之文末统一添加“本文结束”标记
前言更多效果展示,请访问我的个人博客. 效果图: 教程: 在目录 themes/next/layout/_macro/ 下添加 passage-end-tag.swig ,内容如下: <di ...
Hexo博客NexT主题美化之顶部加载进度条
前言更多效果展示,请访问我的个人博客. 效果图: 教程进入博客文件夹的/themes/next文件夹下 cd /themes/next 复制代码下载安装Progress module,如下 g ...
Hexo博客NexT主题美化之网站标题栏背景变色
前言更多效果展示,请访问我的个人博客. 效果图: 教程打开themes/next/source/css/_custom/custom.styl,在里面新增如下代码: .site-meta {ba ...
hexo博客yilia主题如何自定义个人博客的背景图片
hexo博客yilia主题博客背景的设置个人博客系列文章目录 hexo博客yilia主题所有文章模块缺失最新解决方案 hexo+yilia博客报错post.categories forEach ...
hexo博客yilia主题_缺失模块_解决方案
hexo博客yilia主题,左侧栏目有一个全部文章的按钮,刚开始开始报错缺失模块,如下图: 我解决了这个问题着实不容易饶了弯路,但是跟着提示步骤,其实很简单,走起: 1.查看node版本 win键+R ...

hexo博客butterfly主题美化

博客代码展示

社交图标

hexo博客butterfly主题美化相关推荐

最新文章

热门文章