Rename folder

README.md

@@ -1,4 +1,4 @@
-<img src="./public/images/img/64.png" style="width: 128px; height: 128px;"  alt=''/>
+<img src="./assets/images/img/64.png" style="width: 128px; height: 128px;"  alt=''/>
 
 ## 小破站
 

components/RUA/loading/RUALoading.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
-import loadingImage from 'public/images/img/mona-loading-default.gif';
-import loadingImageDimmed from 'public/images/img/mona-loading-dimmed.gif';
+import loadingImage from 'assets/images/img/mona-loading-default.gif';
+import loadingImageDimmed from 'assets/images/img/mona-loading-dimmed.gif';
 import Image from 'next/image';
 import { useTheme } from 'next-themes';
 

components/gists/UserInfo.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import { GetUser } from 'lib/fetcher';
 import Image from 'next/image';
-import avatar from 'public/images/img/avatar.svg';
+import avatar from 'assets/images/img/avatar.svg';
 import { FiLink, FiMail, FiTwitter } from 'react-icons/fi';
 
 type Props = {

layouts/MDXLayout.tsx

@@ -10,11 +10,11 @@ const PostComment = dynamic(() => import('components/post/PostComment'));
 
 interface Props extends MyMatters {
   showTOC?: boolean;
-  children: React.ReactNode;
+  children: React.ReactElement;
 }
 
 const MDXLayout = ({ title, date, showTOC = true, children }: Props) => {
-  const contentString = renderToString(children as any);
+  const contentString = renderToString(children);
   const headings = getHeadings(contentString);
 
   return (

pages/g/[id].tsx

@@ -6,7 +6,7 @@ import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from 'next';
 import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import Link from 'next/link';
-import avatar from 'public/images/img/avatar.svg';
+import avatar from 'assets/images/img/avatar.svg';
 import { ReactElement } from 'react';
 
 const MainLayout = dynamic(() => import('layouts/MainLayout'));

pages/p/create-a-mini-router-for-react.mdx

@@ -6,10 +6,10 @@ tags: [JavaScript, React]
 
 import Layout from 'layouts/MDXLayout';
 import Image from 'components/mdx/Image';
-import image1 from 'public/images/p/create-a-mini-router-for-react/router.webp';
-import image2 from 'public/images/p/create-a-mini-router-for-react/Web架构.svg';
-import image3 from 'public/images/p/create-a-mini-router-for-react/迷你路由器.svg';
-import image4 from 'public/images/p/create-a-mini-router-for-react/image-20210823154009498.webp';
+import image1 from 'assets/images/p/create-a-mini-router-for-react/router.webp';
+import image2 from 'assets/images/p/create-a-mini-router-for-react/Web架构.svg';
+import image3 from 'assets/images/p/create-a-mini-router-for-react/迷你路由器.svg';
+import image4 from 'assets/images/p/create-a-mini-router-for-react/image-20210823154009498.webp';
 
 export const meta = {
   title: '现代前端的Web应用路由-为React打造一个迷你路由器',

pages/p/how-to-load-a-background-with-threejs.mdx

@@ -7,7 +7,7 @@ tags: ['three.js', 'JavaScript']
 import Layout from 'layouts/MDXLayout';
 import dynamic from 'next/dynamic';
 import Image from 'components/mdx/Image';
-import image1 from 'public/images/p/how-to-load-a-background-with-threejs/Skybox_example.png';
+import image1 from 'assets/images/p/how-to-load-a-background-with-threejs/Skybox_example.png';
 
 export const RUASandpack = dynamic(() => import('components/RUA/RUASandpack'));
 

pages/p/my-develop-environmental.mdx

@@ -6,8 +6,8 @@ tags: [Linux, Server]
 
 import Layout from 'layouts/MDXLayout';
 import Image from 'components/mdx/Image';
-import image1 from 'public/images/p/my-develop-environmental/logo.svg';
-import image2 from 'public/images/p/my-develop-environmental/windows-environmentail.png';
+import image1 from 'assets/images/p/my-develop-environmental/logo.svg';
+import image2 from 'assets/images/p/my-develop-environmental/windows-environmentail.png';
 
 export const meta = {
   title: '我的开发环境',

pages/p/setting-up-docsearch-for-nextjs.mdx

@@ -7,8 +7,8 @@ tags: ['Next.js', 'JavaScript']
 import Layout from 'layouts/MDXLayout';
 import dynamic from 'next/dynamic';
 import Image from 'components/mdx/Image';
-import image1 from 'public/images/p/setting-up-docsearch-for-nextjs/cannot-login-to-algolia-crawler.png';
-import image2 from 'public/images/p/setting-up-docsearch-for-nextjs/index-format.png';
+import image1 from 'assets/images/p/setting-up-docsearch-for-nextjs/cannot-login-to-algolia-crawler.png';
+import image2 from 'assets/images/p/setting-up-docsearch-for-nextjs/index-format.png';
 
 export const RUASandpack = dynamic(() => import('components/RUA/RUASandpack'));
 export const Tab = dynamic(() => import('components/RUA/tab'));