Skip to content

0. Markdown test

Jump to bottom Edit New page
jay.chang edited this page Apr 26, 2019 · 4 revisions

title: Markdown test by stackedit published: true tags: Markdown, HTML, YAML date: 2015-12-15 2:59:43.10 toc: depth_from: 1 depth_to: 6 ordered: false html: embed_local_images: true embed_svg: true offline: false toc: true

  1. This is an H1 Features
  2. This is an H1
     2.1. This is an H2
     2.2. This is an H2
      2.2.1. This is an H3
  3. This is an H1 Features
      3.0.1. 中文標題
     3.1. Not Use
     3.2. Not support

This is an H1 Features

This is an H1

This is an H2

This is an H2

This is an H3

This is an H1 Features

由於計劃於本月底到東京自由行，又為了減輕行李負擔，這次希望不要攜帶筆記型電腦，雖說我的Think Pad X61「只有」1.5公斤，但開關機緩慢的速度經常會打消我使用的欲望，因此這次就評估看看iPad是否會是旅行的好伴侶。為了達成攜帶iPad旅行運用，我事先做了下列的硬體與軟體準備︰

  • 硬體

    1. iPad、連接線與充電器
    2. Apple Camera Connection Kit
    3. AluPen觸控筆
    4. JustMobile Encore iPad折疊式鋁質置放架
    5. 藍牙無線鍵盤+備用電池一顆
    6. 日本國內的3G SIM卡 (尚未備妥)

    △代辦事項

▼預備中的「武器」

iPad-devices

Here's an example:

function test() {
  console.log("notice the blank line before this function?");
}
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
Function name Description
help() Display the help window.
destroy() Destroy your computer!
Left-Aligned Center Aligned Right Aligned
col 3 is some wordy text $1600
col 2 is centered $12
zebra stripes are neat $1
  • iPad專屬軟體
    1. GPS軟體 (還在Survey，[MotionX GPS HD][]似乎不錯)
    2. 東京旅遊的相關電子書
    3. Skype (已購買點數)
    4. [WordPress for iPad][] (更新部落格用的AutoMattic官方軟體)
    5. 支援Markdown語法的編輯器，看了幾套但似乎都不太理想，條件如下:
      • 要支援雲端儲存 (例如能同步文章到Dropbox)
      • 必須支援TextExpander Touch，以能快速輸入、；常用詞彙
    6. 圖片處理軟體 (已購買Photogene，希望足敷使用)

請點擊此處連結開新分頁檢視。

##

This is the first level of quoting.

This is nested blockquote.

Back to the first level.

not ok [name=Guest Giannozzi] [time=Mon, Jan 28, 2019 12:30 AM]

i don't think it's a good idea [name=Guest Gelli] [time=Mon, Jan 28, 2019 12:34 AM] [color=#907bf7]

wiki wiki 常用指令 global 1. note example note example
[note example](1. note example.md)

single asterisks

single underscores

double asterisks

double underscores

Not support

That's some text with a footnote.[^1]

[^1]: And that's the footnote.

-         <td> <%= post.content %> </td>
+         <td> <%= simple_format(post.content) %> </td>
...
function test() {
  console.log("notice the blank line before this function?");
}

{% blockquote Author Name %} Flying is learning how to throw yourself at the ground and miss. {% endblockquote %}

{% blockquote Author Name https://example.com/quotation/source/link %} Over the past 24 hours I've been reflecting on my life & I've realized only one thing. I need a medieval battle axe. {% endblockquote %}

Server 狀態圖

digraph ServerStates {
  graph [label="Server States", labelloc=t, labeljust=l, fontsize=30];
  rankdir=LR;
  nodesep = 0.6

  node  [style="filled" fillcolor=black width=0.4];
  Created   [label="" shape=circle xlabel="Unknow"];
  Destroyed [label="" shape=doublecircle];

  node  [style="rounded,filled,bold" shape=box, width=1.2];
  Error     [fillcolor="#ffa0a0"];
  Initialed [fillcolor="#a0ffa0"];
  Ready     [fillcolor="#a0ffa0"];
  Shutdown  [fillcolor="#a0ffa0"];

  {
    rank=same;Ready;Error;
  }

  edge  [style=bold, weight=100]
  Created -> Initialed -> Ready -> Shutdown -> Destroyed;

  edge  [labeldistance = 4 labelangle=15 weight=10]
  Error -> Ready [taillabel="recovery" color="#3333aa"];

  edge  [color="#aa3333" weight=1]
  Ready     -> Error [taillabel="error"];
  Initialed -> Error [label="error"];
  Error     -> Shutdown [label="fatal error"];
}

UML 圖表

循序圖

您可以像是以下使用循序圖：

艾莉絲->包柏: 哈摟，你好嗎？
Note right of 包柏: 包柏思考中
包柏-->艾莉絲: 我很好，謝謝！
Note left of 艾莉絲: 艾莉絲回應
艾莉絲->包柏: 最近過得怎樣？

流程圖

您可以像是以下使用流程圖：

st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
op2=>operation: 啦啦啦
cond=>condition: 是或否？

st->op->op2->cond
cond(yes)->e
cond(no)->op2

Graphviz

digraph hierarchy {

  nodesep=1.0 // increases the separation between nodes

  node [color=Red,fontname=Courier,shape=box] //All nodes will this shape and colour
  edge [color=Blue, style=dashed] //All the lines look like this

  Headteacher->{Deputy1 Deputy2 BusinessManager}
  Deputy1->{Teacher1 Teacher2}
  BusinessManager->ITManager
  {rank=same;ITManager Teacher1 Teacher2}  // Put them on the same level
}

Mermaid

gantt
    title A Gantt Diagram

    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    anther task      : 24d
Loading

Abc

X:1
T:Speed the Plough
M:4/4
C:Trad.
K:G
|:GABc dedB|dedB dedB|c2ec B2dB|c2A2 A2BA|
GABc dedB|dedB dedB|c2ec B2dB|A2F2 G4:|
|:g2gf gdBd|g2f2 e2d2|c2ec B2dB|c2A2 A2df|
g2gf g2Bd|g2f2 e2d2|c2ec B2dB|A2F2 G4:|

Warning {.is-warning} ​ Danger {.is-danger}

==marked== :bulb: :warning: 警告區塊

:::success 耶 🎉 :::

:::info 這是訊息 📣 :::

:::warning 注意 ⚡ :::

:::danger 喔不 🔥 :::

options:

Owner read/write Signed-in read Signed-in write Guest read Guest write
Freely ✔ ✔ ✔ ✔ ✔
Editable ✔ ✔ ✔ ✔ ✖
Limited ✔ ✔ ✔ ✖ ✖
Locked ✔ ✔ ✖ ✔ ✖
Protected ✔ ✔ ✖ ✖ ✖
Private ✔ ✖ ✖ ✖ ✖

ToDo List:

  • ToDos
    • Buy some salad
    • Brush teeth
    • Drink some water
    • thing to do
    • thing to do
    • [v] thing to do
    • [=] thing to do

Code Block:

We support many programming languages, use the auto complete function to see the entire list.

var s = "JavaScript syntax highlighting";
alert(s);
function $initHighlight(block, cls) {
  try {
    if (cls.search(/\bno\-highlight\b/) != -1)
      return process(block, true, 0x0F) +
             ' class=""';
  } catch (e) {
    /* handle exception */
  }
  for (var i = 0 / 2; i < classes.length; i++) {
    if (checkCondition(classes[i]) === undefined)
      return /\d+[\s/]/g;
  }
}

If you want line numbers, type = after specifying the code block languagues. Also, you can specify the start line number. Like below, the line number starts from 101:

var s = "JavaScript syntax highlighting";
alert(s);
function $initHighlight(block, cls) {
  try {
    if (cls.search(/\bno\-highlight\b/) != -1)
      return process(block, true, 0x0F) +
             ' class=""';
  } catch (e) {
    /* handle exception */
  }
  for (var i = 0 / 2; i < classes.length; i++) {
    if (checkCondition(classes[i]) === undefined)
      return /\d+[\s/]/g;
  }
}

Blockquote Tags:

Using the syntax below to specifiy your name, time and color to vary the blockquotes. [name=ChengHan Wu] [time=Sun, Jun 28, 2015 9:59 PM] [color=#907bf7]

Even support the nest blockquotes! [name=ChengHan Wu] [time=Sun, Jun 28, 2015 10:00 PM] [color=red]

  1. :fa-times-square:
  2. :fa-times-circle:
  3. :fa-square:
  4. :fa-square-full:
  5. :fa-minus-square:
  6. :fa-500px:
  7. :fa-check-square:
  8. :fa-check-circle:
  9. :fa-circle:
  10. :fa-circle-notch:
Add a custom footer
Add a custom sidebar
Clone this wiki locally