当前位置: 首页 > news >正文

【Rust】Mdbook插件开发和分享——多图浏览和多语言代码

mdbook-image-slider

受DevExpress文档多图浏览的启发,我开发这个插件,在查看多个图片和图片的描述的时候非常方便

在这里插入图片描述

项目地址:https://github.com/VinciYan/mdbook-image-slider.git

特点

  • 鼠标置于图片查看区域时显示切换图片按钮
  • 鼠标点击图片可以缩放查看,移动端支持点击图片进行缩放和双击缩小图片
  • 显示当前查看图片的进度
  • 支持显示图片描述信息

用法

{{image-slider}}
image: http://vinciyan.com/image-public/image-20240831215150-edx0d4e.png caption: 图片1描述
image: http://vinciyan.com/image-public/0a41dd35-7079-44d1-93f8-995a99d011b0.png caption: 图片2描述
image: http://vinciyan.com/image-public/0a1e65f4-7ced-4ef0-ba7d-120014a0d4.png caption: 图片3描述
{{/image-slider}}

效果

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

mdbook-multicode-fork

这个项目我fork了一个名为mdbook-multicode的项目,原来的项目有一些bug,我修复了一些Bug并且美化了语言选择框等

在我们编写文档等,对于同一个功能可以用不同的语言来表达的时候,可以使用这个插件,切换查看不同的语言的代码

项目地址:https://github.com/VinciYan/mdbook-multicode-fork.git

效果

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


http://www.mrgr.cn/news/23240.html

相关文章:

  • 不到200行代码,一键写出简单贪吃蛇网页游戏!附详细代码!快来看看吧!
  • Linux IO模型:IO多路复用
  • Android源码 ota升级
  • 2-89 基于matlab的图像去噪方法
  • 利士策分享,克服生活中的困难:走好勇攀高峰的每一步
  • 计算机的发展史和基本结构
  • 我的第3个AI项目-Advanced RAG with Gemma, Weaviate, and LlamaIndex
  • Linux 中 Tail 命令的 9 个实用示例
  • 【华为OD流程】性格测试选项+注意事项
  • 从“纯血鸿蒙”看“自研系统”有多难
  • 洛谷 P10798 「CZOI-R1」消除威胁
  • Android使用Room后无法找到字符BR
  • 选择网站服务器有哪几种类型?
  • C8T6超绝模块--USART串口通信
  • docker conda
  • 分组注解和自定义注解及分页查询
  • 4.人事管理系统(springbootvue项目)
  • AUTOSAR_EXP_ARAComAPI的5章笔记(4)
  • 【重学 MySQL】二十二、limit 实现分页
  • 手把手带你拿捏指针(1)