51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Github

Hexo+Butterfly主题增加文章双栏布局

Hexo+Butterfly主题增加文章双栏布局

厉飞雨 阅读(34) 评论(0) 赞(4)

安装插件 {#安装插件} ============ |-------------------|-------------------------------------------------------------------------------------------------------------| | ``` 1 2 3 4 5 ``` | ``` npm i...

Hexo+Butterfly主题增加Github贡献图表

Hexo+Butterfly主题增加Github贡献图表

厉飞雨 阅读(20) 评论(0) 赞(3)

安装插件 {#安装插件} ============ 在博客根目录\[blog\]下打开终端,运行以下指令: |-----------|----------------------------------------------------| | ``` 1 ``` | ``` npm install hexo-filter-gitcalendar --save ``` | ...

Hexo建立一个独立的HTML页面

Hexo建立一个独立的HTML页面

厉飞雨 阅读(23) 评论(0) 赞(2)

引言 {#引言} ======== Hexo 是一个轻量、快速,简单和强大的博客框架,当我们需要发布博文的时候,只需要将写好的文章(MarkDown文件)放入本地的 `\source\_posts` 文件夹,然后再推送上去就行了,原理就是当我们在执行 `hexo g` 命令时,`.md` 文件就会被转化成 `HTML` 文件,但是有时候我们需要新建一个独立的页面,这个页面不使...

为Hexo+Butterfly主题版权进行美化

为Hexo+Butterfly主题版权进行美化

厉飞雨 阅读(58) 评论(0) 赞(5)

前言 {#前言} ======== 不知道大家对于默认的butterfly版权怎么看?如果不太满意可以按照如下教程进行美化。 教程 {#教程} ======== 修改post-copyright.pug {#修改post-copyright-pug} -------------------------------------------- 打开`ROOT\themes\...

Hexo+Butterfly文章页面美化教程

Hexo+Butterfly文章页面美化教程

厉飞雨 阅读(19) 评论(0) 赞(5)

前言 {#前言} ======== 看到了大佬的文章页一页到底,效果如下图所示: ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 那么怎么样修改才能做到这一点呢? 教程 {#教程} ======== > 适用范围:butterfly3.3....

Hexo+Butterfly主题一图流背景与顶部图修改

Hexo+Butterfly主题一图流背景与顶部图修改

厉飞雨 阅读(42) 评论(0) 赞(2)

介绍 本文将会详细介绍一图流背景与顶部图的修改过程。 设置图片 {#设置图片} ============ 这个是 Butterfly 自带的功能,修改主题的配置文件 `_config.butterfly.yml`。 编辑 `index_img`、`background`、`footer_bg` 选项。 设置网站背景,并将主页顶部图和页脚背景改为透明。 (需要将...

Hexo+Butterfly主题增加枫叶飘落的效果

Hexo+Butterfly主题增加枫叶飘落的效果

厉飞雨 阅读(15) 评论(0) 赞(2)

前言 {#前言} ======== 之前从其他博客哪里搬了一个樱花落叶效果。但是我本人不是很喜欢那个樱花,而且那个樱花效果太密集太大了。很影响阅读体验,可以说是一个负优化。我这个人要求比较高,自然是很不满意这个效果,所以,我把代码稍微的改动了一下,达成了现在的效果。 改动步骤 {#改动步骤} ============ 我当时将JS实装到博客后发现这个樱花的色调和我的博客非...

Hexo+Butterfly主题检测IE内核并进行提示的教程

Hexo+Butterfly主题检测IE内核并进行提示的教程

厉飞雨 阅读(27) 评论(0) 赞(5)

前言 {#前言} ======== 由于代码的迭代,导致IE已经完全不支持大部分hexo博客了。但是IE在国内还是拥有着一定的份额,而且还不算是例如360等兼容IE内核的浏览器。 如果这群访客进入我们的博客,那么他只能看到乱糟糟的显示样式,那么怎么能避免这一情况呢?我们只需要对IE内核作出一个跳转,让我们的博客从根本上拒绝IE。 安装kernel.js {#安装kerne...