Skip to main content

自定义博客内容

创建博客文章​

文章创建步骤​

  1. 在blog文件夹中创建新的.md或.mdx文件
  2. 文件命名格式：YYYY-MM-DD-标题.md
  3. 添加文章头部信息：
---
slug: my-first-blog-post
title: 我的第一篇博客
authors: [你的名字]
tags: [标签1, 标签2]
---

这里是文章内容...
写作建议
  • 使用清晰的文件名
  • 添加适当的标签
  • 写好文章摘要
  • 使用Markdown格式化文本

添加自定义页面​

创建关于页面​

// src/pages/about.js
import React from 'react';
import Layout from '@theme/Layout';

export default function About() {
  return (
    <Layout title="关于">
      <div
        style={{
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'center',
          padding: '2rem',
        }}>
        <h1>关于我</h1>
        <p>这里是关于页面的内容...</p>
      </div>
    </Layout>
  );
}

自定义样式​

修改主题颜色​

/* src/css/custom.css */
:root {
  --ifm-color-primary: #25c2a0;
  --ifm-color-primary-dark: #21af90;
  --ifm-color-primary-darker: #1fa588;
  --ifm-color-primary-darkest: #1a8870;
  --ifm-color-primary-light: #29d5b0;
  --ifm-color-primary-lighter: #32d8b4;
  --ifm-color-primary-lightest: #4fddbf;
}
  • 主色调定义
  • 色彩变体
  • 对比度考虑