关于WIKI的一些使用技巧
本文收录个人在编写wiki技术文档时(我采用的是Markdown),使用到一些图片处理,表格处理,排版等的技巧,个人小小总结分享。
- 图文+表格
没错,我在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>
陆续更新。。。。