chore: update Tech page & navigation

Author: desktopofsamuel

config.js

@@ -24,17 +24,13 @@ module.exports = {
       path: '/pages/now/',
     },
     {
-      label: '#地圖',
-      path: '/travel/',
+      label: '科技',
+      path: '/tech/',
     },
     {
-      label: '#遙控',
-      path: '/category/遙控/',
+      label: '旅遊',
+      path: '/travel/',
     },
-    // {
-    //   label: '#科技',
-    //   path: '/tech/',
-    // },
   ],
   author: {
     name: 'Samuel W.',

src/components/image-feed.tsx

@@ -88,7 +88,7 @@ const ImageFeed = ({ edge }: EdgesType) => (
           {dayjs(edge.node.frontmatter.date).format(`MMMM YYYY`)}
         </Text>
 
-        <Heading as="h2" fontSize="xl" mt="2" color="white">
+        <Heading as="h2" fontSize="2xl" mt="2" color="white">
           {edge.node.frontmatter.title}
         </Heading>
 

src/components/mdx-components.tsx

@@ -45,7 +45,7 @@ const MDXComponents = {
   inlineCode: InlineCode,
   code: Codeblock,
   pre: Pre,
-  kbd: Kbd,
+  kbd: (props) => <Kbd mx="2" {...props} />,
   blockquote: (props) => (
     <Alert
       mt="4"

src/pages/tech.tsx

@@ -25,7 +25,7 @@ const TechPage = ({ data }) => {
         {featEdges.map((edge) => (
           <ImageFeed edge={edge} />
         ))}
-        <Heading as="h2" fontSize="xl">
+        {/* <Heading as="h2" fontSize="xl">
           評測
         </Heading>
         {appEdges.map((edge) => (
@@ -34,6 +34,7 @@ const TechPage = ({ data }) => {
         <Heading as="h2" fontSize="xl">
           所有科技文章
         </Heading>
+         */}
         <PostList edges={feedEdges} />
       </Stack>
     </Layout>
@@ -51,7 +52,7 @@ export const query = graphql`
           # socialImage: { regex: "/" }
         }
       }
-      limit: 1
+      limit: 4
       sort: { order: DESC, fields: [frontmatter___date] }
     ) {
       edges {
@@ -84,7 +85,7 @@ export const query = graphql`
           # socialImage: { regex: "/" }
         }
       }
-      skip: 1
+      skip: 4
       sort: { order: DESC, fields: [frontmatter___date] }
     ) {
       edges {