Hugo博客 怎样绘制流程图

 时间:2024-10-14 20:03:47

1、sublime text 文本编辑器打开博客所在的文件夹

Hugo博客 怎样绘制流程图

2、然后新建一个博客 hugo new --kind post post/diagram

Hugo博客 怎样绘制流程图

3、创建mermaid代码分块区域, 格式如图

Hugo博客 怎样绘制流程图

4、绘制一张从左到右 展现的流程图, graph LT; 注意结尾的分号, 表示从左到右left to right

Hugo博客 怎样绘制流程图

5、然后两个属性 中间用箭头-->连接, 结尾需要有分号;

Hugo博客 怎样绘制流程图

6、如果想在箭头上添加注释的话需要,.注释. 格式如图:

Hugo博客 怎样绘制流程图

7、 在左侧预览就可以看到这一张流程图了, 可以托管在github上, 但是bitbucket目前不支持

Hugo博客 怎样绘制流程图

8、你好!如果这篇文章正在参加百度九周坎怙醣秸年活动,如图对你有帮助,请转发、分享、投票,点赞,收藏!!!如果你有疑问可以在下面留言哦!!!谢谢你!!!!

Hugo博客 怎样绘制流程图
  • 彩铅画教程之萌宠白猫
  • 新版第五人格如何更改化名?
  • 缤果消消乐第500-600关通关攻略一
  • PS如何制作风吹的效果?
  • 微微仰头的动漫人物头部怎么画
  • 热门搜索
    什么叫素质教育 花中四君子指什么 迟日的意思 什么是对口招生 国破山河在城春草木深的意思 儿童餐椅什么牌子好 泰国仙草的功效与作用 什么牌子的学习机好 痛彻心扉什么意思 什么是娃娃脸