andatoshiki/toshiki-home-nuxt3
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-home-nuxt3.git synced 2026-06-06 05:45:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(open graph related): update all in slug open graph header section metag tag component via removing prior manual addition of open graph tag contents properties & updated default root directory for loading open graph images of blog posts for social media featuered/preview card image component shring to og-images in root of build dist directory instead of loading remotely from homepage domain address

Browse Source
This commit is contained in:
Anda Toshiki 2024-09-13 02:53:27 -07:00
parent ae18ce014c
commit af6bf329ce
Signed by: andatoshiki
GPG Key ID: 443A8FB634CF898D
1 changed files with 2 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/blog/_slug.vue
View File

@ -52,7 +52,7 @@ export default Vue.extend({
const tags = getTags?.join(', ') || title
const href = `https://toshiki.dev${this.$route?.path}`
const image = `https://toshiki.dev/og-images/${post.slug}.png`
const image = `/og-images/${post.slug}.png`
return {
bodyAttrs: {
@ -71,7 +71,7 @@ export default Vue.extend({
description,
image,
keywords: `${tags}, toshiki, andatoshiki, blog, Anda Toshiki, homepage, portfolio, website, personal, personal website, real life, programming, coding`,
url: href,
url: href
},
[
{
@ -97,31 +97,6 @@ export default Vue.extend({
{
name: 'twitter:data2',
content: `${this.getReadingTime} minutes`
},
{
name: 'twitter:image',
content: image
},
// open graph
{
name: 'og:type',
content: 'article'
},
{
name: 'og:site_name',
content: `toshiki.dev/${this.$route?.path}`
},
{
name: 'og:description',
content: description
},
{
name: 'og:image',
content: image
},
{
name: 'og:url',
content: href
}
]
)
@ -234,7 +209,6 @@ export default Vue.extend({
<!-- <Waline /> -->
<div class="mt-16 space-y-10">
<div v-if="getRelatedPosts.length > 0" class="space-y-2">
<h3 class="text-sm dark:text-white/30 text-black/50">Similar Posts</h3>