{"componentChunkName":"component---src-templates-simple-markdown-js","path":"/developer-portal/configuration/","matchPath":"","result":{"data":{"markdownRemark":{"html":"<h1 style=\"position:relative;\"><a href=\"#configuration\" aria-label=\"configuration permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"configuration\"></div>Configuration</h1>\n<p>This page describes how to organize the files and folders and how to configure the look and feel of the <strong>Portal</strong>.</p>\n<hr>\n<h2 style=\"position:relative;\"><a href=\"#overview\" aria-label=\"overview permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"overview\"></div>Overview</h2>\n<p>To start working with <strong>Redocly Portal</strong>, please get familiar with the following:</p>\n<ul>\n<li>\nThe \n<a href=\"https://www.markdownguide.org/basic-syntax/\">Markdown</a>\n syntax. We recommend using \n<a href=\"https://code.visualstudio.com/\"><strong>Visual Studio Code</strong></a>\n for writing and maintaining your files.\n</li>\n<li>\nFile management basics.\n</li>\n</ul>\n<h2 style=\"position:relative;\"><a href=\"#organizing-content\" aria-label=\"organizing content permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"organizing-content\"></div>Organizing content</h2>\n<h3 style=\"position:relative;\"><a href=\"#folders\" aria-label=\"folders permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"folders\"></div>Folders</h3>\n<p>The following special folders will be created automatically within your project:</p>\n<ol>\n<li>\n<strong>images</strong>\n/ – you can keep your images in this folder.\n</li>\n<li>\n<strong>node_modules</strong>\n/ – do not remove or modify the contents of this folder. It contains the software library dependencies.\n</li>\n</ol>\n<p>We recommend creating folders based on your content, and then organizing the content within one root folder:</p>\n<div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"84480767961719490000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`[_folder_name_]/`, `84480767961719490000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-84480767961719490000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token punctuation\">[</span>_folder_name_<span class=\"token punctuation\">]</span>/</code></pre></div>\n      </div>\n<p><strong>Important</strong>: The folder naming influences the URL paths of the published website.</p>\n<h3 style=\"position:relative;\"><a href=\"#file-types\" aria-label=\"file types permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"file-types\"></div>File types</h3>\n<p><strong>Markdown files</strong></p>\n<p>A regular Markdown file ends with a <code class=\"language-text\">.md</code> file extension. Use regular Markdown files when your content doesn't require any special components.</p>\n<p><strong>MDX files</strong></p>\n<p>An MDX extension file ends with a <code class=\"language-text\">.mdx</code> file extension. Learn more about <a href=\"/developer-portal/mdx/\">using MDX here</a>.</p>\n<p><strong>Special files</strong></p>\n<p>The following files must be kept at the top level of the project structure.\nIf needed, you can change the contents of these files to configure look and feel of the <strong>Portal</strong>.</p>\n<table>\n<thead>\n<tr>\n<th>File</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code class=\"language-text\">index.mdx</code></td>\n<td>The home page of the <strong>Portal</strong>.</td>\n</tr>\n<tr>\n<td><code class=\"language-text\">siteConfig.yaml</code></td>\n<td>In this file, you can do the following: <br> <ul><li>Set up persistent navigation and logo.</li><li>Declare API definitions and stylesheets.</li><li>Add custom scripts.</li><li>Set up google analytics.</li></ul></td>\n</tr>\n<tr>\n<td><code class=\"language-text\">theme.ts</code></td>\n<td>Controls the fonts and colors used throughout the <strong>Portal</strong>.</td>\n</tr>\n<tr>\n<td><code class=\"language-text\">sidebars.yaml</code></td>\n<td>Controls the <a href=\"/developer-portal/sidebar-nav/\">sidebar navigation</a> among contents.</td>\n</tr>\n<tr>\n<td><code class=\"language-text\">favicon.png</code></td>\n<td>Displays the favicon.</td>\n</tr>\n</tbody>\n</table>\n<p>For more details, see <a href=\"/developer-portal/custom-portal/\">Customizing Portal</a>.</p>\n<p>Also, you can include your OpenAPI <code class=\"language-text\">.yaml</code> or <code class=\"language-text\">.json</code> file directly in the <strong>Portal</strong> to be able to generate the API reference pages.</p>\n<p>For more details, see <a href=\"/developer-portal/redoc-integration/\">Integrating API Reference</a>.</p>","headings":[{"value":"Configuration","depth":1},{"value":"Overview","depth":2},{"value":"Organizing content","depth":2},{"value":"Folders","depth":3},{"value":"File types","depth":3}]},"contentItem":{"data":{"lastModified":"2023-03-21T02:46:22.000Z","enableToc":null,"disableLastModified":null,"tocMaxDepth":null,"requestLogin":false}},"siteConfig":{"enableToc":false,"disableLastModified":false,"tocMaxDepth":4}},"pageContext":{"matchPath":"","id":"48c19c25-8c5b-51d9-9946-1487df4140ce__redocly content/developer-portal/configuration/","seo":{"title":"Configuration","description":null,"image":"","keywords":null,"jsonLd":null,"lang":null,"siteUrl":null},"pageId":"developer-portal/configuration.md","pageBaseUrl":"/developer-portal/configuration","type":"markdown","toc":{"enable":true,"maxDepth":4,"headings":[{"depth":1,"value":"Configuration","id":"configuration"},{"depth":2,"value":"Overview","id":"overview"},{"depth":2,"value":"Organizing content","id":"organizing-content"},{"depth":3,"value":"Folders","id":"folders"},{"depth":3,"value":"File types","id":"file-types"}]},"data":{"title":"Configuration"},"catalogInfo":null,"link":"/developer-portal/configuration/","sidebarName":"","isLanding":false,"showPrevButton":null,"showNextButton":null,"apiVersions":null,"apiVersionId":null,"isDefaultApiVersion":null}},"staticQueryHashes":["1123603147","1302185487","1344209882","1398840060","1520077861","1975142765","2667623876","2950305614","3240152602","3743992808","561138138"]}