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

前言 {#前言} ======== 本文将介绍如何在侧边栏增添头像卡片动态背景。 操作 {#操作} ======== 在`\themes\butterfly\source\css`目录下创建一个css文件，将如下代码写入该文件（有两种效果，选其一）: |---------------------------|-------------------------------...

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

前言 {#前言} ======== 本文将介绍Hexo增加雪花动态背景效果。 操作 {#操作} ======== 操作过程很简单，找到主题配置文件`_config.butterfly.yml`，在inject的bottom引入以下js文件: |---------------------|------------------------------------------...

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

前言 {#前言} ======== Hexo博客的Sakura主题自带的樱花🌸动态效果非常漂亮，本文来介绍Hexo增加樱花动态背景效果。 操作 {#操作} ======== 只需在`_config.butterfly.yml`文件中，找到inject，在bottom处直接引入：`https://cdn.jsdelivr.net/gh/lete114/CDN/Sum/sa...

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

操作步骤 {#操作步骤} ============ 在butterfly主题目录`/layout/includes`文件夹下新建一个`right-menu`的文件夹，在此文件夹下新建一个`index.pug`文件。 将以下代码复制到`index.pug`文件中。 |-----------------------------------------------------...

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

引言 {#引言} ======== 如果想实现随便逛逛的功能，就需要用到`hexo-generator-random`这个插件。 插件源码访问地址：<https://github.com/Drew233/hexo-generator-random/> 插件说明 {#插件说明} ============ `hexo-generator-random`是一款he...

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

安装依赖 {#安装依赖} ============ 前往博客根目录，打开cmd命令窗口执行`npm install hexo-generator-search --save`。 |-----------|--------------------------------------------------| | ``` 1 ``` | ``` npm install hexo...

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

引言 {#引言} ======== 如果你不希望别人直接按下F12按键进入调试控制台或者复制文章的内容，那么本文章你肯定能用得上：） 操作步骤 {#操作步骤} ============ 修改【`/butterfly/layout/includes/layout.pug`】，根据图中位置添加以下 pug 代码（跟 head、body同级）。 |--------------...

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

编辑`blog/themes/butterfly/layout/includes/footer.pug`文件 将以下内容 |-----------|----------------------------------------------------------------------------| | ``` 1 ``` | ``` &copy;${theme....

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

前言 {#前言} ======== Hexo博客支持的评论系统其实有很多，本站选用了Valine，选择原因：轻量级、访问速度快、配置过程简单，以上三个原因足够我选择它了。 Valine评论系统的配置其实很简单，在这里就简单介绍一下。 操作流程 {#操作流程} ============ 1. 注册帐号 在LeanCloud官网(<https://www.l...

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

如果我们不想让别人评论，那该怎么办呢？实现起来很简单，只需要在头文件加上一行 `comments: false` 就可以了。 |---------------------------|-------------------------------------------------------------------------------------------------...