diff --git a/README.md b/README.md index ad65b90..a4acc35 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,3 @@ # About me version 2 :3 -I had no much to say here, however.... >33333 \ No newline at end of file + +I had no much to say here, however.... >33333 diff --git a/posts/moveon.md b/posts/moveon.md index 7cc8374..6add060 100644 --- a/posts/moveon.md +++ b/posts/moveon.md @@ -1,23 +1,27 @@ --- title: "Goodbye fusemeow.me, Hello blueskychan.dev" +desc: Hello world! date: "28/12/2023" tags: - new home + - new stuff --- ### Move on from fusemeow.me to blueskychan.dev Now i just move on from fusemeow.me to blueskychan.dev, here is why: + - 1. Performance: -Because old blueskychan website (aka fusemeow.me) is kinda use gif image to animated background and it make some devices like older phones/potato devices can crash easily, it why we move on! + Because old blueskychan website (aka fusemeow.me) is kinda use gif image to animated background and it make some devices like older phones/potato devices can crash easily, it why we move on! - 2. Design: -The old one, i use staic html and css but this new version now, they are use next.js to design all of website, also this one is just image (not gif like old one) so now it look better! + The old one, i use staic html and css but this new version now, they are use next.js to design all of website, also this one is just image (not gif like old one) so now it look better! - 3. Backend System: -The old one is hosted on github pages, but due to this version use next.js, now we move on to use a vercel for hosting the website! Also we have a blog system, so they need to use next.js too! + The old one is hosted on github pages, but due to this version use next.js, now we move on to use a vercel for hosting the website! Also we have a blog system, so they need to use next.js too! > However, fusemeow.me will hosted until 7 January 2024, and it will be gone!, but osu!collab image will be hosted in here soon! Also Thanks you for all support! :3 Credit: @bluestar.owo (Helper) -- Last updated: 28 Dec 2023 \ No newline at end of file + +- Last updated: 28 Dec 2023 diff --git a/src/pages/index.jsx b/src/pages/index.jsx index ece3568..80e13b1 100644 --- a/src/pages/index.jsx +++ b/src/pages/index.jsx @@ -3,7 +3,7 @@ import About from "~/components/About" import Avatar from "~/components/Avatar" import Profile from "~/components/Profile" import SocialLinks from "~/components/SocialLinks" -import Head from 'next/head' +import Head from "next/head" const inter = Inter({ subsets: ["latin"] }) @@ -12,10 +12,13 @@ export default function Home() {
- + About blueskychan_ :3 - +
diff --git a/src/pages/post/[slug].jsx b/src/pages/post/[slug].jsx index 6230ad7..67e9abb 100644 --- a/src/pages/post/[slug].jsx +++ b/src/pages/post/[slug].jsx @@ -1,6 +1,7 @@ import fs from "fs" import matter from "gray-matter" import md from "markdown-it" +import Head from "next/head" export async function getStaticPaths() { const files = fs.readdirSync("posts") @@ -27,14 +28,30 @@ export async function getStaticProps({ params: { slug } }) { } export default function PostPage({ frontmatter, content }) { + console.log(frontmatter.tags) + const postTags = frontmatter.tags.map((tag) => ( +
{tag}
+ )); + const proseClass = "prose p-4 prose-invert prose-neutral mx-auto bg-gray-700/50 backdrop-blue-md backdrop-blur-md h-100" return ( <> -
-

{frontmatter.title}

-
-
+ + + + + + + + +
+ +

{frontmatter.date}

+

{frontmatter.title}

+
{postTags}
+
+
) } diff --git a/src/styles/globals.css b/src/styles/globals.css index c8e7e25..6b77538 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -3,7 +3,6 @@ @tailwind utilities; html { - /* Apply background styles to the html element */ --background-image: url("/illust_111261733_20231222_212212.jpg"); background-image: var(--background-image); background-repeat: no-repeat; @@ -11,10 +10,10 @@ html { background-size: cover; background-position: center center; color: rgb(255, 255, 255); - height: 100%; /* Ensure full height */ + height: 100%; } body { - /* Ensure body also fills viewport */ height: 100%; } +