diff options
| author | fuwn <[email protected]> | 2021-04-07 03:34:43 +0000 |
|---|---|---|
| committer | fuwn <[email protected]> | 2021-04-07 03:34:43 +0000 |
| commit | a8026e30bd88de2bacdd4cf39b58d075e2a6e09d (patch) | |
| tree | 7ca162c8ef482fc3b7b57e9b155ae546df918bef /docs/tutorial/create-a-page/index.html | |
| parent | Deploying to gh-pages from @ Whirlsplash/site@3709f4fc4f5829c8144a2302059fe45... (diff) | |
| download | site-a8026e30bd88de2bacdd4cf39b58d075e2a6e09d.tar.xz site-a8026e30bd88de2bacdd4cf39b58d075e2a6e09d.zip | |
Deploying to gh-pages from @ Whirlsplash/site@048ee8879f73d387f4959c224ed4d7cfa918d338 🚀
Diffstat (limited to 'docs/tutorial/create-a-page/index.html')
| -rw-r--r-- | docs/tutorial/create-a-page/index.html | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/docs/tutorial/create-a-page/index.html b/docs/tutorial/create-a-page/index.html index 0e3e89d..fb55e5f 100644 --- a/docs/tutorial/create-a-page/index.html +++ b/docs/tutorial/create-a-page/index.html @@ -6,17 +6,17 @@ <meta name="generator" content="Docusaurus v2.0.0-alpha.72"> <link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Whirlsplash Blog RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Whirlsplash Blog Atom Feed"><title data-react-helmet="true">Create a Page | Whirlsplash</title><meta data-react-helmet="true" property="og:url" content="https://whirlsplash.org/docs/tutorial/create-a-page"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Create a Page | Whirlsplash"><meta data-react-helmet="true" name="description" content="Any React or Markdown file created under src/pages directory is converted into a website page:"><meta data-react-helmet="true" property="og:description" content="Any React or Markdown file created under src/pages directory is converted into a website page:"><link data-react-helmet="true" rel="shortcut icon" href="/img/Whirl.png"><link data-react-helmet="true" rel="canonical" href="https://whirlsplash.org/docs/tutorial/create-a-page"><link data-react-helmet="true" rel="alternate" href="https://whirlsplash.org/docs/tutorial/create-a-page" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://whirlsplash.org/docs/tutorial/create-a-page" hreflang="x-default"><link rel="stylesheet" href="/assets/css/styles.e6859df5.css"> -<link rel="preload" href="/assets/js/styles.46ced95d.js" as="script"> -<link rel="preload" href="/assets/js/runtime~main.fdd555b2.js" as="script"> -<link rel="preload" href="/assets/js/main.6c076bcc.js" as="script"> +<link rel="preload" href="/assets/js/styles.00f831ef.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.e95ba2e3.js" as="script"> +<link rel="preload" href="/assets/js/main.17566ea5.js" as="script"> <link rel="preload" href="/assets/js/1.30a4998b.js" as="script"> <link rel="preload" href="/assets/js/2.6197f8d3.js" as="script"> -<link rel="preload" href="/assets/js/3.32caa768.js" as="script"> -<link rel="preload" href="/assets/js/1be78505.6334c1c2.js" as="script"> +<link rel="preload" href="/assets/js/3.20369f88.js" as="script"> +<link rel="preload" href="/assets/js/1be78505.145458b7.js" as="script"> <link rel="preload" href="/assets/js/41.8b6e6f9b.js" as="script"> <link rel="preload" href="/assets/js/935f2afb.2320539b.js" as="script"> <link rel="preload" href="/assets/js/17896441.98b94edc.js" as="script"> -<link rel="preload" href="/assets/js/21e5f8bf.f2e8aac1.js" as="script"> +<link rel="preload" href="/assets/js/21e5f8bf.8c31d59c.js" as="script"> </head> <body> <script>!function(){function e(e){document.documentElement.setAttribute("data-theme",e)}var t=function(){var e=null;try{e=localStorage.getItem("theme")}catch(e){}return e}();null!==t?e(t):window.matchMedia("(prefers-color-scheme: dark)").matches?e("dark"):window.matchMedia("(prefers-color-scheme: light)").matches?e("light"):e("dark")}()</script><div id="__docusaurus"> @@ -24,16 +24,16 @@ </span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token keyword" style="font-style:italic">function</span><span class="token plain"> </span><span class="token function" style="color:rgb(130, 170, 255)">HelloWorld</span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(199, 146, 234)">{</span><span class="token plain"></span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"> </span><span class="token keyword" style="font-style:italic">return</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(199, 146, 234)">(</span><span class="token plain"></span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(199, 146, 234)"><</span><span class="token tag class-name" style="color:rgb(255, 203, 107)">Layout</span><span class="token tag punctuation" style="color:rgb(199, 146, 234)">></span><span class="token plain"></span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(199, 146, 234)"><</span><span class="token tag" style="color:rgb(255, 85, 114)">h1</span><span class="token tag punctuation" style="color:rgb(199, 146, 234)">></span><span class="token plain">My React page</span><span class="token tag punctuation" style="color:rgb(199, 146, 234)"></</span><span class="token tag" style="color:rgb(255, 85, 114)">h1</span><span class="token tag punctuation" style="color:rgb(199, 146, 234)">></span><span class="token plain"></span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(199, 146, 234)"><</span><span class="token tag" style="color:rgb(255, 85, 114)">p</span><span class="token tag punctuation" style="color:rgb(199, 146, 234)">></span><span class="token plain">This is a React page</span><span class="token tag punctuation" style="color:rgb(199, 146, 234)"></</span><span class="token tag" style="color:rgb(255, 85, 114)">p</span><span class="token tag punctuation" style="color:rgb(199, 146, 234)">></span><span class="token plain"></span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(199, 146, 234)"></</span><span class="token tag class-name" style="color:rgb(255, 203, 107)">Layout</span><span class="token tag punctuation" style="color:rgb(199, 146, 234)">></span><span class="token plain"></span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"> </span><span class="token punctuation" style="color:rgb(199, 146, 234)">)</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><span class="token plain"></span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token punctuation" style="color:rgb(199, 146, 234)">}</span></div></div></div><button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o">Copy</button></div></div><p>A new page is now available at <code>http://localhost:3000/my-react-page</code>.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2LWZ" id="create-a-markdown-page"></a>Create a Markdown Page<a class="hash-link" href="#create-a-markdown-page" title="Direct link to heading">#</a></h2><p>Create a file at <code>src/pages/my-markdown-page.md</code>:</p><div class="codeBlockContainer_K1bP"><div style="color:#bfc7d5;background-color:#292d3e" class="codeBlockTitle_eoMF">src/pages/my-markdown-page.md</div><div class="codeBlockContent_hGly mdx"><div tabindex="0" class="prism-code language-mdx codeBlock_23N8 thin-scrollbar codeBlockWithTitle_2JqI"><div class="codeBlockLines_39YC" style="color:#bfc7d5;background-color:#292d3e"><div class="token-line" style="color:#bfc7d5"><span class="token plain">---</span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain">title: My Markdown page</span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain">---</span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"> </span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain"># My Markdown page</span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"> </span></div><div class="token-line" style="color:#bfc7d5"><span class="token plain">This is a Markdown page</span></div></div></div><button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o">Copy</button></div></div><p>A new page is now available at <code>http://localhost:3000/my-markdown-page</code>.</p></div></article><div class="margin-vert--xl"><div class="row"><div class="col"><a href="https://github.com/whirlsplash/site/edit/master/website/docs/tutorial/create-a-page.md" target="_blank" rel="noreferrer noopener"><svg fill="currentColor" height="1.2em" width="1.2em" preserveAspectRatio="xMidYMid meet" role="img" viewBox="0 0 40 40" class="iconEdit_2_ui" aria-label="Edit page"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></div></div><div class="margin-vert--lg"><nav class="pagination-nav" aria-label="Docs pages navigation"><div class="pagination-nav__item"></div><div class="pagination-nav__item pagination-nav__item--next"></div></nav></div></div></div><div class="col col--3"><div class="tableOfContents_35-E thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#create-a-react-page" class="table-of-contents__link">Create a React Page</a></li><li><a href="#create-a-markdown-page" class="table-of-contents__link">Create a Markdown Page</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><h4 class="footer__title">Docs</h4><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/docs/">Getting Started</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">Community</h4><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li><li class="footer__item"><a href="https://discord.com/invite/8hn6padWF6" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">More</h4><ul class="footer__items"><li class="footer__item"><a href="https://github.com/whirlsplash" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub</a></li><li class="footer__item"><a href="https://github.com/Whirlsplash/site/blob/main/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License</a></li></ul></div></div><div class="footer__bottom text--center"></div></div></footer></div> -<script src="/assets/js/styles.46ced95d.js"></script> -<script src="/assets/js/runtime~main.fdd555b2.js"></script> -<script src="/assets/js/main.6c076bcc.js"></script> +<script src="/assets/js/styles.00f831ef.js"></script> +<script src="/assets/js/runtime~main.e95ba2e3.js"></script> +<script src="/assets/js/main.17566ea5.js"></script> <script src="/assets/js/1.30a4998b.js"></script> <script src="/assets/js/2.6197f8d3.js"></script> -<script src="/assets/js/3.32caa768.js"></script> -<script src="/assets/js/1be78505.6334c1c2.js"></script> +<script src="/assets/js/3.20369f88.js"></script> +<script src="/assets/js/1be78505.145458b7.js"></script> <script src="/assets/js/41.8b6e6f9b.js"></script> <script src="/assets/js/935f2afb.2320539b.js"></script> <script src="/assets/js/17896441.98b94edc.js"></script> -<script src="/assets/js/21e5f8bf.f2e8aac1.js"></script> +<script src="/assets/js/21e5f8bf.8c31d59c.js"></script> </body> </html>
\ No newline at end of file |