Merge branch 'fix-netlify-and-vercel' of https://github.com/MarleneJi…

…ang/ByteDream-JueJin into fix-netlify-and-vercel

CHANGELOG.md

@@ -0,0 +1,42 @@
+# Changelog
+
+## 1.0.0 (2023-01-16)
+
+
+### Features
+
+* add husky ([0b883f9](https://github.com/MarleneJiang/ByteDream-JueJin/commit/0b883f949bc1fe26240ace26c2eb391c515adb96))
+* add monorepo and frontend ([d020e6e](https://github.com/MarleneJiang/ByteDream-JueJin/commit/d020e6edb7437af2a879faac3268ac18716b9ff4))
+* add nuxt-seo-kit ([63e432c](https://github.com/MarleneJiang/ByteDream-JueJin/commit/63e432c82e3652ddcbf29b34c404d2e4d223904a))
+* add seo/og ([8e8e2fd](https://github.com/MarleneJiang/ByteDream-JueJin/commit/8e8e2fd02b079149aa8546d5d077bc9593f3972f))
+* netlify ([93b0675](https://github.com/MarleneJiang/ByteDream-JueJin/commit/93b0675354a4561b69261145e984e8bbc1e46337))
+* netlify ([f7d2074](https://github.com/MarleneJiang/ByteDream-JueJin/commit/f7d20744bc1ceb5b54801ad7b7d4e6c4888b061a))
+* vercel.json ([c2c2252](https://github.com/MarleneJiang/ByteDream-JueJin/commit/c2c22524913c406a0e2a54c513be23b151fb0461))
+
+
+### Bug Fixes
+
+* change package manager to yarn ([c9fad9f](https://github.com/MarleneJiang/ByteDream-JueJin/commit/c9fad9fea9b2922b02d363880491ef07a9fd807b))
+* change package manager to yarn ([4132c26](https://github.com/MarleneJiang/ByteDream-JueJin/commit/4132c26c066809c43e589333014775974164cce5))
+* change package manager to yarn ([a2e40c7](https://github.com/MarleneJiang/ByteDream-JueJin/commit/a2e40c7ecd05ce03df8ec290a30248a1a7933718))
+* change package manager to yarn ([5e9cbd2](https://github.com/MarleneJiang/ByteDream-JueJin/commit/5e9cbd2a9d89d8cd8c84da91b27069612e83f0e1))
+* change package manager to yarn ([e8b1b48](https://github.com/MarleneJiang/ByteDream-JueJin/commit/e8b1b48d95d785a0cd9af9e0632ea6ee322f4f32))
+* eslint ([3972412](https://github.com/MarleneJiang/ByteDream-JueJin/commit/3972412fe2b6f51009689a00ec7ee443cda01b6d))
+* lint-stage ([cd9bd2b](https://github.com/MarleneJiang/ByteDream-JueJin/commit/cd9bd2be9d85225f616f58db06e98155a302cfaf))
+* netlify ([96168a2](https://github.com/MarleneJiang/ByteDream-JueJin/commit/96168a2cab1d4e03ac5507db754f76dc0150d713))
+* netlify ([234c01b](https://github.com/MarleneJiang/ByteDream-JueJin/commit/234c01bdab8ff6b4cda9527fbea14a10a9b97474))
+* netlify ([7936fd4](https://github.com/MarleneJiang/ByteDream-JueJin/commit/7936fd425aefb623460d108b1b1492037907994b))
+* vercel ([ecdf27c](https://github.com/MarleneJiang/ByteDream-JueJin/commit/ecdf27cb564b3b1fccbb2568ff199d7cb87c7d1b))
+* vercel ([0799a57](https://github.com/MarleneJiang/ByteDream-JueJin/commit/0799a57ed3d71ccbfb1e60ed1d1fb675b80b11c8))
+* vercel ([8218c13](https://github.com/MarleneJiang/ByteDream-JueJin/commit/8218c136af8a233988dd3227db2415bc0a024860))
+* vercel ([bc7ed79](https://github.com/MarleneJiang/ByteDream-JueJin/commit/bc7ed79fc7c7ecdb97aa4b7dc0c53a4e50843762))
+* vercel ([1aab998](https://github.com/MarleneJiang/ByteDream-JueJin/commit/1aab998717698f1a0958050570be8542e2dd7e0f))
+* vercel ([37e02c2](https://github.com/MarleneJiang/ByteDream-JueJin/commit/37e02c249527c352c8bae01632e3dbc08686de82))
+* vercel ([f41af31](https://github.com/MarleneJiang/ByteDream-JueJin/commit/f41af3169c99726899a0760494bb6881c989ab4a))
+* vercel ([72dfe76](https://github.com/MarleneJiang/ByteDream-JueJin/commit/72dfe76b12db948fc9b3e11c8c46d7eeb27e5ae9))
+* vercel ([3b203b7](https://github.com/MarleneJiang/ByteDream-JueJin/commit/3b203b761f9c91fe545500de06ceb271c7d92484))
+* vercel ([41c6bbd](https://github.com/MarleneJiang/ByteDream-JueJin/commit/41c6bbd3d87ca3d282ddd50f81b659a64be644e1))
+* vercel.json ([7c5bcda](https://github.com/MarleneJiang/ByteDream-JueJin/commit/7c5bcda89e8d097e7999a543e174bed5a58d8388))
+* vercel.json ([3e15c37](https://github.com/MarleneJiang/ByteDream-JueJin/commit/3e15c377d4752098cdbb4697fe2dad687c31735b))
+* vercel.json ([fe36957](https://github.com/MarleneJiang/ByteDream-JueJin/commit/fe36957bc9978f4625c5c22a58e6a6fe8ea9ff42))
+* 解决冲突 ([6d22621](https://github.com/MarleneJiang/ByteDream-JueJin/commit/6d226215ff0bf06322a4ed6b45ede42e71b4ba40))

README.md

@@ -35,3 +35,10 @@
 - 🗺 `Nuxt SEO Kit` - Sitemap,Schema.org,Generate dynamic social share images
 - 📦 `Vercel` - Auto Deploy & Preview with Workflows
 - 🔥 `Netlify + Cloudflare` - Deploy in Production Environment
+
+## 开发
+
+```bash
+yarn
+yarn dev
+```

frontend/app.vue

@@ -1,16 +1,11 @@
 <script setup>
-useHead({
-  title: 'Vitesse Nuxt 3',
-  link: [
-    {
-      rel: 'icon', type: 'image/png', href: '/nuxt.png',
-    },
-  ],
-})
+// import { OgImageScreenshot, SeoKit } from 'nuxt-seo-kit'
 </script>
 
 <template>
   <NuxtLayout>
+    <SeoKit />
+    <OgImage component="Banner" my-custom-title="JueJin | ByteDream" background-image="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F163786%2F120faf0c-b0ce-e482-e0aa-382a30443b2a.png" runtime="true" />
     <NuxtPage />
   </NuxtLayout>
 </template>

frontend/components/Banner.island.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+const props = defineProps({
+  // these will always be provided
+  path: String,
+  title: String,
+  description: String,
+  // anything custom comes here
+  backgroundImage: String,
+})
+</script>
+
+<template>
+  <div class="wrap">
+    <div>
+      <h1>
+        {{ title }}
+      </h1>
+      <p>{{ description }}</p>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.wrap {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  background: linear-gradient(to bottom, #30e8bf, #ff8235);
+}
+
+h1 {
+  font-size: 4rem;
+}
+</style>

frontend/nuxt.config.ts

@@ -8,11 +8,54 @@ export default defineNuxtConfig({
   experimental: {
     reactivityTransform: true,
     inlineSSRStyles: false,
+    componentIslands: true,
   },
   css: [
     '@unocss/reset/tailwind.css',
   ],
   colorMode: {
     classSuffix: '',
   },
+  extends: [
+    'nuxt-seo-kit',
+  ],
+  runtimeConfig: {
+    public: {
+      siteUrl: 'https://bytedream.top',
+      siteName: 'JueJin | ByteDream',
+      siteDescription: 'Yet Another Blog In JueJin Style By ByteDream',
+      language: 'zh-CN',
+      titleSeparator: '·',
+      trailingSlash: true,
+    },
+    indexable: true,
+    siteUrl: 'https://bytedream.top',
+  },
+  sitemap: {
+    hostname: 'https://bytedream.top',
+  },
+  head: {
+    ogTitleTemplate: '%s | ByteDream',
+    link: [
+      {
+        rel: 'apple-touch-icon',
+        type: 'img/x-icon',
+        href: 'https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web//static/favicons/apple-touch-icon.png',
+        sizes: '180x180',
+      },
+    ],
+  },
+  ogImage: {
+    colorScheme: 'dark',
+    mask: '.screenshot-hidden',
+    runtimeImages: true,
+  },
+  nitro: {
+    prerender: {
+      crawlLinks: true,
+      routes: [
+        '/',
+      ],
+    },
+  },
 })

frontend/package.json

@@ -26,6 +26,7 @@
     "husky": "^8.0.3",
     "lint-staged": "^13.1.0",
     "nuxt": "^3.0.0",
+    "nuxt-seo-kit": "^0.4.13",
     "pinia": "^2.0.23",
     "tailwindcss": "^3.2.4",
     "typescript": "^4.9.3",