-
Notifications
You must be signed in to change notification settings - Fork 0
/
README.html
114 lines (109 loc) · 4.01 KB
/
README.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>blog</title>
<style>
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css">
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
font-size: 14px;
line-height: 1.6;
}
</style>
<style>
.task-list-item { list-style-type: none; } .task-list-item-checkbox { margin-left: -20px; vertical-align: middle; }
</style>
</head>
<body class="vscode-body vscode-light">
<h1 id="blog">blog</h1>
<p>This is a repo for me to stor may blog post along with any assets that will be needed.</p>
<h1 id="style-guide">Style Guide</h1>
<h1 id="cheet-sheet">Cheet Sheet</h1>
<h1 id="markdown-cheat-sheet">Markdown Cheat Sheet</h1>
<p>Thanks for visiting <a href="https://www.markdownguide.org">The Markdown Guide</a>!</p>
<p>This Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for <a href="https://www.markdownguide.org/basic-syntax">basic syntax</a> and <a href="https://www.markdownguide.org/extended-syntax">extended syntax</a>.</p>
<h2 id="basic-syntax">Basic Syntax</h2>
<p>These are the elements outlined in John Gruber’s original design document. All Markdown applications support these elements.</p>
<h3 id="heading">Heading</h3>
<h1 id="h1">H1</h1>
<h2 id="h2">H2</h2>
<h3 id="h3">H3</h3>
<h3 id="bold">Bold</h3>
<p><strong>bold text</strong></p>
<h3 id="italic">Italic</h3>
<p><em>italicized text</em></p>
<h3 id="blockquote">Blockquote</h3>
<blockquote>
<p>blockquote</p>
</blockquote>
<h3 id="ordered-list">Ordered List</h3>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
<h3 id="unordered-list">Unordered List</h3>
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
<h3 id="code">Code</h3>
<p><code>code</code></p>
<h3 id="horizontal-rule">Horizontal Rule</h3>
<hr>
<h3 id="link">Link</h3>
<p><a href="https://www.example.com">title</a></p>
<h3 id="image">Image</h3>
<p><img src="file:///c:\GH\blog\assets\profile.jpg" alt="alt text"></p>
<p><img src="https://github.com/pempey/blog/blob/master/assets/profile.jpg?raw=true" alt=""></p>
<h2 id="extended-syntax">Extended Syntax</h2>
<p>These elements extend the basic syntax by adding additional features. Not all Markdown applications support these elements.</p>
<h3 id="table">Table</h3>
<table>
<thead>
<tr>
<th>Syntax</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>Header</td>
<td>Title</td>
</tr>
<tr>
<td>Paragraph</td>
<td>Text</td>
</tr>
</tbody>
</table>
<h3 id="fenced-code-block">Fenced Code Block</h3>
<pre><code><code><div>{
"firstName": "John",
"lastName": "Smith",
"age": 25
}
</div></code></code></pre>
<h3 id="footnote">Footnote</h3>
<p>Here's a sentence with a footnote. [^1]</p>
<p>[^1]: This is the footnote.</p>
<h3 id="heading-id">Heading ID</h3>
<h3 id="my-great-heading-custom-id">My Great Heading {#custom-id}</h3>
<h3 id="definition-list">Definition List</h3>
<p>term
: definition</p>
<h3 id="strikethrough">Strikethrough</h3>
<p><s>The world is flat.</s></p>
<h3 id="task-list">Task List</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input class="task-list-item-checkbox" checked="" disabled="" type="checkbox"> Write the press release</li>
<li class="task-list-item"><input class="task-list-item-checkbox" disabled="" type="checkbox"> Update the website</li>
<li class="task-list-item"><input class="task-list-item-checkbox" disabled="" type="checkbox"> Contact the media</li>
</ul>
</body>
</html>