2024-10-30 厉飞雨 阅读(23) 评论(0) 赞(4)

一、引言 {#一、引言} ============ Hexo作为一个优秀的Markdown博客框架，自然也诞生了很多适用的Markdown渲染器，这里对比分析一下Hexo下几种常用的Markdown渲染器：`hexo-renderer-marked`、`hexo-renderer-kramed`、`hexo-renderer-pandoc`、`hexo-renderer-ma...

2024-10-30 厉飞雨 阅读(20) 评论(0) 赞(2)

引言 {#引言} ======== 博客搭建这么久了发现并没有进行过优化，首页虽然打开速度勉强能够接受，但是 github 和 coding 提供的空间有限，是时候优化一下了。基本思路是采用 `gulp` 进行代码的压缩等。 分析 {#分析} ======== 在浏览器输入url到页面打开，都做了些什么？ * 浏览器里输入网址 [https://zsyyblog.com...

2024-10-30 厉飞雨 阅读(29) 评论(0) 赞(4)

`《Hexo：从零开始编写自己的主题》` [1. Hexo概述以及Hexo工作原理](/624ca744.html) [2. 入门Hexo主题编写](/d1b393a8.html) [3. 优化样式，设计自己的主题](/5096f68f.html) [4. fancybox优化图片展示效果、代码高亮以及数学公式](/aad66c0d.html) [5. 添加...

2024-10-30 厉飞雨 阅读(21) 评论(0) 赞(1)

`《Hexo：从零开始编写自己的主题》` [1. Hexo概述以及Hexo工作原理](/624ca744.html) [2. 入门Hexo主题编写](/d1b393a8.html) [3. 优化样式，设计自己的主题](/5096f68f.html) [4. fancybox优化图片展示效果、代码高亮以及数学公式](/aad66c0d.html) [5. 添加...

2024-10-30 厉飞雨 阅读(20) 评论(0) 赞(1)

`《Hexo：从零开始编写自己的主题》` [1. Hexo概述以及Hexo工作原理](/624ca744.html) [2. 入门Hexo主题编写](/d1b393a8.html) [3. 优化样式，设计自己的主题](/5096f68f.html) [4. fancybox优化图片展示效果、代码高亮以及数学公式](/aad66c0d.html) [5. 添加...

2024-10-30 厉飞雨 阅读(27) 评论(0) 赞(4)

1. 在主题配置的 inject 引入 js: <https://cdn.jsdelivr.net/gh/xiabo2/CDN@latest/fishes.js> 这里以butterfly主题为例： |---------------------------|----------------------------------------------...

2024-10-30 厉飞雨 阅读(29) 评论(0) 赞(4)

前言 {#前言} ======== 在不妨碍正常阅读的情况下想更好地展示背景或者一些效果，实现文章页透明是一种不错的选择。 操作步骤 {#操作步骤} ============ 在`\themes\butterfly\source\css`路径下创建一个xxx.css文件，在文件中添加如下代码： |---------------------------|---------...

2024-10-30 厉飞雨 阅读(22) 评论(0) 赞(3)

前言 {#前言} ======== 本文将介绍如何增添上升气泡效果。 操作 {#操作} ======== 找到主题配置文件`_config.butterfly.yml`，在`inject`的bottom处引入以下文件: |-----------------|---------------------------------------------------------...

2024-10-30 厉飞雨 阅读(26) 评论(0) 赞(5)

前言 {#前言} ======== 效果如本站所示，我看过一些博客，有很多一部分都有这个动线效果背景。 操作 {#操作} ======== 操作步骤很简单，只需在`_config.butterfly.yml`文件中，找到inject，在bottom处直接引入：`https://cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest...

2024-10-30 厉飞雨 阅读(32) 评论(0) 赞(3)

前言 {#前言} ======== 本文将介绍如何美化页脚，效果展示在最底部。 操作 {#操作} ======== 在`\themes\butterfly\source\js`目录下创建一个js文件，将如下代码写入该文件: |-------------------------------------------------------------------------...