Hugo博客 怎样绘制流程图?

2025-11-20 20:31:33

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博客 怎样绘制流程图?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢