diff --git a/content/blog/about-this-site.md b/content/blog/about-this-site.md index 35abf54..ee104cc 100644 --- a/content/blog/about-this-site.md +++ b/content/blog/about-this-site.md @@ -7,14 +7,31 @@ date: '20-07-2024' --- +So i guess this is the first proper post for my site where i will explain how the tech works for this site (mostly so i dont forget XD) -# meow +## Tech Stack -## meow meow +- **Framework:** I've made this evrsion of my website with Nuxt.js which is a framework based on Vue.js +- **Hosting:** The site is hosted on Vercel within the free teir +- **Domain Manageemnt:** I put the domain on cloudflare for now at least -### meow meow meow +### Markdown Formatting -nya nya nya +This was a pain to setup, kinda, i got stuck for ages because i didnt realise **the paths for the markdown files are forced to be lowercase?!?** i dont really understand why they did it like this, liek its not even case insensitive + +Example: to access `content/blog/testPost.md` you would need to type the url `https://clevertop.dev/blog/testpost` if you have the capital "P" then it *will not work!* + +Anyhow, If you want to learn more about how the rest of the content system works (and tbh its pretty good apart from that one hiccup) then you can check it the documentation here: https://nuxt.com/docs/guide/directory-structure/content -- nyaaaaaa \ No newline at end of file +## Inspriation + +Much of the sites style and code was inspired (and kinda copied) by bryley! Thankyou so much for showing my Nuxt and helping me learn it! Her site is here if you wanna check it out: https://brynblack.me/ + +As i develop my site more i hope to make its design more original but its been really nice to work with some existing code to learn the framework :3 + +--- + +Thats all i can think fo for now, if something else comes up i guess ill add it! + +Heres my repo if you want see the code: https://github.com/Clevertop/vue-website \ No newline at end of file diff --git a/content/blog/first-post.md b/content/blog/first-post.md index 1cb4fa5..c13e957 100644 --- a/content/blog/first-post.md +++ b/content/blog/first-post.md @@ -6,13 +6,54 @@ date: '20-07-2024' --- -title +## Hello World! -# Hello world +If you can see this post then that means everything *should* be working -Markdown test post -- meow -- nya +## Mardown Test Stuff -dsadsa \ No newline at end of file +Bullet Points: +- item 1 +- item 2 +- item 3 + +Numbered list: +1. option 1 +2. option 2 +3. option 3 + +Checklist? +- [ ] empty box +- [x] filled box + +Text Styles: +- Normal text +- *Italics* +- **Bold Text** +- ~~Strikethrough~~ + +> quote text goes here + +`inline code` + +```js +#block code +var x = 1 +``` + +--- + +### Links to google: + +- https://google.com +- [Google but cooler](https://google.com) + +--- + +### Image Test +![My github profile pic](https://avatars.githubusercontent.com/u/41929769) + +## Final Thoughts + +Looks like most things are working really well, just need to do a few changes to get code formatting working properly \ No newline at end of file diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue index ee3fc17..2b3c084 100644 --- a/pages/blog/[...slug].vue +++ b/pages/blog/[...slug].vue @@ -14,7 +14,7 @@

{{ doc.title }}

-

{{ doc.date }}

+

Date Posted: {{ doc.date }}

diff --git a/pages/index.vue b/pages/index.vue index 3c9554f..bd839d3 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -7,6 +7,9 @@ useSeoMeta({ description: "My personal website.", ogDescription: "My personal website.", }); + +var { data } = await useAsyncData('home', () => queryContent('blog').sort({date:1}).find()) +