nochill/not-your-blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: nochill:da3c50fafbabda1517ec9318f8105e132b62336a
Branches Tags
nochill:master
..
compare: nochill:e58b955496163adaa1a0aa5e0e600dda881ba1ab
Branches Tags
nochill:master

3 Commits
da3c50fafb ... e58b955496

Author SHA1 Message Date
nc
e58b955496 type lint fix 2023-02-19 19:39:06 +07:00
nc
59721edcd4 move isso script component 2023-02-19 19:38:43 +07:00
nc
4b02000b0e add archive option 2023-02-19 19:38:15 +07:00
10 changed files with 106 additions and 31 deletions
Show Stats Expand all files Collapse all files

1
contents/2020-08-13-First-Post.mdx
View File

@ -3,6 +3,7 @@ title: "First Post"
date: "2020.08.13" date: "2020.08.13"
last_update: "2023.02.19" last_update: "2023.02.19"
slug: "posts/first-post" slug: "posts/first-post"
archive: false
--- ---
New blog New blog

1
contents/2021-09-30-Daily-Website.mdx
View File

@ -4,6 +4,7 @@ date: "2021.09.30"
last_update: "2021.09.30" last_update: "2021.09.30"
slug: "posts/web-surfing" slug: "posts/web-surfing"
updated: "2022.04.26" updated: "2022.04.26"
archive: false
--- ---
![bruh](https://images-ext-2.discordapp.net/external/CERF0sfLsukLc3_2vpmYcd85m9TJFfCWTaU_6qspJE0/http/www.animated-gifs.fr/category_sports/surfing-2/0008.gif) ![bruh](https://images-ext-2.discordapp.net/external/CERF0sfLsukLc3_2vpmYcd85m9TJFfCWTaU_6qspJE0/http/www.animated-gifs.fr/category_sports/surfing-2/0008.gif)

1
contents/2022-05-13-Snail_sort.mdx
View File

@ -3,6 +3,7 @@ title: "Snail sort"
date: "2022.05.13" date: "2022.05.13"
last_update: "2022.05.13" last_update: "2022.05.13"
slug: "posts/refactor" slug: "posts/refactor"
archive: false
--- ---
I was looking for some file/s on my computer, but instead i found this: I was looking for some file/s on my computer, but instead i found this:

1
contents/2023-02-11-Scuffed_server.mdx
View File

@ -3,6 +3,7 @@ title: "Scuffed Home Server I"
date: "2023.02.11" date: "2023.02.11"
last_update: "2023.02.18" last_update: "2023.02.18"
slug: "posts/scuffed-home-server-i" slug: "posts/scuffed-home-server-i"
archive: false
--- ---
so after new year i went back to my home, then i found an old laptop that my old brother used so after new year i went back to my home, then i found an old laptop that my old brother used

25
src/components/Comment/index.tsx Normal file
View File

@ -0,0 +1,25 @@
import React from "react";
import { Script } from "gatsby";
import './isso.css'
type postId = {
post_id: string
}
const Comment = ({ post_id }: postId) => {
return (
<>
<Script data-isso="//comments.nochill.in/"
src="//comments.nochill.in/js/embed.min.js"
data-isso-css="false"
id={post_id}
/>
<section id="isso-thread">
<noscript>Javascript needs to be activated to view comments.</noscript>
</section>
</>
)
}
export default Comment;

0
src/pages/Layout/isso.css → src/components/Comment/isso.css
View File

17
src/components/seo.tsx → src/components/Seo/index.tsx
View File

@ -1,8 +1,14 @@
import React from "react" import React, { FC } from "react"
import PropTypes from "prop-types" import PropTypes from "prop-types"
import { useStaticQuery, graphql } from "gatsby" import { useStaticQuery, graphql } from "gatsby"
const SEO = ({ description, meta, title }) => { interface seoType {
description: string,
title : string,
children: React.ReactNode;
}
const SEO: FC<seoType> = (props) => {
const { site } = useStaticQuery( const { site } = useStaticQuery(
graphql` graphql`
query { query {
@ -17,18 +23,19 @@ const SEO = ({ description, meta, title }) => {
` `
) )
const metaDescription = description || site.siteMetadata.description const metaDescription = props.description || site.siteMetadata.description
return ( return (
<> <>
<html lang="en" /> <html lang="en" />
<title>{title}</title> <title>{props.title}</title>
<meta name="description" content={metaDescription} /> <meta name="description" content={metaDescription} />
<meta property="og:title" content={title} /> <meta property="og:title" content={props.title} />
<meta property="og:description" content={metaDescription} /> <meta property="og:description" content={metaDescription} />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta name="twitter:creator" content={site.siteMetadata.author} /> <meta name="twitter:creator" content={site.siteMetadata.author} />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
{props.children}
</> </>
) )
} }

45
src/pages/Layout/index.tsx
View File

@ -1,36 +1,31 @@
import React from "react"; import React from "react";
import { graphql, Script } from "gatsby"; import { graphql, HeadProps, PageProps, Script } from "gatsby";
import config from '../../../data/site-config'; import config from '../../../data/site-config';
import Base from "../../components/Base"; import Base from "../../components/Base";
import SEO from "../../components/seo"; import SEO from "../../components/Seo";
import Comment from "../../components/Comment"
import { MDXProvider } from '@mdx-js/react'; import { MDXProvider } from '@mdx-js/react';
import './styles.scss'; import './styles.scss';
import './isso.css';
const Comment = ({post_id}) => { type queryLayoutProps = {
return ( mdx: {
<> frontmatter: {
<Script data-isso="//comments.nochill.in/" title: string,
src="//comments.nochill.in/js/embed.min.js" date: string,
data-isso-css="false" last_update: string
id={post_id} }
/> }
children: any
<section id="isso-thread">
<noscript>Javascript needs to be activated to view comments.</noscript>
</section>
</>
)
} }
const Layout = ({ data, children }) => { const Layout = ({ data, children }: PageProps<queryLayoutProps>) => {
const post = data.mdx.frontmatter; const post = data.mdx.frontmatter;
return ( return (
<Base> <Base>
<div className="post template"> <div className="post template">
<SEO title={`${post.title} | ${config.siteTitle}`} />
<div className="post page"> <div className="post page">
<div className="article figure"> <div className="article figure">
<div className="HeaderContainer"> <div className="HeaderContainer">
@ -70,3 +65,13 @@ query($id: String) {
`; `;
export default Layout; export default Layout;
export const Head = (props: HeadProps<queryLayoutProps>) => {
return (
<SEO
title={`${props.data.mdx.frontmatter.title} | ${config.siteTitle}`}
description=""
children=""
/>
)
}

12
src/pages/about/index.tsx
View File

@ -3,13 +3,12 @@ import { GatsbyImage, getImage } from "gatsby-plugin-image";
import { useStaticQuery, graphql } from "gatsby" import { useStaticQuery, graphql } from "gatsby"
import Base from "../../components/Base" import Base from "../../components/Base"
import SEO from "../../components/seo" import SEO from "../../components/Seo";
import "./styles.scss"; import "./styles.scss";
const AboutPage = () => ( const AboutPage = () => (
<Base> <Base>
<SEO title="About" />
<div style={{ color: '#eeeeee'}}> <div style={{ color: '#eeeeee'}}>
<h4>Who are you ?</h4> <h4>Who are you ?</h4>
<p>nc</p> <p>nc</p>
@ -31,6 +30,15 @@ const AboutPage = () => (
</Base> </Base>
) )
export const Head = () => {
return (
<SEO title="About"
children=""
description=""
/>
)
}
const Image = () => { const Image = () => {
const data = useStaticQuery(graphql` const data = useStaticQuery(graphql`
query { query {

34
src/pages/index.tsx
View File

@ -2,11 +2,31 @@ import React, { useEffect } from "react"
import { graphql } from "gatsby" import { graphql } from "gatsby"
import Base from '../components/Base' import Base from '../components/Base'
import SEO from "../components/seo" import SEO from "../components/Seo"
import PostList from "../components/PostList" import PostList from "../components/PostList"
import init, { greet } from "snake_game" import init, { greet } from "snake_game"
const IndexPage = (props) => { type articleListType = {
data: {
allMdx: {
edges: [articleType]
}
}
}
type articleType = {
node: {
excerpt: string,
frontmatter: {
archive: boolean,
date: string,
slug: string,
title: string
}
}
}
const IndexPage = (props: articleListType) => {
const postEdges = props.data.allMdx.edges; const postEdges = props.data.allMdx.edges;
const initWasm = () => { const initWasm = () => {
@ -22,13 +42,19 @@ const IndexPage = (props) => {
return ( return (
<Base> <Base>
<SEO title="Home" />
<PostList postEdges={postEdges}/> <PostList postEdges={postEdges}/>
</Base> </Base>
) )
} }
export default IndexPage export default IndexPage;
export const Head = () => {
<SEO title="Home"
children=""
description=""
/>
}
export const pageQuery = graphql` export const pageQuery = graphql`
query IndexQuery { query IndexQuery {