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/
本博客的主题已由 Fluid 改为 Butterfly, 部分功能可能失效,请注意!...Hexo + Fluid 美化 Fluid 简介 Fluid 是基于 Hexo 的一款 Material Design 风格的主题,由 Fluid-dev 负责开发与维护。...主题 GitHub: https://github.com/fluid-dev/hexo-theme-fluid 预览网站: Fluid’s Blog zkqiang’s blog Fluid 主题安装...,可以通过淘宝镜像安装,即使用如下命令 cnpm install --save hexo-theme-fluid 然后在博客目录下创建 _config.fluid.yml,将主题的 config.yml...Fluid 美化 基础配置修改 对于 Fluid 主题的基础配置修改,在 官方配置指南 以及 theme/fluid/_config.yml 或者 _config.fluid.yml 中有详细的提示说明
Fluid 主题升级到 1.9 + 后公式在电脑浏览器上渲染错误,本文记录解决方案。...问题复现 fluid 更新到 1.9+ 版本后,mathjax 渲染的数学公式在电脑端浏览器无法正常显示 但是在手机端没有问题 问题原因 官网说明提示了 在 1.8.14 版本之后需要更新 mathjax...渲染器并安装额外的工具包 但事实上上述现象不是渲染错误导致的,因为手机端可以正常显示公式 根本原因在于网页的懒加载,当公式进行懒加载后就难以重新嵌入到网页中 解决方案 根本目的是停止对公式的懒加载 我采用的方法是删除 fluid...'load: \[\'ui/lazy\'\]' : '' } }, 之后便可以解决由于懒加载导致的公式渲染错误 参考资料 https://hexo.fluid-dev.com/docs/guide/
Fluid 是基于 Hexo 的一款 Material Design 风格的主题,由 Fluid-dev 负责开发与维护,本文记录主题安装使用方法。...预备环境 gitbash node.js Hexo 5.0.0 以上 安装最新版本 fluid 方式一 推荐通过 npm 直接安装,进入博客目录执行命令: npm install --save hexo-theme-fluid...$ npm install --save hexo-theme-fluid + hexo-theme-fluid@1.8.11 added 4 packages from 9 contributors...方式二 下载 最新 release 版本解压到 themes 目录,并将解压出的文件夹重命名为 fluid。...参考资料 https://hexo.fluid-dev.com/docs/start/#创建「关于页」
Fluid 是云原生分布式数据集编排和加速引擎,主要服务于云原生场景下的数据密集型应用,例如大数据应用、AI 应用等。本文将从数据编排和数据加速两个方面,介绍 Fluid 的主要工作原理。...架构 Fluid 的整个架构主要分为两个部分。...数据编排 Fluid 有两个最主要的概念:Runtime 和 Dataset。...本文会以 JuiceFS 为例,介绍 Fluid 的核心功能。...数据加速 Fluid 另一个重要的功能是数据预加速。
Hexo 和 Fluid 没有自带文章置顶功能,本文记录在 Hexo、Fluid 下实现文章置顶的方法。...比如下面这篇文章: --- title: Fluid -16- 首页文章置顶 mathjax: false date: 2022-04-19 20:58:56 tags: [Hexo, Theme, Fluid...] categories: [Hexo, Theme, Fluid] top: true --- 到目前为止,置顶功能已经可以实现了 此种方法用于 Hexo 的所有博客 但是置顶的文章一般都需要置顶的标记...fa-thumb-tack"> 置顶 | {% endif %} fluid...主题 找到并打开 /fluid/layout/index.ejs 文件,在 下插入代码: <i
背景 七夏浅笑 博客图像背景固定很漂亮,想模仿类似的效果到自己的博客上 之前已经实现了 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
Fluid 主题支持美化的标签语法,本文介绍相关内容。 Note 美化 仅部分主题支持。
我是用的主题是 Fluid,我就以此主题为例来给大家演示如何安装主题。...二.安装 下面的命令默认在博客根目录执行 通过命令安装 npm install --save hexo-theme-fluid 修改 Hexo 博客目录中的 _config.yml: theme:...fluid # 指定主题 language: zh-CN # 指定语言,会影响主题显示的语言,按需修改 创建 关于 页 hexo new page about 创建成功后修改 /source/about...现在通过命令 hexo s 来预览你新安装的主题啦 三.开启友链 可以和你的好友博客之间交换友链哦,Fluid 提供的友链的功能。...配置 _config.fluid.yml menu: - { key: "links", link: "/links/", icon: "iconfont icon-link-fill" } 加入
前言:PaddlePaddle运行时出现No module named ‘paddle.fluid.core_noavx‘错误 1、错误 No module named ‘paddle.fluid.core_noavx
Fluid 1.8.11 原装的 Waline 版本为 0.16.2,当前最新版本为 1.3.4 有了诸多更新,本文记录升级方法。...简介 @waline/client 已经发布了很多新版本 新版调整了前端配置 增加了新功能 对我来说最实用的是暗色模式和评论数统计 升级方法 fluid 已经把waline相关配置做得很好了,只需要稍加调整即可升级版本...Waline 配置得到的服务端链接 placeholder 评论板默认文字 highlight 代码高亮 avatarForce 是否强制重新加载头像,官方不建议True dark 适用于 fluid...hexo-theme-fluid: 它会在 上通过设置 data-user-color-scheme="dark" 开启暗黑模式。
Umami 可以统计网页浏览信息,本文记录在 Fluid 主题中加入 Umami 的方法。...前置条件 需要配置好 Umami 服务器 掌握 Fluid 注入使用方法 操作流程 将 Umami 统计链接注入 Fluid 获取 Umami 统计链接 将统计链接注入 Fluid header 中...umami.js"> 类似原理也可以用 Hexo 的注入机制完成该步骤 在网页中加入链接 我将 Umami 的链接放在 footer 的部分,可以参考一下 获取共享链接 在 _config.fluid.yml...target="_blank" rel="nofollow noopener">Umami 添加效果 image.png 参考资料 https://hexo.fluid-dev.com
::InferShapeContext*) const 3 paddle::framework::OperatorWithKernel::RunImpl(paddle::framework::Scope...5 paddle::framework::OperatorBase::Run(paddle::framework::Scope const&, paddle::platform::Place const...&) 6 paddle::framework::Executor::RunPartialPreparedContext(paddle::framework::ExecutorPrepareContext...(paddle::framework::ExecutorPrepareContext*, paddle::framework::Scope*, bool, bool, bool) 8 paddle:...:framework::Executor::Run(paddle::framework::ProgramDesc const&, paddle::framework::Scope*, int, bool
本文记录在 Fluid 主题中加入 Github 贡献表的方法。 贡献表 Github Chart 是什么呢?...所以谁都可以直接拿到,比如我的: 还可以选择一个颜色作为主题颜色,比如 26a397 那就访问 https://ghchart.rshah.org/26a397/zywvvd 添加到 Fluid...主题博客中 比如我想将 Github Chart 添加到 归档页 中 那么就需要修改 fluid\layout\archive.ejs 文件,添加如下代码 123 <div style="padding
fluid 主题简洁舒适,入场背景图片恢弘大气,但视频可能更好看,尝试自己对主题做了修改,本文记录修改方法和效果。...true 加入:index.banner_video: true 引入 jquery.js 为了 读取json 需要加载jquery.js 保险起见,我下载了最新的 jquery.js 放在了 fluid...可以在代码中使用 加载 创建视频url json 例如我的,文件在fluid...使用方法与原生fluid一致 额外需要添加的是 index.banner_video 配置项,并修改 js 文件夹中的 json文件内容 参考资料 https://github.com.../fluid-dev/hexo-theme-fluid/
hexo-fluid添加valine评论记录 修改fluid主题配置文件 1.进入fluid主题下的配置文件(config.yml) 2.找到comments配置,将enable的值改为true
上篇文章我们介绍了Multipart Path Guard Ring(以下简称:MPP-GR)和Fluid Guard Ring(以下简称:FGR)的区别以及FGR的制作, 本篇我们将介绍如何生成FGR...(1)FGR的生成; 打开layout界面,菜单栏点击Create---Fluid Guard Ring…,弹出如下对话框; 可以看到在Create Guard Ring界面中,有4个选项,分别代表着画出...(2)介绍如何灵活编辑FGR 打开layout界面,菜单栏点击Edit---Fluid Pcell会出现对FGR的各种编辑的命令,如下图; Chop:FGR全层切割; Merge:合并FGR; Convert...下面将结合视频的方式来介绍下Convert to Polygon和Tunnel命令对FGR的操作; 1、Convert to Polygon 2、Tunnel 点击Edit---Fluid Pcell—Tunnel
当网站有用户发布评论或者用户回复评论时,Waline 支持对博主和回复评论作者进行通知。
实现方式 Aop的实现方式,大体是分为两个版本一个是不同框架下的实现方式,不同平台就是Framework下面的实现方式,还有一种是Core下面的实现方式,这里我们主要讲这两种,第二个实现方式下面是两个通用的实现方式...,一种是基于IL的形式去实现,还有一种是基于内存的形式的实现,这里不太对这两种进行过多的讲解,后续会写一个使用IL去实现AOP的代码,这里主要讲FrameWork和Core框架下如何实现AOP代理的两种比较简单的方法...frameWork 在framework的框架下,可以使用RealProxy类来实现静态代理的的aop,需要自己去继承RealProxy这个类,然后实现Invoke的抽象方法,即可实现Aop...同样的,在RealProxy中我们可以记录日志,异常,执行前,执行后等操作,在这个Invoke里面,我们同样可以,这便是我在FrameWork以及Core中实现Aop的两种方式。
body, div, h1,h2, form, fieldset, footer,p { margin: 0; padding: 0; border: 0;...
领取专属 10元无门槛券
手把手带您无忧上云