@wilboerht/blog-template
Version:
A modern bilingual blog template built with VitePress
7 lines (6 loc) • 2.61 kB
JavaScript
import{_ as a,c as s,a as i,o as l}from"./chunks/framework.D3nGTGqI.js";const u=JSON.parse('{"title":"Images Directory Structure","description":"","frontmatter":{},"headers":[],"relativePath":"public/images/README.md","filePath":"public/images/README.md"}'),o={name:"public/images/README.md"};function n(t,e,r,c,p,d){return l(),s("div",null,e[0]||(e[0]=[i(`<h1 id="images-directory-structure" tabindex="-1">Images Directory Structure <a class="header-anchor" href="#images-directory-structure" aria-label="Permalink to "Images Directory Structure""></a></h1><p>This directory contains all the images used in the blog.</p><h2 id="directory-structure" tabindex="-1">Directory Structure <a class="header-anchor" href="#directory-structure" aria-label="Permalink to "Directory Structure""></a></h2><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>images/</span></span>
<span class="line"><span>├── blog/ # Blog post related images</span></span>
<span class="line"><span>├── icons/ # Icons and small graphics</span></span>
<span class="line"><span>└── common/ # Common images used across the site</span></span>
<span class="line"><span> ├── blog-logo.png # Site logo</span></span>
<span class="line"><span> └── hero-background.png # Hero section background</span></span></code></pre></div><h2 id="usage-guidelines" tabindex="-1">Usage Guidelines <a class="header-anchor" href="#usage-guidelines" aria-label="Permalink to "Usage Guidelines""></a></h2><ol><li><p>Place new images in the appropriate directory based on their use:</p><ul><li>Blog post images -> <code>blog/</code></li><li>Icons and small graphics -> <code>icons/</code></li><li>Site-wide images -> <code>common/</code></li></ul></li><li><p>Image Naming Convention:</p><ul><li>Use lowercase letters</li><li>Use hyphens for spaces</li><li>Use descriptive names</li><li>Example: <code>blog-post-thumbnail.png</code></li></ul></li><li><p>Recommended Image Formats:</p><ul><li>PNG: For logos, icons, and images requiring transparency</li><li>JPEG: For photographs and complex images</li><li>SVG: For scalable graphics and icons</li></ul></li><li><p>Image Optimization:</p><ul><li>Compress images before adding them</li><li>Keep file sizes reasonable</li><li>Use appropriate dimensions</li></ul></li></ol>`,6)]))}const m=a(o,[["render",n]]);export{u as __pageData,m as default};