Skip to content

Commit dcaf087

Browse files
LPink777LPink777
committed
feat: update css
1 parent c996b06 commit dcaf087

File tree

15 files changed

+323
-19
lines changed

15 files changed

+323
-19
lines changed

‎src/app/[...slug]/page.tsx renamed to ‎app/[...slug]/page.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,6 @@ interface PageProps {
1313
async function getPageFromParams(params: PageProps["params"]) {
1414
const slug = params?.slug?.join("/")
1515
const page = allPages.find((page) => page.slugAsParams === slug)
16-
1716
if (!page) {
1817
null
1918
}

‎src/app/api/hello/route.ts renamed to ‎app/api/hello/route.ts

File renamed without changes.

‎src/app/globals.css renamed to ‎app/globals.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
@tailwind base;
22
@tailwind components;
3-
@tailwind utilities;
3+
@tailwind utilities;
4+

‎app/icon.png

11.3 KB
Loading

‎src/app/layout.tsx renamed to ‎app/layout.tsx

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,9 @@
11
import Link from "next/link"
22
import "./globals.css"
3-
import { Inter } from "next/font/google"
43
import { ThemeProvider } from "@/components/theme-provider"
54
import { Analytics } from "@/components/analytics"
65
import { ModeToggle } from "@/components/mode-toggle"
76

8-
const inter = Inter({ subsets: ["latin"] })
9-
107
export const metadata = {
118
title: "Tech Talk, Future Walk",
129
description: "完美比完成更重要！",
@@ -20,7 +17,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
2017
return (
2118
<html lang="en">
2219
<body
23-
className={`antialiased min-h-screen bg-white dark:bg-slate-950 text-slate-900 dark:text-slate-50 ${inter.className}`}
20+
className={`antialiased min-h-screen bg-white dark:bg-slate-950 text-slate-900 dark:text-slate-50`}
2421
>
2522
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
2623
<div className="max-w-2xl mx-auto py-10 px-4">

‎src/app/page.tsx renamed to ‎app/page.tsx

File renamed without changes.

‎src/app/posts/[...slug]/page.tsx renamed to ‎app/posts/[...slug]/page.tsx

File renamed without changes.

‎content/pages/about.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@ title: About
33
description: 关于此博客
44
---
55

6-
F的个人技术分享博客
6+
F的个人博客，用来记录生活的点滴
77

8-
主要从事前端开发工作
8+
目前主要从事前端开发工作，爱好广泛，热爱coding

‎content/posts/lottie-animation.mdx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,9 @@ Lottie是Airbnb开发的一种轻量级的JavaScript库，它能够在Web、iOS
1111
## **2. 与css动画、gif、帧动画的比较**
1212

1313
下表列出了lottie-web、css动画、gif和帧动画的比较。它们主要从时间成本、动画还原度、开发成本、产物大小和性能等方面进行对比。
14+
1415
| 时间成本 | 动画还原度 | 开发成本 | 产物大小 | 性能 |
15-
| ------- | -------- | ------- | ------- | ---- |
16+
| ---------- | ----------- | --------- | ----------- | ---------- |
1617
| Lottie-web | 高 | 低 | 低 | 优 |
1718
| CSS动画 | 低 | 低 | 低 | 优 |
1819
| GIF | 高 | 中 | 中 | 差 |

‎contentlayer.config.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
1-
import { defineDocumentType, makeSource } from "contentlayer/source-files"
1+
import { defineDocumentType, makeSource } from "contentlayer/source-files";
2+
import remarkGfm from 'remark-gfm';
3+
import rehypeSlug from 'rehype-slug'
4+
import rehypeAutolinkHeadings from 'rehype-autolink-headings'
5+
import rehypeCodeTitles from 'rehype-code-titles'
26

37
/** @type {import('contentlayer/source-files').ComputedFields} */
48
const computedFields = {
@@ -51,4 +55,7 @@ export const Post = defineDocumentType(() => ({
5155
export default makeSource({
5256
contentDirPath: "./content",
5357
documentTypes: [Post, Page],
58+
mdx: {
59+
remarkPlugins: [remarkGfm, rehypeSlug, rehypeAutolinkHeadings, rehypeCodeTitles],
60+
},
5461
})

0 commit comments

Comments
 (0)