|
1 |
| -# Astro Starter Kit: Blog |
| 1 | +# OneLiteFeather WebPage |
| 2 | +This is the web page for the OneLiteFeather organization. It is a simple static page that is hosted on CloudFlare Pages. |
| 3 | +The page is built using the astro static site generator. |
2 | 4 |
|
3 |
| -```sh |
4 |
| -npm create astro@latest -- --template blog |
5 |
| -``` |
6 |
| - |
7 |
| -[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/blog) |
8 |
| -[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/blog) |
9 |
| -[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/blog/devcontainer.json) |
10 |
| - |
11 |
| -> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun! |
12 |
| -
|
13 |
| - |
14 |
| - |
15 |
| -Features: |
| 5 | +## Development |
16 | 6 |
|
17 |
| -- ✅ Minimal styling (make it your own!) |
18 |
| -- ✅ 100/100 Lighthouse performance |
19 |
| -- ✅ SEO-friendly with canonical URLs and OpenGraph data |
20 |
| -- ✅ Sitemap support |
21 |
| -- ✅ RSS Feed support |
22 |
| -- ✅ Markdown & MDX support |
23 |
| - |
24 |
| -## 🚀 Project Structure |
25 |
| - |
26 |
| -Inside of your Astro project, you'll see the following folders and files: |
27 |
| - |
28 |
| -```text |
29 |
| -├── public/ |
30 |
| -├── src/ |
31 |
| -│ ├── components/ |
32 |
| -│ ├── content/ |
33 |
| -│ ├── layouts/ |
34 |
| -│ └── pages/ |
35 |
| -├── astro.config.mjs |
36 |
| -├── README.md |
37 |
| -├── package.json |
38 |
| -└── tsconfig.json |
| 7 | +Make sure to install the dependencies: |
| 8 | +```bash |
| 9 | +pnpm install |
39 | 10 | ```
|
40 | 11 |
|
41 |
| -Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. |
42 |
| - |
43 |
| -There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. |
44 |
| - |
45 |
| -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. |
46 |
| - |
47 |
| -Any static assets, like images, can be placed in the `public/` directory. |
48 |
| - |
49 |
| -## 🧞 Commands |
50 |
| - |
51 |
| -All commands are run from the root of the project, from a terminal: |
52 |
| - |
53 |
| -| Command | Action | |
54 |
| -| :------------------------ | :----------------------------------------------- | |
55 |
| -| `npm install` | Installs dependencies | |
56 |
| -| `npm run dev` | Starts local dev server at `localhost:4321` | |
57 |
| -| `npm run build` | Build your production site to `./dist/` | |
58 |
| -| `npm run preview` | Preview your build locally, before deploying | |
59 |
| -| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | |
60 |
| -| `npm run astro -- --help` | Get help using the Astro CLI | |
61 |
| - |
62 |
| -## 👀 Want to learn more? |
63 |
| - |
64 |
| -Check out [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). |
65 |
| - |
66 |
| -## Credit |
| 12 | +To start the development server, run the following command: |
| 13 | +```bash |
| 14 | +pnpm run dev |
| 15 | +``` |
67 | 16 |
|
68 |
| -This theme is based off of the lovely [Bear Blog](https://github.com/HermanMartinus/bearblog/). |
| 17 | +## Production |
| 18 | +To build the application for production, run the following command: |
| 19 | +```bash |
| 20 | +pnpm run build |
| 21 | +``` |
0 commit comments