A title

Some text

Some more text

:::: {layout="[[1,1,1], [1]]"}

:::{#skipjack}

Skipjack tuna ![](https://upload.wikimedia.org/wikipedia/commons/a/ac/Thunnus_obesus_%28bigeye_tuna%29.jpg)
::: :::

:::{#yellowfin}
:::{style="text-align: center"}
Yellowfin tuna

:::
:::

:::{#bigeye}
:::{style="text-align: center"}
Bigeye tuna

:::
:::

:::{#text .fragment}
:::{style="text-align: center; color: red;"}
Some text
:::
:::

::::

:::::

::::::

Test r1

順續出現的動畫(有序清單)

  1. 第一點
  2. 第二點

順序出現的動畫(改為置中)

1.第一點
2.第二點

Test r2

適應文字

適應文字

可用於多個標題

Column 1 Column 2 Column 3
Text Text Text

Other notes

  • Revealjs allows more than two columns
  • PPT is limited to two columns
  • PPT will ignore the column width
  • Images will need newline before and after to get recognized
  • Columns can only have one text element and can't occur before and after
pie

title 工程師的一天

"吃飯" : 10
"睡覺" : 30
"打咚咚" : 60

參考的連結

I get 10 times more traffic from Google than from
Yahoo or MSN.

表格

預設靠左

編號 標題 說明
1

表格-置中

編號 標題 說明
100 100 100
|編號|標題|說明|
|:-:|:-:|:-:|
|100|100|100

表格-靠右

編號 標題 說明
100 100 100
|編號|標題|說明|
|-:|-:|-:|
|100|100|100

MathJax

  • 使用 MathJax 語法 來產生 LaTeX 數學表達式
  • 符號表參見此筆記[target=_blank]
    \(\sum_{i=1}^{n}(w_ix_i+b)\)
Column 1 Column 2 Column 3
Text Text Text

蔡加尼克效應(Zeigarnik effect)

  • 未完成的工作項目會一直佔據大腦短期記憶體,如果沒做完事情就容易分心。
  • 也就是說,先記下來以清空大腦短期記憶體,其實就會減少分心!
  1. 也有透過嵌入 Slido 讓使用者留言與講者互動
flowchart
        Client
        Server
        Database
flowchart
    Client --> Server
    Server --> Database

flowchart LR
    Client --> Server
    Server --> Database
    Database -.-> Server
    Server -.-> Client
flowchart LR
    c[Client]
    s[Server]
    db[Database]
    
    c -- HTTP GET --> s
    s -- SQL Query --> db
    db -. Result Set .-> s
    s -. JSON .-> c
flowchart LR
    subgraph Azure
        s[Server]
        db[(Database)]
    end
    subgraph Netlify
        c[Client]
    end

    c -- HTTP GET --> s
    s -. JSON .-> c    
    db -. Result Set .-> s
    s -- SQL Query --> db
flowchart LR
    subgraph Azure
        s[fa:fa-code Server]
        db[(fa:fa-table Database)]
    end
    subgraph Netlify
        c[fa:fa-user Client]
    end

    subgraph Netlify
    end
    subgraph Azure
        direction LR
    end
    
    c -- HTTP GET --> s
    s -- SQL Query --> db
    db -. Result Set .-> s
    s -. JSON .-> c

flowchart RL
    A@{ shape: manual-file, label: "File Handling"}
    B@{ shape: manual-input, label: "User Input"}
    C@{ shape: docs, label: "Multiple Documents"}
    D@{ shape: procs, label: "Process Automation"}
    E@{ shape: paper-tape, label: "Paper Records"}
    
sequenceDiagram 
Brian->>+Ken: Authentication Request 
Ken-->>+Brian: Authentication Response 
Ken->>+RequestHandler: Valid Authentication Request 
RequestHandler-->>+Ken: Valid Authenticatication Response
gantt
    title A Survey Process Gantt Chart
    dateFormat  YYYY-MM-DD
    section Sect1
    Short Survey           :a1, 2023-01-01, 20d
    Data Processing     :after a1  , 20d
    section Sect2
    Periodical Feedback Report      :2023-01-12  , 12d
    User Testing and Data Exploration      : 20d
    
國立故宮博物院
-73.963246,40.779438,17
Column 1 Content
Column 2 Content

2x2


Motive


Time


Skill


Willingness

h2

- This is my first left element

- This is my second left element

- This is my first right element

- This is my second rightelement

Text going to the right
Text going on the left column

Text going to the right 2
Text going on the left column 2

test

1
2

3
4

Good1


Bad1

Good2

Bad2

Good3

Bad3

1
2
3
Header
Menu
Main
Right
Footer

Cats

   

Cats

Cats


資料來源-開放資料



  • TDX
  • 有公共自行車、公車站資料
  • GNS
  • 地址座標點位
  • ETC

  • 消防栓

  • 直飲台

  • 村里邊界

  • 1

  • 2

  • 資料來源-開放資料



    • TDX
    • 有公共自行車、公車站資料
    • ETC

    • 消防栓

  • 1

  • 2

    • 1
    • 2
    • 1
    • 2
    1
    {"title":"Hackmd Slide test","description":"::::::{.columns}","contributors":"[{\"id\":\"6d29f5f5-3da6-40f2-b920-e9a4cc2181dd\",\"add\":21856,\"del\":1400}]"}
       changed 17 days ago 68 views
       owned this note