Blog 从 Hugo 迁移到 Tailwind Next.js Blog

git checkout -b hugo
git push origin hugo

git branch -D main
git checkout --orphan main

rm -rf ./*
rm -rf .forestry .gitignore .gitmodules

 cp -rav ~/repo/blog/nextjs-ttys3.dev/* .

 cp -rav ~/repo/blog/nextjs-ttys3.dev/.* .


 meld . ~/repo/blog/nextjs-ttys3.dev
 bcompare . ~/repo/blog/nextjs-ttys3.dev

 git remote add origin [email protected]:ttys3/ttys3.dev.git

 git push origin main -f

rnr -r -f '.md' '.mdx' .
rnr -r -f '.mdxx' '.mdx' .

❯ rg '<http(s)?://.+?>' -l | wc -l
70

npm i -g replace-in-file

//config.js
module.exports = {
  files: './**/*.mdx',
  from: /(?<!\])<http(s)?:\/\/([^[\]]+?)>(?!\])/g,
  to: ' http\$1://\$2 ',
};

replace-in-file --configFile=config.js

# check
rg '^slug:\s+[a-zA-Z_-]+' 

# delete
sed -E -i '/^slug:\s+[a-zA-Z_-]+/d' `rg -l slug`

commit baab006f840d07fe5a1ea27a6c586a118d21870c
Author: ttyS3 <[email protected]>
Date:   2023-07-10 20:31:17 +0800

    chore: null-safe join of tags

diff --git a/layouts/ListLayout.tsx b/layouts/ListLayout.tsx
index fb967f7..7c94a9d 100644
--- a/layouts/ListLayout.tsx
+++ b/layouts/ListLayout.tsx
@@ -66,7 +66,7 @@ export default function ListLayout({
 }: ListLayoutProps) {
   const [searchValue, setSearchValue] = useState('')
   const filteredBlogPosts = posts.filter((post) => {
-    const searchContent = post.title + post.summary + post.tags.join(' ')
+    const searchContent = post.title + post.summary + (post.tags ?? []).join(' ')
     return searchContent.toLowerCase().includes(searchValue.toLowerCase())
   })

@@ -129,7 +129,7 @@ export default function ListLayout({
                         </Link>
                       </h3>
                       <div className="flex flex-wrap">
-                        {tags.map((tag) => (
+                        {(tags ?? []).map((tag) => (
                           <Tag key={tag} text={tag} />
                         ))}
                       </div>
diff --git a/layouts/PostLayout.tsx b/layouts/PostLayout.tsx
index 0562fd9..c5b165c 100644
--- a/layouts/PostLayout.tsx
+++ b/layouts/PostLayout.tsx
@@ -123,7 +123,7 @@ export default function PostLayout({ content, authorDetails, next, prev, childre
                       Tags
                     </h2>
                     <div className="flex flex-wrap">
-                      {tags.map((tag) => (
+                      {(tags ?? []).map((tag) => (
                         <Tag key={tag} text={tag} />
                       ))}
                     </div>
diff --git a/pages/index.tsx b/pages/index.tsx
index f8fafeb..c084f88 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -57,7 +57,7 @@ export default function Home({ posts }: InferGetStaticPropsType<typeof getStatic
                             </Link>
                           </h2>
                           <div className="flex flex-wrap">
-                            {tags.map((tag) => (
+                            {(tags ?? []).map((tag) => (
                               <Tag key={tag} text={tag} />
                             ))}
                           </div>
diff --git a/pages/tags/[tag].tsx b/pages/tags/[tag].tsx
index f939fc6..4437f40 100644
--- a/pages/tags/[tag].tsx
+++ b/pages/tags/[tag].tsx
@@ -23,7 +23,7 @@ export const getStaticProps = async (context) => {
   const tag = context.params.tag as string
   const filteredPosts = allCoreContent(
     allBlogs.filter(
-      (post) => post.draft !== true && post.tags.map((t) => kebabCase(t)).includes(tag)
+      (post) => post.draft !== true && (post.tags ?? []).map((t) => kebabCase(t)).includes(tag)
     )
   )

 ❯ npm run build

Failed to compile.

./pages/404.tsx
9:36  Error: Replace `t-6·pb-8` with `b-8·pt-6`  prettier/prettier

❯ npm run lint

> [email protected] lint
> next lint --fix --dir pages --dir components --dir lib --dir layouts --dir scripts

diff --git a/pages/404.tsx b/pages/404.tsx
index 2bdf448..873137d 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -6,7 +6,7 @@ export default function FourZeroFour() {
     <>
       <PageSEO title="Page Not Found" description="Sorry we couldn't find this page :(" />
       <div className="flex flex-col items-start justify-start md:mt-24 md:flex-row md:items-center md:justify-center md:space-x-6">
-        <div className="space-x-2 pt-6 pb-8 md:space-y-5">
+        <div className="space-x-2 pb-8 pt-6 md:space-y-5">
           <h1 className="text-6xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 md:border-r-2 md:px-6 md:text-8xl md:leading-14">
             404
           </h1>

λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
○  (Static)  automatically rendered as static HTML (uses no initial props)
●  (SSG)     automatically generated as static HTML + JSON (uses getStaticProps)

(node:825002) ExperimentalWarning: Importing JSON modules is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
RSS feed generated...
Sitemap generated...
file:///home/user001/repo/blog/ttys3.dev/node_modules/pliny/utils/generate-rss.js:43
        (post) => post.tags.map((t) => GithubSlugger.slug(t)).includes(tag)
                            ^

TypeError: Cannot read properties of undefined (reading 'map')
    at file:///home/user001/repo/blog/ttys3.dev/node_modules/pliny/utils/generate-rss.js:43:29
    at Array.filter (<anonymous>)
    at generateRSS (file:///home/user001/repo/blog/ttys3.dev/node_modules/pliny/utils/generate-rss.js:42:38)

diff --git a/contentlayer.config.ts b/contentlayer.config.ts
index 3f6c2b8..929806e 100644
--- a/contentlayer.config.ts
+++ b/contentlayer.config.ts
@@ -44,7 +44,7 @@ export const Blog = defineDocumentType(() => ({
   fields: {
     title: { type: 'string', required: true },
     date: { type: 'date', required: true },
-    tags: { type: 'list', of: { type: 'string' } },
+    tags: { type: 'list', of: { type: 'string' }, default: [] },
     lastmod: { type: 'date' },
     draft: { type: 'boolean' },
     summary: { type: 'string' },

npm install git+https://github.com/ttys3/remark-copy-linked-files.git

      // path is something like `/path-to-project-root/_mdx_bundler_entry_point-3e814d53-72fb-474b-8853-f64f1521e36a.mdx`
      // after contentlayer (which uses mdx-bundler)
      // `file.data.rawDocumentData.sourceFilePath` begin with `blog/xxx`, does not include the `data` dir
      const fullpath = resolve(
        cwd,
        dataDir,
        file?.data?.rawDocumentData?.sourceFilePath ? dirname(file.data.rawDocumentData.sourceFilePath) : '',
        platformNormalizedUrl,
      );

import remarkCopyLinkedFiles from 'remark-copy-linked-files'

[remarkCopyLinkedFiles, {destinationDir: process.cwd() +"/public/static/images/blog/", staticPath: "/static/images/blog"}],

public-hoist-pattern[]=*