🌟🌟🌟
😄刚刚找到两个找表情包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