diff --git a/themes/vanilla/layouts/shortcodes/numberedsidenote b/themes/vanilla/layouts/shortcodes/numberedsidenote
new file mode 100644
index 0000000..0b6358a
--- /dev/null
+++ b/themes/vanilla/layouts/shortcodes/numberedsidenote
@@ -0,0 +1,9 @@
+{{ .Page.Scratch.Add "numbernote-id" 1 }}
+{{ $id := .Page.Scratch.Get "numbernote-id" }}
+<span class="sidenote">
+<label class="sidenote-label" for="numbernote-{{ $id }}">({{ $id }})</label>
+<input class="sidenote-checkbox" type="checkbox" id="numbernote-{{ $id }}"></input>
+<span class="sidenote-content sidenote-{{ .Get 0 }}">
+{{ .Inner }}
+</span>
+</span>