esoe 2 years ago
parent
commit
72fa9b4f59
  1. 1
      markdown/README.md
  2. 62
      markdown/main.html
  3. 14
      markdown/zero-md.html

1
markdown/README.md

@ -0,0 +1 @@ @@ -0,0 +1 @@
# ЭТО ОНО?

62
markdown/main.html

@ -1,8 +1,54 @@ @@ -1,8 +1,54 @@
<h1 id="оформление-документов">Оформление документов</h1>
<h2 id="ссылки">Ссылки:</h2>
<hr />
<ul>
<li><a href="http://www.molokoin.ru:80">home</a></li>
<li><a
href="https://code.visualstudio.com/docs/languages/markdown">edit-with-marcdown</a></li>
</ul>
<head>
<!-- Load Marked and Prism yourself -->
<script defer src="/lib/marked.js"></script>
<script defer src="/lib/prism.js"></script>
<script type="module"
src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js">
</script>
<!-- <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2/webcomponents-loader.min.js"></script> -->
</head>
<body>
...
</zero-md>
<zero-md>
<script type="text/markdown">
# **This** is my [markdown](https://example.com)
</script>
</zero-md>
...
<zero-md>
<!-- Or directly use a script tag with type "text/markdown" -->
<script type="text/markdown">
# Markdown in Script tags is automatically dedented
> So you don't have to worry about how much whitespace
> you have to the left of your markdown block
</script>
</zero-md>
...
<zero-md
src="https://example.com/my-markdown.md">
</zero-md>
...
<!-- <zero-md src="https://example.com/markdown.md">
<template>
<link rel="stylesheet" href="markdown-styles.css" />
<style>
h1 {
color: red;
}
</style>
<link rel="stylesheet" href="highlight-styles.css" />
<style>
code {
background: yellow;
}
</style>
</template>
<script type="text/markdown">
This is the fall-back markdown that will **only show** when `src` is falsy.
</script>
</zero-md> -->
...
</body>

14
markdown/zero-md.html

@ -0,0 +1,14 @@ @@ -0,0 +1,14 @@
<!-- <zero-md src="https://example.com/markdown.md"> -->
<zero-md src="main.md">
<!-- By default, this style template gets loaded -->
<template>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/sindresorhus/github-markdown-css@4/github-markdown.min.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/PrismJS/prism@1/themes/prism.min.css"
/>
</template>
</zero-md>
Loading…
Cancel
Save