init

my_snippets/markdown.snippets

@@ -0,0 +1,163 @@
+global !p
+def gen_header(snip):
+    placeholders_string = snip.buffer[snip.line].strip()
+    level = int(placeholders_string[0])
+
+    # erase current line
+    snip.buffer[snip.line] = ""
+    line_content = "#" * level + " ${1:Section Name}"
+    line_content += '\n$0'
+
+    snip.expand_anon(line_content)
+endglobal
+
+snippet "(k1|kbd)" "HTML kbd tag" rw
+<kbd>${1:KEY}</kbd>$0
+endsnippet
+
+snippet k2 "Two key strokes shortcut"
+<kbd>${1:KEY}</kbd> + <kbd>${2:KEY}</kbd>
+endsnippet
+
+snippet k3 "Three key strokes shortcut"
+<kbd>${1:KEY}</kbd> + <kbd>${2:KEY}</kbd> + <kbd>${3:KEY}</kbd>
+endsnippet
+
+snippet meta "Markdown front matter (YAML format)" b
+---
+title: "$1"
+date: `!p from datetime import datetime
+if not snip.c:
+    snip.rv = datetime.now().astimezone().strftime("%Y-%m-%d %H:%M:%S%z")`
+tags: [$2]
+categories: [$3]
+---
+$0
+endsnippet
+
+snippet more "HTML more tag"
+<!--more-->
+endsnippet
+
+snippet img "Aligned image using HTML tag"
+<p align="center">
+  <img src="${1:URL}" width="${2:800}">
+</p>
+$0
+endsnippet
+
+snippet font "HTML font tag"
+<font color="${1:blue}">${2:TEXT}</font>
+endsnippet
+
+snippet link "Markdown links"
+[$1]($2)$0
+endsnippet
+
+snippet rlink "Markdown ref link"
+[${1:link_text}][${2:label}]
+endsnippet
+
+post_jump "gen_header(snip)"
+snippet "h([1-6])" "Markdown header" br
+`!p snip.rv = match.group(1)`
+endsnippet
+
+snippet detail "Clickable details" b
+<details>
+  <summary><font size="2" color="red">${1:Click to show the code.}</font></summary>
+
+  $2
+</details>
+
+snippet info "info box"
+<style type="text/css">
+  @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
+  .info-msg {
+    color: #059;
+    background-color: #BEF;
+    margin: 5px 0;
+    margin-bottom: 20px;
+    padding: 10px;
+    border-radius: 5px 5px 5px 5px;
+    border: 2px solid transparent;
+    border-color: transparent;
+  }
+</style>
+
+<div class="info-msg">
+  <i class="fa fa-info-circle"> Info</i></br>
+  ${1:info text}
+</div>
+$0
+endsnippet
+
+snippet warn "warning box"
+<style type="text/css">
+  @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
+  .warning-msg {
+    color: #9F6000;
+    background-color: #FEEFB3;
+    margin: 5px 0;
+    margin-bottom: 20px;
+    padding: 10px;
+    border-radius: 5px 5px 5px 5px;
+    border: 2px solid transparent;
+    border-color: transparent;
+  }
+</style>
+
+<div class="warning-msg">
+  <i class="fa fa-warning"> Warning</i></br>
+  ${1:warning text}
+</div>
+$0
+endsnippet
+
+snippet error "error box"
+<style type="text/css">
+  @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
+  .error-msg {
+    color: #D8000C;
+    background-color: #FFBABA;
+    margin: 5px 0;
+    margin-bottom: 20px;
+    padding: 10px;
+    border-radius: 5px 5px 5px 5px;
+    border: 2px solid transparent;
+    border-color: transparent;
+  }
+<style>
+
+<div class="error-msg">
+  <i class="fa fa-times-circle"> Error</i></br>
+  ${1:error text}
+</div>
+$0
+endsnippet
+
+snippet success "success box"
+<style type="text/css">
+  @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
+  .success-msg {
+    color: #270;
+    background-color: #DFF2BF;
+    margin: 5px 0;
+    margin-bottom: 20px;
+    padding: 10px;
+    border-radius: 5px 5px 5px 5px;
+    border: 2px solid transparent;
+    border-color: transparent;
+  }
+</style>
+
+<div class="success-msg">
+  <i class="fa fa-check"></i>
+  ${1:success text}
+</div>
+$0
+endsnippet