Skip to content

Instantly share code, notes, and snippets.

@jinjor

jinjor/simple-markdown.html

Created March 29, 2017 10:11
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jinjor/5aacc728bd9895985b3ff83d62cc87c7 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jinjor/5aacc728bd9895985b3ff83d62cc87c7 to your computer and use it in GitHub Desktop.
Download ZIP
Casual Markdown Documentation for Japanese
Raw
simple-markdown.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
<link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" />
<style>
html { background-color: #eee; }
body { background-color: #fff; margin: 0; padding: 20px 40px; font-family: "Rounded Mplus 1c"; max-width: 500px; margin-left: auto; margin-right: auto; }
h2 { border-bottom: solid 1px; margin-top: 2em; }
</style>
</head>
<body>
<div id="markdown">
ここに Markdown を書く。
</div>
<script>
document.getElementById('markdown').innerHTML =
marked(document.getElementById('markdown').textContent);
</script>
</body>
<html>
@jinjor
Copy link
Author

jinjor commented Mar 29, 2017

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment