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

关于WIKI的一些使用技巧

本文收录个人在编写wiki技术文档时(我采用的是Markdown),使用到一些图片处理,表格处理,排版等的技巧,个人小小总结分享。

  1. 图文+表格
    在这里插入图片描述
    没错,我在markdown中嵌入了html代码,markdown有些局限,但是巧妙结合html代码也可以实现。你只需要修改以下代码的图片名称src,以及文字名称即可。
 <table style="width: 100%; border-collapse: collapse; background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);"><tr><th colspan="2" style="text-align: center; padding: 15px; background-color: #f5f7fa; font-size: 1.2em; border-bottom: 2px solid #e4e7ed;">检查项目</th></tr><tr><td style="width: 50%; text-align: center; padding: 20px; background-color: #ffffff; border-bottom: 1px solid #f0f2f5;"><img src="https://environment_is_clean.png" style="width: 100%; max-width: 300px; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);"><p style="margin-top: 15px; font-size: 0.95em; line-height: 1.5;">确认作业环境干净无杂物,包括外壳无重物压放。</p></td><td style="width: 50%; text-align: center; padding: 20px; background-color: #ffffff; border-bottom: 1px solid #f0f2f5;"><img src="https://connect_to_the_vent1.png" style="width: 100%; max-width: 300px; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);"><p style="margin-top: 15px; font-size: 0.95em; line-height: 1.5;">确认排烟管道末端放置于通风口或空气净化器(如有空气净化器)</p></td></tr><tr><td style="text-align: center; padding: 20px; background-color: #ffffff;"><img src="https://insert_u_key.png" style="width: 100%; max-width: 300px; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);"><p style="margin-top: 15px; font-size: 0.95em; line-height: 1.5;">检查U-Key已经插入设备对应接口</p></td><td style="text-align: center; padding: 20px; background-color: #ffffff;"><img src="https://fiz.aliencell.com/w/X1/first_project/Unlock_stop_button.png" style="width: 100%; max-width: 300px; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);"><p style="margin-top: 15px; font-size: 0.95em; line-height: 1.5;">检查急停旋钮为释放状态</p></td></tr>
</table>

陆续更新。。。。

http://www.dtcms.com/a/309540.html

相关文章:

  • windows系统安装文生图大模型Stable diffusion V3.5 large(完整详细可用教程)
  • 20250801在Ubuntu24.04.2LTS下编译firefly_itx_3588j的Android12时解决boot.img过大的问题
  • 李宏毅深度学习教程 第4-5章 CNN卷积神经网络+RNN循环神经网络
  • 基于SpringBoot+MyBatis+MySQL+VUE实现的经方药食两用服务平台管理系统(附源码+数据库+毕业论文+部署教程+配套软件)
  • 【科普】进程与线程的区别
  • 电商前端Nginx访问日志收集分析实战
  • 机器学习【三】SVM
  • 无人机避让路径规划模块运行方式
  • uniapp无线(WIFI)运行调试APP(真机)
  • C++继承中虚函数调用时机问题及解决方案
  • 无人机模式的切换
  • 服务端之nestJS常用异常类及封装自定义响应模块
  • 无人机上的 “气象侦察兵”:无人机用气象仪
  • 在线教程丨全球首个 MoE 视频生成模型!阿里 Wan2.2 开源,消费级显卡也能跑出电影级 AI 视频
  • linux中HADOOP_HOME和JAVA_HOME删除后依然指向旧目录
  • 从 0 到 1 认识 Spring MVC:核心思想与基本用法(下)
  • Android使用MediaProjectionManager获取游戏画面和投屏
  • Apache RocketMQ 中 Consumer(消费者)的详细说明
  • Git基础命令大全
  • python-异常(笔记)
  • 力扣热题100---------206.反转链表
  • Java 学习笔记:常用类、String 与日期时间处理
  • 对于前端闭包的详细理解
  • 【数据结构与算法】21.合并两个有序链表(LeetCode)
  • Redis内存淘汰机制
  • 32. flex 的子元素可以浮动吗
  • RLHF-V原论文阅读
  • RabbitMQ-镜像队列(Mirrored Queues)
  • Springboot 配置 doris 连接
  • 阿里智能AI框架Playground,即学即用