# Astro Starter Kit: Blog

```
npm create astro@latest -- --template blog
```

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/blog)
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/blog)
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/blog/devcontainer.json)

> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!


![blog](https://user-images.githubusercontent.com/4677417/186189140-4ef17aac-c3c9-4918-a8c2-ce86ba1bb394.png)

Features:

- ✅ Minimal styling (make it your own!)
- ✅ 100/100 Lighthouse performance
- ✅ SEO-friendly with canonical URLs and OpenGraph data
- ✅ Sitemap support
- ✅ RSS Feed support
- ✅ Markdown & MDX support

## 🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

```
├── public/
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   └── pages/
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json
```

Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.

There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.

The `src/content/` directory contains "collections" of related Markdown and MDX documents. Use `getCollection()` to retrieve posts from `src/content/blog/`, and type-check your frontmatter using an optional schema. See [Astro's Content Collections docs](https://docs.astro.build/en/guides/content-collections/) to learn more.

Any static assets, like images, can be placed in the `public/` directory.

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command                | Action                                           |
| :--------------------- | :----------------------------------------------- |
| `npm install`          | Installs dependencies                            |
| `npm run dev`          | Starts local dev server at `localhost:3000`      |
| `npm run build`        | Build your production site to `./dist/`          |
| `npm run preview`      | Preview your build locally, before deploying     |
| `npm run astro ...`    | Run CLI commands like `astro add`, `astro check` |
| `npm run astro --help` | Get help using the Astro CLI                     |

## 👀 Want to learn more?

Check out [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

## Credit

This theme is based off of the lovely [Bear Blog](https://github.com/HermanMartinus/bearblog/).
=1'>Expand</a>)</th><th class='left'>Author</th><th class='left'>Files</th><th class='left'>Lines</th></tr>
<tr><td><span title='2022-04-23 00:44:35 +0200'>2022-04-23</span></td><td><a href='/ansg191/it-tools/commit/package.json?h=v2.3.0&amp;id=81566bc648d4d0b9c4bb4aa145db17f9c662e759&amp;follow=1'>chore(release): 2.2.1</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-3</span>/<span class='insertions'>+13</span></td></tr>
<tr><td><span title='2022-04-23 00:43:42 +0200'>2022-04-23</span></td><td><a href='/ansg191/it-tools/commit/src/stores/style.store.ts?h=v2.3.0&amp;id=b22aa941f52009118d4d3cc98277cc4c402a4c77&amp;follow=1'>fix(sider): default collapsed value</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-12</span>/<span class='insertions'>+4</span></td></tr>
<tr><td><span title='2022-04-23 00:04:14 +0200'>2022-04-23</span></td><td><a href='/ansg191/it-tools/commit/src/layouts/base.layout.vue?h=v2.3.0&amp;id=b12cbe412407389186a58e4ceaa94f5b441c11ea&amp;follow=1'>refactor: removed useless ref and value</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-4</span>/<span class='insertions'>+2</span></td></tr>
<tr><td><span title='2022-04-22 23:31:40 +0200'>2022-04-22</span></td><td><a href='/ansg191/it-tools/commit/src/tools/uuid-generator/uuid-generator.vue?h=v2.3.0&amp;id=086d31eab5b3b1a927803eab5e650585f61abe19&amp;follow=1'>refactor(lint): linter auto fix</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>54</td><td><span class='deletions'>-1502</span>/<span class='insertions'>+1121</span></td></tr>
<tr><td><span title='2022-04-22 20:18:12 +0200'>2022-04-22</span></td><td><a href='/ansg191/it-tools/commit/src/tools/index.ts?h=v2.3.0&amp;id=8e29a97404ea0aa9b9b576656358c8c276b6f992&amp;follow=1'>feat(new-tool): html entities escape/unescape</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-1</span>/<span class='insertions'>+93</span></td></tr>
<tr><td><span title='2022-04-21 13:30:12 +0200'>2022-04-21</span></td><td><a href='/ansg191/it-tools/commit/src/tools/date-time-converter/date-time-converter.vue?h=v2.3.0&amp;id=ebf6695d2533db6f37b24dc7d338f422c551c8cb&amp;follow=1'>fix(style): hard width for group labels</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-2</span>/<span class='insertions'>+2</span></td></tr>
<tr><td><span title='2022-04-19 13:20:55 +0200'>2022-04-19</span></td><td><a href='/ansg191/it-tools/commit/src/layouts/base.layout.vue?h=v2.3.0&amp;id=c4dabccdaeac9d03163ac2588599b000e4e74562&amp;follow=1'>fix(sider): missing href for link in footer</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-0</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2022-04-19 13:19:44 +0200'>2022-04-19</span></td><td><a href='/ansg191/it-tools/commit/src/pages/Home.page.vue?h=v2.3.0&amp;id=0a15892dde9852ff158a8fcb72d0ad6bae8bad02&amp;follow=1'>fix(head): added titles for non-tool pages</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-0</span>/<span class='insertions'>+8</span></td></tr>
<tr><td><span title='2022-04-19 00:23:28 +0200'>2022-04-19</span></td><td><a href='/ansg191/it-tools/commit/src/tools/url-parser/url-parser.vue?h=v2.3.0&amp;id=005ebfba318ece1a9c04aefb737baed5d7aafb91&amp;follow=1'>fix(url-parser): cleaned weird margins on dark mode</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-17</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2022-04-19 00:13:32 +0200'>2022-04-19</span></td><td><a href='/ansg191/it-tools/commit/package.json?h=v2.3.0&amp;id=eb2755c8aedebde4bb6f935b7ee2608399172d33&amp;follow=1'>chore(release): 2.2.0</a><span class='decoration'><a class='tag-annotated-deco' href='/ansg191/it-tools/tag/?h=v2.2.0'>v2.2.0</a></span></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-3</span>/<span class='insertions'>+15</span></td></tr>
<tr><td><span title='2022-04-19 00:12:44 +0200'>2022-04-19</span></td><td><a href='/ansg191/it-tools/commit/src/tools/url-parser/url-parser.vue?h=v2.3.0&amp;id=2b38d6f81e34845f896b858513e35209cba29f98&amp;follow=1'>feat(new-tool): url parser</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-1</span>/<span class='insertions'>+131</span></td></tr>
<tr><td><span title='2022-04-18 18:27:52 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/src/layouts/base.layout.vue?h=v2.3.0&amp;id=ed9046d3e1f5a7dc01c722ed139a2ae477a2d48f&amp;follow=1'>fix(sider-footer): fixed commit sha url</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2022-04-18 18:24:16 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/package.json?h=v2.3.0&amp;id=3f8c3459812e6d7df1b4e3503b8f34a710bae085&amp;follow=1'>chore(release): 2.1.0</a><span class='decoration'><a class='tag-annotated-deco' href='/ansg191/it-tools/tag/?h=v2.1.0'>v2.1.0</a></span></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-3</span>/<span class='insertions'>+16</span></td></tr>
<tr><td><span title='2022-04-18 18:22:47 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/src/tools/index.ts?h=v2.3.0&amp;id=277bd5f0da359fd54c5164b376007d182a9fabde&amp;follow=1'>feat(new-tool): device information</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-1</span>/<span class='insertions'>+127</span></td></tr>
<tr><td><span title='2022-04-18 10:19:19 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/src/layouts/base.layout.vue?h=v2.3.0&amp;id=09abffbcf9b09cb5adc34f8754b019d0c8b60854&amp;follow=1'>refactor(menu): removed burger menu icon tooltip</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-19</span>/<span class='insertions'>+12</span></td></tr>
<tr><td><span title='2022-04-18 10:17:39 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/src/tools/index.ts?h=v2.3.0&amp;id=6d5856fa93d1ffbf71856c75adc24ad87dc4b49b&amp;follow=1'>feat(new-tool): bcrypt</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>5</td><td><span class='deletions'>-1</span>/<span class='insertions'>+157</span></td></tr>
<tr><td><span title='2022-04-18 09:19:44 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/package.json?h=v2.3.0&amp;id=2b89111cbbfd49604cd135fbba097d5d40da3182&amp;follow=1'>chore(release): 2.0.2</a><span class='decoration'><a class='tag-annotated-deco' href='/ansg191/it-tools/tag/?h=v2.0.2'>v2.0.2</a></span></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-3</span>/<span class='insertions'>+19</span></td></tr>
<tr><td><span title='2022-04-18 09:18:48 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/src/tools/crontab-generator/crontab-generator.vue?h=v2.3.0&amp;id=6b11de258a8039fe7729130ede35d47592be7cbe&amp;follow=1'>refactor(crontab): list instead of table on small screen</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-92</span>/<span class='insertions'>+106</span></td></tr>
<tr><td><span title='2022-04-18 09:16:43 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/src/tools/git-memo/git-memo.vue?h=v2.3.0&amp;id=4fc303e5e3f0bef9201cc002963e244a5d3be7b5&amp;follow=1'>fix(git-memo): pre scroll on overflow</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>2</td><td><span class='deletions'>-1</span>/<span class='insertions'>+7</span></td></tr>
<tr><td><span title='2022-04-18 08:49:39 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/src/tools/qr-code-generator/qr-code-generator.vue?h=v2.3.0&amp;id=cbf0b3d6995e47d371a8fbcfccd65ba304fb08dc&amp;follow=1'>fix(qr-code): responsive layout</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+2</span></td></tr>
<tr><td><span title='2022-04-18 08:40:07 +0200'>2022-04-18</span></td><td><a href='/ansg191/it-tools/commit/src/stores/style.store.ts?h=v2.3.0&amp;id=71f79a5bbfe0dd5451a435c0a55e8b77ee7d3848&amp;follow=1'>fix(menu): menu auto closed on mobile</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>2</td><td><span class='deletions'>-20</span>/<span class='insertions'>+34</span></td></tr>
<tr><td><span title='2022-04-16 21:21:47 +0200'>2022-04-16</span></td><td><a href='/ansg191/it-tools/commit/src/tools/date-time-converter/date-time-converter.vue?h=v2.3.0&amp;id=4112fa532e3d4be190d52bf3b11e0d4c3625a402&amp;follow=1'>refactor: throw an error object instead of string</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2022-04-16 21:20:09 +0200'>2022-04-16</span></td><td><a href='/ansg191/it-tools/commit/src/tools/uuid-generator/uuid-generator.vue?h=v2.3.0&amp;id=a14cac6d5c5967a47ca76a1d1a420115114c3bbf&amp;follow=1'>refactor: removed empty sources</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>11</td><td><span class='deletions'>-33</span>/<span class='insertions'>+0</span></td></tr>
<tr><td><span title='2022-04-16 21:02:40 +0200'>2022-04-16</span></td><td><a href='/ansg191/it-tools/commit/package.json?h=v2.3.0&amp;id=dc768561f73baf2b6245f04638e6231df69218e9&amp;follow=1'>chore(release): 2.0.1</a><span class='decoration'><a class='tag-annotated-deco' href='/ansg191/it-tools/tag/?h=v2.0.1'>v2.0.1</a></span></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-3</span>/<span class='insertions'>+28</span></td></tr>
<tr><td><span title='2022-04-16 21:01:31 +0200'>2022-04-16</span></td><td><a href='/ansg191/it-tools/commit/src/layouts/base.layout.vue?h=v2.3.0&amp;id=a58ae24d9409728ac12fb780f2c64643087de5be&amp;follow=1'>refactor: lint fix</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-21</span>/<span class='insertions'>+91</span></td></tr>
<tr><td><span title='2022-04-16 21:00:14 +0200'>2022-04-16</span></td><td><a href='/ansg191/it-tools/commit/src/tools/date-time-converter/date-time-converter.vue?h=v2.3.0&amp;id=582808597c6aadf0feb48f6aae0a29b839e0dd54&amp;follow=1'>refactor: ref name</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-4</span>/<span class='insertions'>+4</span></td></tr>
<tr><td><span title='2022-04-16 20:59:44 +0200'>2022-04-16</span></td><td><a href='/ansg191/it-tools/commit/src/layouts/base.layout.vue?h=v2.3.0&amp;id=724e142222202798ea3df7d0fb34da1e7a5216a1&amp;follow=1'>refactor: clean imports</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>4</td><td><span class='deletions'>-14</span>/<span class='insertions'>+5</span></td></tr>
<tr><td><span title='2022-04-16 20:42:50 +0200'>2022-04-16</span></td><td><a href='/ansg191/it-tools/commit/src/layouts/base.layout.vue?h=v2.3.0&amp;id=d066319b45dee35df0212c7ff407013bd7449ae3&amp;follow=1'>fix: remove duplicate property</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-93</span>/<span class='insertions'>+22</span></td></tr>