kebokyo/eleboog-astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

open graph & other fixes
Some checks failed
ci / builder (push) Failing after 0s
Details

Browse source
This commit is contained in:
Kebo 2025-06-26 12:28:28 -05:00
parent 535c38cd10
commit a143106ade
6 changed files with 47 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Header.astro
View file

@ -24,7 +24,7 @@ const {current} = Astro.props;
/ /
<a href='/journal' class="text-subtitle hover:underline">journal</a> <a href='/journal' class="text-subtitle hover:underline">journal</a>
/ /
<span class="nav-extras"> {/* <span class="nav-extras">
<a href='/sharefeed' class="text-subtitle hover:underline">sharefeed</a> <a href='/sharefeed' class="text-subtitle hover:underline">sharefeed</a>
/ /
<a href="/me" class="text-subtitle hover:underline">me</a> <a href="/me" class="text-subtitle hover:underline">me</a>
@ -32,8 +32,8 @@ const {current} = Astro.props;
<a href="/cool" class="text-subtitle hover:underline">cool</a> <a href="/cool" class="text-subtitle hover:underline">cool</a>
/ /
<a href='/feeds' class="text-subtitle hover:underline">rss</a> <a href='/feeds' class="text-subtitle hover:underline">rss</a>
</span> </span> */}
<a href="/more" class="nav-more text-subtitle hover:underline">more</a> <a href="/more" class="text-subtitle hover:underline">more</a>
</h2> </h2>
</div> </div>
</div> </div>

17
src/layouts/PostLayout.astro
View file

@ -19,6 +19,8 @@ const headings = await Astro.props.headings
const title = fm.title ?? 'blog post' const title = fm.title ?? 'blog post'
const ogImageUrl = "https://eleboog.com/blog/blogbanner.png"
const numberToWord = (num: number) => { const numberToWord = (num: number) => {
switch(num) { switch(num) {
case 1: return "one"; case 1: return "one";
@ -38,6 +40,21 @@ const numberToWord = (num: number) => {
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title ? title + ' - eleboog.com' : 'eleboog.com'}</title> <title>{title ? title + ' - eleboog.com' : 'eleboog.com'}</title>
{/* open graph babeeeee */}
<meta property="og:title" content={title ? title + ' - eleboog.com' : 'eleboog.com'} />
<meta property="og:site_name" content="eleboog.com" />
<meta property="og:description" content={fm.summary ?? "My personal website, containing blog posts, a mini journal, and other projects. The dark side of the sauce."} />
<meta property="og:type" content="article" />
<meta property="og:article:published_time" content={fm.date.replace(' ', 'T')} />
<meta property="og:article:modified_time" content={fm.updated ? fm.updated.replace(' ', 'T') : fm.date.replace(' ', 'T')} />
<meta property="og:image" content={ fm.cover ? 'https://eleboog.com' + fm.cover : ogImageUrl } />
<meta property="og:image:secure_url" content={ fm.cover ? 'https://eleboog.com' + fm.cover : ogImageUrl } />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="twitter:title" content={title ? title + ' - eleboog.com' : 'eleboog.com'} />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content={ fm.cover ? 'https://eleboog.com' + fm.cover : ogImageUrl } />
</head> </head>
<body class="main-spacing"> <body class="main-spacing">
<Header current='blog post'/> <Header current='blog post'/>

18
src/layouts/StandaloneMDXLayout.astro
View file

@ -8,10 +8,13 @@ import Header from '../components/Header.astro'
import Footer from '../components/Footer.astro' import Footer from '../components/Footer.astro'
import HR from '../components/HR.astro' import HR from '../components/HR.astro'
import { flatMap } from 'lodash'
const { frontmatter } = Astro.props const { frontmatter } = Astro.props
const title = frontmatter.slug ?? 'me' const title = frontmatter.slug ?? 'whoops'
const ogImageUrl = "https://eleboog.com/blog/blogbanner.png"
--- ---
@ -23,6 +26,19 @@ const title = frontmatter.slug ?? 'me'
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title ? title + ' - eleboog.com' : 'eleboog.com'}</title> <title>{title ? title + ' - eleboog.com' : 'eleboog.com'}</title>
{/* open graph babeeeee */}
<meta property="og:title" content={title ? title + ' - eleboog.com' : 'eleboog.com'} />
<meta property="og:site_name" content="eleboog.com" />
<meta property="og:description" content={frontmatter.summary ?? "My personal website, containing blog posts, a mini journal, and other projects. The dark side of the sauce."} />
<meta property="og:type" content="website" />
<meta property="og:image" content={ ogImageUrl } />
<meta property="og:image:secure_url" content={ ogImageUrl } />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="twitter:title" content={title ? title + ' - eleboog.com' : 'eleboog.com'} />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content={ ogImageUrl } />
</head> </head>
<body class="main-spacing"> <body class="main-spacing">
<Header current={title}/> <Header current={title}/>

2
src/pages/blog.astro
View file

@ -15,7 +15,7 @@ const archives = await getCollection('archives');
--- ---
<BaseLayout title="archives"> <BaseLayout title="archives" description="The main list of all of the blog posts and other articles I have written on this site, including some that were written in prior versions of the site.">
<h1 class="font-serif text-3xl my-2">Blog Archive</h2> <h1 class="font-serif text-3xl my-2">Blog Archive</h2>
<p>This is a list of all blog posts that have ever been posted on this site.</p> <p>This is a list of all blog posts that have ever been posted on this site.</p>

1
src/pages/me.mdx
View file

@ -3,6 +3,7 @@ layout: '../layouts/StandaloneMDXLayout.astro'
title: Me! title: Me!
date: 1970-01-01 date: 1970-01-01
summary: "A page for stuff about me and what I'm doing." summary: "A page for stuff about me and what I'm doing."
slug: me
draft: true draft: true
--- ---

13
src/pages/more.mdx
View file

@ -3,18 +3,21 @@ date: 1970-01-01
layout: '../layouts/StandaloneMDXLayout.astro' layout: '../layouts/StandaloneMDXLayout.astro'
title: More Pages title: More Pages
slug: more slug: more
summary: Other miscleaneous pages on my website.
--- ---
Want to see even more stupid stuff that I've been up to? Here you go! Want to see even more stupid stuff that I've been up to? Here you go!
[sharefeed - A collection of links to things that are interesting](/sharefeed) - [sharefeed - A collection of links to things that are interesting](/sharefeed)
[me - An "about me" page and a whole lot more](/me)\ - [me - An "about me" page and a whole lot more](/me)\
If you are a fan of slash pages, try throwing some into the URL and see what happens! If you are a fan of slash pages, try throwing some into the URL and see what happens!
For example, [/colophon](/colophon) or [/chipotle](/chipotle) :3 For example, [/colophon](/colophon) or [/chipotle](/chipotle) :3
[cool - A miscellaneous resource of cool stuff I want to draw more attention to](/cool) - [cool - A miscellaneous resource of cool stuff I want to draw more attention to](/cool)
[rss - Want to keep tabs on what I make? This is the best way to do it](/rss)\ - [rss - Want to keep tabs on what I make? This is the best way to do it](/rss)\
If you need an RSS client and are on iOS and/or macOS, check out [NetNewsWire](https://netnewswire.com/) (not sponsored, it's just what If you need an RSS client and are on iOS and/or macOS, check out [NetNewsWire](https://netnewswire.com/) (not sponsored, it's just what
I use lol) I use lol)
If you have suggestions for what else to put on my website, please let me know ^w^