mirror of
https://github.com/blueskychan-dev/blueskychan.dev.git
synced 2025-07-07 23:31:04 +00:00
- added date section
- support description (in meta og) - added tags section
This commit is contained in:
bluestar_
parent
253efd97a1
commit
98429455db
5 changed files with 39 additions and 15 deletions
|
|
@ -1,2 +1,3 @@
|
||||||
# About me version 2 :3
|
# About me version 2 :3
|
||||||
I had no much to say here, however.... >33333
|
|
||||||
|
I had no much to say here, however.... >33333
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,27 @@
|
||||||
---
|
---
|
||||||
title: "Goodbye fusemeow.me, Hello blueskychan.dev"
|
title: "Goodbye fusemeow.me, Hello blueskychan.dev"
|
||||||
|
desc: Hello world!
|
||||||
date: "28/12/2023"
|
date: "28/12/2023"
|
||||||
tags:
|
tags:
|
||||||
- new home
|
- new home
|
||||||
|
- new stuff
|
||||||
---
|
---
|
||||||
|
|
||||||
### Move on from fusemeow.me to blueskychan.dev
|
### Move on from fusemeow.me to blueskychan.dev
|
||||||
|
|
||||||
Now i just move on from fusemeow.me to blueskychan.dev, here is why:
|
Now i just move on from fusemeow.me to blueskychan.dev, here is why:
|
||||||
|
|
||||||
- 1. Performance:
|
- 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:
|
- 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:
|
- 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!
|
> 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
|
Also Thanks you for all support! :3
|
||||||
|
|
||||||
Credit: @bluestar.owo (Helper)
|
Credit: @bluestar.owo (Helper)
|
||||||
- Last updated: 28 Dec 2023
|
|
||||||
|
- Last updated: 28 Dec 2023
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@ import About from "~/components/About"
|
||||||
import Avatar from "~/components/Avatar"
|
import Avatar from "~/components/Avatar"
|
||||||
import Profile from "~/components/Profile"
|
import Profile from "~/components/Profile"
|
||||||
import SocialLinks from "~/components/SocialLinks"
|
import SocialLinks from "~/components/SocialLinks"
|
||||||
import Head from 'next/head'
|
import Head from "next/head"
|
||||||
|
|
||||||
const inter = Inter({ subsets: ["latin"] })
|
const inter = Inter({ subsets: ["latin"] })
|
||||||
|
|
||||||
|
|
@ -12,10 +12,13 @@ export default function Home() {
|
||||||
<main
|
<main
|
||||||
className={`flex min-h-screen items-center justify-center ${inter.className}`}
|
className={`flex min-h-screen items-center justify-center ${inter.className}`}
|
||||||
>
|
>
|
||||||
<Head>
|
<Head>
|
||||||
<title>About blueskychan_ :3</title>
|
<title>About blueskychan_ :3</title>
|
||||||
<meta property="og:title" content="Hello, World! >3" key="title" />
|
<meta property="og:title" content="Hello, World! >3" key="title" />
|
||||||
<meta property="og:description" content="About some stupid person call blueskychan, aka Fuse/Mind :3" />
|
<meta
|
||||||
|
property="og:description"
|
||||||
|
content="About some stupid person call blueskychan, aka Fuse/Mind :3"
|
||||||
|
/>
|
||||||
</Head>
|
</Head>
|
||||||
<div className="backdrop-blur-md bg-gray-700/50 rounded-lg p-2">
|
<div className="backdrop-blur-md bg-gray-700/50 rounded-lg p-2">
|
||||||
<div className="flex flex-row space-x-3 p-4 items-center ">
|
<div className="flex flex-row space-x-3 p-4 items-center ">
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,7 @@
|
||||||
import fs from "fs"
|
import fs from "fs"
|
||||||
import matter from "gray-matter"
|
import matter from "gray-matter"
|
||||||
import md from "markdown-it"
|
import md from "markdown-it"
|
||||||
|
import Head from "next/head"
|
||||||
|
|
||||||
export async function getStaticPaths() {
|
export async function getStaticPaths() {
|
||||||
const files = fs.readdirSync("posts")
|
const files = fs.readdirSync("posts")
|
||||||
|
|
@ -27,14 +28,30 @@ export async function getStaticProps({ params: { slug } }) {
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function PostPage({ frontmatter, content }) {
|
export default function PostPage({ frontmatter, content }) {
|
||||||
|
console.log(frontmatter.tags)
|
||||||
|
const postTags = frontmatter.tags.map((tag) => (
|
||||||
|
<div className="inline-block border-2 rounded-md p-1 w-fit h-fit font-bold text-lg mr-1" key={tag.toString()}>{tag}</div>
|
||||||
|
));
|
||||||
|
|
||||||
const proseClass =
|
const proseClass =
|
||||||
"prose p-4 prose-invert prose-neutral mx-auto bg-gray-700/50 backdrop-blue-md backdrop-blur-md h-100"
|
"prose p-4 prose-invert prose-neutral mx-auto bg-gray-700/50 backdrop-blue-md backdrop-blur-md h-100"
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className={proseClass}>
|
<Head>
|
||||||
<h1 className="border-b-2 p-1">{frontmatter.title}</h1>
|
<meta property="og:type" content="article" />
|
||||||
<div dangerouslySetInnerHTML={{ __html: md().render(content) }} />
|
<meta property="og:title" content={frontmatter.title} />
|
||||||
</div>
|
<meta property="og:description" content={frontmatter.desc} />
|
||||||
|
|
||||||
|
<meta name="twitter:title" content={frontmatter.title} />
|
||||||
|
<meta name="twitter:description" content={frontmatter.desc} />
|
||||||
|
</Head>
|
||||||
|
<div className={proseClass}>
|
||||||
|
|
||||||
|
<p className="font-bold text-md">{frontmatter.date}</p>
|
||||||
|
<h1 className="border-b-2 p-1">{frontmatter.title}</h1>
|
||||||
|
<div>{postTags}</div>
|
||||||
|
<div dangerouslySetInnerHTML={{ __html: md().render(content) }} />
|
||||||
|
</div>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,6 @@
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
html {
|
html {
|
||||||
/* Apply background styles to the html element */
|
|
||||||
--background-image: url("/illust_111261733_20231222_212212.jpg");
|
--background-image: url("/illust_111261733_20231222_212212.jpg");
|
||||||
background-image: var(--background-image);
|
background-image: var(--background-image);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -11,10 +10,10 @@ html {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
height: 100%; /* Ensure full height */
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
/* Ensure body also fills viewport */
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue