流程圖語法

｜超連結

graph LR
	A([🌐窩DEMAA官網.]) --> B[首頁] & C[數位指南.] & D[生活體驗.] & E[美食導航.] & F[書籍分享.] & G[關於我們.]
	
	%% 流程圖要加上顏色
	style A fill:#C4E1FF, stroke:#333, stroke-width:2px;
	style B fill:#73E68C, stroke:#333, stroke-width:2px;
	style C fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style D fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style E fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style F fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style G fill:#73E68C, stroke:#333, stroke-width:2px;
	
	%% 流程圖加入超連結
	%% 若要以新分頁開啟超連結，需要在超連結後輸入 _blank
	click A "<https://odemaa2020.com/>" _blank
	click B "<https://odemaa2020.com/>"
	click C "<https://odemaa2020.com/digi-productivity/>"
	click D "<https://odemaa2020.com/life/>"
	click E "<https://odemaa2020.com/foodie/>"
	click F "<https://odemaa2020.com/reading/>"
	click G "<https://odemaa2020.com/about-us/>"

｜粗體線

graph LR
	%% 流程圖預設線條為一般線條，輸入 --> 即可
	%% 流程圖加粗線條，Mermaid語法要輸入 ==>
	A([🌐窩DEMAA官網.]) ==> B[首頁]
	A([🌐窩DEMAA官網.]) --> C[數位指南.]
	A([🌐窩DEMAA官網.]) --> D[生活體驗.]
	A([🌐窩DEMAA官網.]) --> E[美食導航.]
	A([🌐窩DEMAA官網.]) --> F[書籍分享.]
	A([🌐窩DEMAA官網.]) ==> G[關於我們.]
	
	%% 流程圖要加上顏色
	style A fill:#C4E1FF, stroke:#333, stroke-width:2px;
	style B fill:#73E68C, stroke:#333, stroke-width:2px;
	style C fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style D fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style E fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style F fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style G fill:#73E68C, stroke:#333, stroke-width:2px;
	
	%% 流程圖加入超連結
	%% 若要以新分頁開啟超連結，需要在超連結後輸入 _blank
	click A "<https://odemaa2020.com/>"
	click B "<https://odemaa2020.com/>"
	click C "<https://odemaa2020.com/digi-productivity/>"
	click D "<https://odemaa2020.com/life/>"
	click E "<https://odemaa2020.com/foodie/>"
	click F "<https://odemaa2020.com/reading/>"
	click G "<https://odemaa2020.com/about-us/>"

｜內容換行

graph LR
	%% 若要內容換行，請在要換行前加上<br>
	A[🌐 窩DEMAA.<br>官網 🌐] ==> B[首頁]
	A[🌐 窩DEMAA.<br>官網 🌐] --> C[數位指南.]
	A[🌐 窩DEMAA.<br>官網 🌐] --> D[生活體驗.]
	A[🌐 窩DEMAA.<br>官網 🌐] --> E[美食導航.]
	A[🌐 窩DEMAA.<br>官網 🌐] --> F[書籍分享.]
	A[🌐 窩DEMAA.<br>官網 🌐] ==> G[關於我們.]
	
	%% 流程圖要加上顏色
	style A fill:#C4E1FF, stroke:#333, stroke-width:2px;
	style B fill:#73E68C, stroke:#333, stroke-width:2px;
	style C fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style D fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style E fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style F fill:#FFF4C1, stroke:#333, stroke-width:2px;
	style G fill:#73E68C, stroke:#333, stroke-width:2px;
	
	%% 流程圖加入超連結
	%% 若要以新分頁開啟超連結，需要在超連結後輸入 _blank
	click A "<https://odemaa2020.com/>"
	click B "<https://odemaa2020.com/>"
	click C "<https://odemaa2020.com/digi-productivity/>"
	click D "<https://odemaa2020.com/life/>"
	click E "<https://odemaa2020.com/foodie/>"
	click F "<https://odemaa2020.com/reading/>"
	click G "<https://odemaa2020.com/about-us/>"

From 窩DEMAA｜數位生產力