hexo流程图

最新推荐文章于 2023-01-24 14:32:09 发布

Fengshana

最新推荐文章于 2023-01-24 14:32:09 发布

阅读量434

点赞数

分类专栏：随笔

本文链接：https://blog.csdn.net/qq_43409111/article/details/115196912

版权

随笔专栏收录该内容

31 篇文章 0 订阅

订阅专栏

🌟🌟🌟
😄刚刚找到两个找表情包Emoji的地方，嘿嘿😉，终于可以不用是颜文字了😉；（刚刚试了有些反应不出来…🙃,但是可以进行copy，paste啊哈哈哈🧙‍♀️ 🧙‍♀️ 🧙‍♀️ ）
参考blog: https://segmentfault.com/q/1010000021180710/

💫 https://unicode.org/emoji/charts/full-emoji-list.html
💫 https://emoji.muan.co/
💫 https://www.webfx.com/tools/emoji-cheat-sheet/

参考blog: http://kkpattern.github.io/2015/05/15/Embed-Chart-in-Jekyll.html

mermaid.full.min.js:

使用的是：https://www.bootcdn.cn/mermaid/0.2.4/
https://cdn.bootcdn.net/ajax/libs/mermaid/0.2.4/mermaid.full.min.js

我是采用的hexo的next主题所以找到自己的 theme/next/layout/layout.swig 当中进行编辑

<!DOCTYPE html>

{% set html_class = 'theme-next ' + theme.scheme %}
{% if theme.motion.enable %}
{% set html_class = html_class + ' use-motion' %}
{% endif %}

<html class="{{ html_class | lower }}" lang="{{ config.language }}">
<head>
{% include '_partials/head.swig' %}
<title>{% block title %}{% endblock %}</title>
{% include '_third-party/analytics/index.swig' %}

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.js"></script>
<script src="https://unpkg.com/minigrid@3.1.1/dist/minigrid.min.js"></script>
<link rel="stylesheet" href="/photos/photos.css">
<script type="text/javascript" src="/photos/photo.js"></script>



<!--把script粘到这里就差不多了-->
<script src="https://cdn.bootcdn.net/ajax/libs/mermaid/0.2.4/mermaid.full.min.js"></script>

........

然后就可以愉快的使用了流程图了；终于不用傻逼式截图或者自己画了；害；

<div class="mermaid">
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
</div>

上述代码放在了代码块内容当中显示；
下面就是上述代码直接粘在了markdown文件当中然后显示出来的内容；

graph TD; A-->B; A-->C; B-->D; C-->D;

现在得好好学学怎么画流程图了；哈哈哈哈~~~

插入一下流程图mermaid语法，
参考blog 👇

https://www.jianshu.com/p/9810ba886955
https://blog.csdn.net/wangyaninglm/article/details/52887045

方向控制


流程图分为竖向和横向两大类，竖向包括自上而下和自下而上两种顺序，横向包括从右到左和从左到右两种顺序。
其对应语法分别为：graph TB/graph BT/graph RL/graph LR。

TB - top bottom（自上而下）
BT - bottom top（自下而上）
RL - right left（从右到左）
LR - left right（从左到右）
TD: 默认方向，从上到下

测试下；

graph LR; subgraph A[h_user user:id:3506728370 :name ]-->B[春晚]; C[h_user user:id:3506728370 :fans ]-->D[12210862]; E[h_user user:id:3506728370 :blogs ]-->F[83]; end

Fengshana

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
hexo流程图

????????????????刚刚找到两个找表情包Emoji的地方，嘿嘿????，终于可以不用是颜文字了????；（刚刚试了有些反应不出来…????,但是可以进行copy，paste啊哈哈哈????‍♀️ ????‍♀️ ????‍♀️ ）参考blog: https://segmentfault.com/q/1010000021180710/???? https://unicode.org/emoji/charts/full-emoji-list.html???? https://emoji.m
复制链接

扫一扫