MarkDown和流程圖詮釋你的代碼


  • 寫在前面:首先感謝導師-猴哥對我的認可(求多分享點編程經驗、工具、多開課),學習編程是一個痛苦和快樂的過程,希望大家共勉
  • 本文介紹MarkDown的基本語法、使用MarkDown畫簡單的流程圖、使用Xmind畫復雜的流程圖

MarkDown介紹

  • 互聯網時代,大家都開始將筆記記錄在雲端,你是否在記錄筆記的時候還在選中=》調整格式=》調整段落
  • 好吧,你OUT了,MarkDown是一種能快速規范格式的語法,只要幾個小小的標識符即可飛快的完成格式化筆記
  • 在每個CODE項目中,都會有一個文件叫readme.md來說明程序是干什么的

MarkDown編輯器

  • 推薦使用為知筆記這是一個很強大的客戶端,可以直接編輯md文件,並同步推送博客園等多種博客
  • 在線編輯器作業部落 可以導出到本地文件,也很好用
  • Typora 極致簡潔的編輯器,所見即所得!

MarkDown基本語法

  • 安利了那么多,我們來看怎么寫MD文件吧

1. 標題

# 一級標題 【#+一個空格】
## 二級標題 【##+一個空格】
以此類推

一級標題

二級標題

2. 列表

 - 無序列表1 【減號+空格】
 - 無序列表2
  • 無序列表1
  • 無序列表2
1. 有序列表
2. 有序列表
7. 不管前面序號是否錯誤,依次排列
…
  1. 有序列表
  2. 有序列表
  3. 不管前面序號是否錯誤,依次排列

3. 整一個To Do List

- [x] 學習python基礎 【減號+[+空格或x+]+空格】
- [ ] 學習python網絡編程
  • 學習python基礎
  • 學習python網絡編程

4. 引用

> 我是引用來的 【>+空格】
> 我是引用來的
…

我是引用來的
我是引用來的

5. 連接和圖片

[下載為知筆記](https://note.wiz.cn/i/27d6d108)  【方括號里寫描述,圓括號里填連接】
![圖片描述](圖片url或者path) 【連接的寫法前面加嘆號】

下載為知筆記
51CTO

6. 高亮代碼塊

  • TAB鍵上方,數字1左邊,按三個
  • 也可以按一個,將一句代碼包含在其中,像這樣vi /etc/host

```[語言類型] 如: ```python
寫在這些之間的就是代碼
import os
```

import os
os.path.join()

7.分割線

  • -------------- 【隨便按七八個減號即可】

  • MarkDown常用語法就這些,是不是很好用,當然還有很多用法,但有的解釋器不支持
  • 更多用法

用markdown語法畫流程圖

  • 一個純文本的語法怎么畫圖?
  • 將流程圖代碼包含在```folw```之間即可
  • 例子

    ```flow
    st=>start: 開始
    e=>end: 登錄
    io1=>inputoutput: 輸入用戶名密碼
    sub1=>subroutine: 數據庫查詢子類
    cond=>condition: 是否有此用戶
    cond2=>condition: 密碼是否正確
    op=>operation: 讀入用戶信息

    st->io1->sub1->cond
    cond(yes,right)->cond2
    cond(no)->io1(right)
    cond2(yes,right)->op->e
    cond2(no)->io1
    ```

  • 流程圖代碼分兩塊,上面一塊是創建你的流程(創建元素),然后隔一行,創建流程的走向(連接元素)

  • 創建流程(元素):tag=>type: content:>url
    • tag 是流程圖中的標簽,在第二段連接元素時會用到。名稱可以任意,一般為流程的英文縮寫和數字的組合。
    • type 用來確定標簽的類型,=>后面表示類型。由於標簽的名稱可以任意指定,所以要依賴type來確定標簽的類型
    • 標簽有6種類型:start end operation subroutine condition inputoutput
    • content 是流程圖文本框中的描述內容,: 后面表示內容,中英文均可。特別注意,冒號與文本之間一定要有個空格
    • url是一個連接,與框框中的文本相綁定,:>后面就是對應的 url 鏈接,點擊文本時可以通過鏈接跳轉到 url 指定頁面
  • 指向流程(連接元素):標識(類別)->下一個標識
    • 使用 -> 來連接兩個元素
    • 對於condition類型,有yesno兩個分支,如示例中的cond(yes)cond(no)
    • 每個元素可以制定分支走向,默認向下,也可以用right指向右邊,如示例中cond2(yes,right)
Created with Raphaël 2.1.4開始輸入用戶名密碼數據庫查詢子類是否有此用戶密碼是否正確讀入用戶信息登錄yesnoyesno
流程圖元素
  • 開始
    st=>start: 開始
  • 操作
    op1=>operation: 操作、執行說明
  • 條件
    cond=>condition: 確認?
  • 子程序
    sub1=>subroutine: 子程序操作說明
  • 用戶輸入或輸出
    io1=>inputoutput: 輸入密碼
  • 結束
    e=>end: 結束
簡單的流程圖,幾句MD語法代碼即可解決,不必去各種拖拽~

使用Xmind畫復雜的流程圖

  • 畫流程圖的工具
    • processon 在線流程圖編輯器,很好很強大,但是手抖的話線畫不直,而且逼格不太高
    • Xmind 裝逼利器,可以畫各種流程圖、魚骨圖、思維導圖

1、創建空白圖

  • 文件=》新建=》模板,找到流程圖那個模板

2、更改格式

  • 選中要更改的塊,單擊右側格式按鈕

  • 修改外形邊框為圓角矩形

  • 修改邊框為無

3、創建其他流程(元素)

  • 空白處單擊右鍵,選擇自由主題
  • 設置外形為鑽石型,邊框為無

4、連接元素

  • 選中第一個元素,點擊上方工具欄按鈕,再點葯連接的元素

5、調整連接點、連接弧度、修改連接說明

  • 紅色小塊可以調整連接在這個元素上的位置
  • 黃色小塊調整連接線的弧度
  • 雙擊線上的文字進行修改

    • 好了,你需要其他東西(元素)自行按照上面的修改吧
  • 下面是我用Xmind畫的流程圖,可以參考一下

selector版FTP

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM