首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Fluid -20- 使用 Fluid 注入功能实现背景视频

Fluid 支持更优化的注入功能,本文记录 Fluid 代码注入的使用方法,并将背景视频功能转为注入实现。...主题中 about 对应关于页、links 对应友联页 Fluid 注入 Fluid 主题也提供了一套注入代码功能,相较于 Hexo 注入功能更细致更丰富,并且支持注入 ejs 代码。...-2- 随机视频背景切换 , Fluid -11- 封面视频背景顺滑加载 , Fluid -13- 视频背景 fixed 成功实现对 fluid 主题的侵入式修改 但在升级 fluid 1.9...的时候侵入修改的代价来了,由于主题升级了大版本,代码冲突太多,已经无从维护,现依赖代码注入功能重新实现上述功能 思路 fluid 的注入更加灵活,此处选择 fluid 的注入方式 按照流程创建注入环境...参考资料 https://hexo.fluid-dev.com/docs/advance/

71710
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Fluid -19- 解决 Fluid 1.9+ mathjax 公式渲染错误的问题

    Fluid 主题升级到 1.9 + 后公式在电脑浏览器上渲染错误,本文记录解决方案。...问题复现 fluid 更新到 1.9+ 版本后,mathjax 渲染的数学公式在电脑端浏览器无法正常显示 但是在手机端没有问题 问题原因 官网说明提示了 在 1.8.14 版本之后需要更新 mathjax...渲染器并安装额外的工具包 但事实上上述现象不是渲染错误导致的,因为手机端可以正常显示公式 根本原因在于网页的懒加载,当公式进行懒加载后就难以重新嵌入到网页中 解决方案 根本目的是停止对公式的懒加载 我采用的方法是删除 fluid...'load: \[\'ui/lazy\'\]' : '' } }, 之后便可以解决由于懒加载导致的公式渲染错误 参考资料 https://hexo.fluid-dev.com/docs/guide/

    61910

    Fluid -13- 视频背景 fixed

    背景 七夏浅笑 博客图像背景固定很漂亮,想模仿类似的效果到自己的博客上 之前已经实现了 Fluid -随机视频背景切换,和封面视频背景顺滑加载,需要在此基础上进行更新 已经实现上述功能的基础版本主题代码...背景视频固定 视频随机切换 优先显示视频预加载图像 不影响博客其余部分正常显示 实现过程 我不是学前端出身,实现功能全屏直觉,为了实现效果抛弃了一切规范和逻辑,实现仅供参考,不负责任 思路 主要修改 fluid...透明度0.4 修改目录文字颜色,浅色比较合适 修改footer文字颜色,浅色比较合适,和步骤五相同的颜色比较好 具体修改 :https://github.com/zywvvd/hexo-theme-fluid.../commit/4b26111d5961e30e3483825dad68f6960759b7fb 核心调整 fluid/layout/layout.ejs 文件 在 body 刚开始设置 div...比较简单了,可以参考我的代码修改 完整主题 version3.0 参考资料 https://www.julydate.com/ https://github.com/zywvvd/hexo-theme-fluid

    71220

    frameWork

    实现方式       Aop的实现方式,大体是分为两个版本一个是不同框架下的实现方式,不同平台就是Framework下面的实现方式,还有一种是Core下面的实现方式,这里我们主要讲这两种,第二个实现方式下面是两个通用的实现方式...,一种是基于IL的形式去实现,还有一种是基于内存的形式的实现,这里不太对这两种进行过多的讲解,后续会写一个使用IL去实现AOP的代码,这里主要讲FrameWork和Core框架下如何实现AOP代理的两种比较简单的方法...frameWork       在framework的框架下,可以使用RealProxy类来实现静态代理的的aop,需要自己去继承RealProxy这个类,然后实现Invoke的抽象方法,即可实现Aop...同样的,在RealProxy中我们可以记录日志,异常,执行前,执行后等操作,在这个Invoke里面,我们同样可以,这便是我在FrameWork以及Core中实现Aop的两种方式。

    67720
    领券