# 使用Hackmd寫一份簡單的投影文件 >[name=yanting][time=2017 6 16] ###### tags: `佳綸生技` [TOC] --- ## 文件篇 <!-- .slide: data-background="#1A237E" --> --- ### 第一步:下標題 心裡有個文件的架構，利用標題分段使文件乾淨、<font color="red">好整理</font>。 <!-- .slide: data-transition="fade-in convex-out" --> 參考語法 # 大標題 ## 副標題 ### 小標題 --- ### 第二步:引用區塊標籤 今天我想引用別人的字句、圖片可以使用引用標籤來表示。 >*Do not, for one repulse, give up the purpose that you resolved to effect.* >[name=William Shakespeare] ---- 參考語法 \>彥廷想吃下午茶 \>[name=李彥廷] ---- #### 進階用法 我只想讓別人知道這是我的文件...  --- ### 第三步:使用標籤 使用語法在外層顯示方便找尋文件 ###### tags: `佳綸生技分享` ---- 參考語法 \###### tags: `彥廷的祕密花園` --- ### 第四步:使用索引 索引會鎖定大中小的標題，第四層以下標題會被略過  ---- 參考語法 \[TOC] 鎖定 \# h1 大標題 \## h2 副標題 \### h3 小標題 忽略以下 \#### h4 \##### h5 \###### h6 --- ### 貼上圖片影片 只要按下這個按鈕<i class="fa fa-camera"></i> 或是 拖放 圖片到編輯器，甚至 貼上 圖片也可以 參考 ctrl+c ctrl+v ---- 實際例子Leon報告需要放影片 --- {%youtube ui432VMXSnI%} {%youtube 3M8HRZvgKnc %} --- ### 字型變更 **粗體文字** __粗體文字__ *斜體文字* _斜體文字_ 上標： 19^th^ 下標： H~2~O ++底線文字++ ==螢光筆== ---- 參考語法 **粗體文字** __粗體文字__ *斜體文字* _斜體文字_ 上標： 19^th^ 下標： H~2~O ++底線文字++ ==螢光筆== --- END <!-- .slide: data-background="#1A237E" --> --- ### 以後再搞 #### 繪出流程圖 ```flow st=>start: 新進同仁報到通知 op=>operation: 發起帳號申請單 e=>end: 結案通知申請人及人資單位 cond=>condition: 主管審核？ cond2=>condition: 帳號是否重複？ op2=>operation: 帳號申請單派工指派 op3=>operation: 撤銷退單 op4=>operation: 建立帳號 st->op->cond cond(yes)->op2->cond2 cond(no)->op3 cond2(yes,right)->op cond2(no)->op4 op4->e ``` >[name=cloud] ---- 懶惰鬼專用 ```flow st=>start: 開始 op=>operation: 流程 cond=>condition: 審核點 end=>end: 結束 st->op op->cond cond(yes)->end cond(no)->op ``` --- ```graphviz digraph hierarchy { nodesep=1.0 node[color=blue,shape=rectangle] edge [color=1] "資訊安全處\n張國祥\n(10+10+10+4工讀生)"->{"專案管理部\n呂家華\n(1+1)""資訊應用部\n呂家華\n(2+3)""資訊安全部\n詹岳蒼\n(1+4)""系統維運部\n邱昱光\n(5+2)"} //我已 "專案管理部\n呂家華\n(1+1)"->{"專案管理師"} edge [color=red] " 工讀生\nKyle\nYanting\nDavid\n" } ``` >[name=張國祥] ---- 懶惰鬼專用 ```graphviz digraph hierarchy { nodesep=1.0 node[color=blue,shape=rectangle] edge [color=1] 1->2->3 1->4->5 } ```