一个high iQ的脑子，遇到问题会问AI

要有一点点的编程基础

安装Node.js

注册github账号

安装一个源代码编辑器像visual studio code

下载Fuwari博客的仓库的压缩包：https://github.com/saicaca/fuwari

解压

安装pnpm：打开cmd运行npm install -g pnpm

在项目根目录打开cmd运行：pnpm install 和 pnpm add sharp

成功本地部署Fuwari

在根目录的 src 文件夹中，找到 config.ts 改写示例信息

这是我的config.ts参考

• 1
  import type {
  2
  ExpressiveCodeConfig,
  3
  ImageFallbackConfig,
  4
  LicenseConfig,
  5
  NavBarConfig,
  6
  ProfileConfig,
  7
  SiteConfig,
  8
  UmamiConfig,
  9
  } from "./types/config";
  10
  import { LinkPreset } from "./types/config";
  11
  
  12
  export const siteConfig: SiteConfig = {
  13
  title: "ygdsnd Blog",
  14
  description:
  15
     "分享内网穿透、静态网站搭建等的个人博客",
  16
  
  17
  keywords: [],
  18
  lang: "zh_CN", // 'en', 'zh_CN', 'zh_TW', 'ja', 'ko', 'es', 'th'
  19
  themeColor: {
  20
     hue: 220, // Default hue for the theme color, from 0 to 360. e.g. red: 0, teal: 200, cyan: 250, pink: 345
  21
     fixed: false, // Hide the theme color picker for visitors
  22
     forceDarkMode: false, // Force dark mode and hide theme switcher
  23
  },
  24
  banner: {
  25
     enable: false,
  26
     src: "/xinghui.avif", // Relative to the /src directory. Relative to the /public directory if it starts with '/'
  27
  
  28
     position: "center", // Equivalent to object-position, only supports 'top', 'center', 'bottom'. 'center' by default
  29
     credit: {
  30
       enable: true, // Display the credit text of the banner image
  31
       text: "Pixiv @chokei", // Credit text to be displayed
  32
  
  33
       url: "https://www.pixiv.net/artworks/122782209", // (Optional) URL link to the original artwork or artist's page
  34
     },
  35
  },
  36
  background: {
  37
     enable: true, // Enable background image
  38
     src: "/background.jpg", // Background image URL (supports HTTPS)
  39
     position: "center", // Background position: 'top', 'center', 'bottom'
  40
     size: "cover", // Background size: 'cover', 'contain', 'auto'
  41
     repeat: "no-repeat", // Background repeat: 'no-repeat', 'repeat', 'repeat-x', 'repeat-y'
  42
     attachment: "fixed", // Background attachment: 'fixed', 'scroll', 'local'
  43
     opacity: 0.5, // Background opacity (0-1)
  44
  },
  45
  toc: {
  46
     enable: true, // Display the table of contents on the right side of the post
  47
     depth: 2, // Maximum heading depth to show in the table, from 1 to 3
  48
  },
  49
  favicon: [
  50
     // Leave this array empty to use the default favicon
  51
     {
  52
       src: "https://picui.cn/thumbnails/999b613e0650a058c527d40b3c236bb7.png", // Path of the favicon, relative to the /public directory
  53
       //   theme: 'light',              // (Optional) Either 'light' or 'dark', set only if you have different favicons for light and dark mode
  54
       //   sizes: '32x32',              // (Optional) Size of the favicon, set only if you have favicons of different sizes
  55
     },
  56
   ],
  57
  };
  58
  
  59
  export const navBarConfig: NavBarConfig = {
  60
  links: [
  61
     LinkPreset.Home,
  62
     LinkPreset.Archive,
  63
     LinkPreset.About,
  64
     {
  65
       name: "个人主页",
  66
       url: "https://ygdsnd.github.io", // Internal links should not include the base path, as it is automatically added
  67
       external: true, // Show an external link icon and will open in a new tab
  68
     },
  69
   ],
  70
  };
  71
  
  72
  export const profileConfig: ProfileConfig = {
  73
  avatar: "https://picui.cn/thumbnails/1c4df8c405b2dd1983b2ac4672922ecf.png", // Relative to the /src directory. Relative to the /public directory if it starts with '/'
  74
  name: "ygdsnd",
  75
  bio: "一个普通人",
  76
  links: [
  77
     {
  78
       name: "Bilibli",
  79
       icon: "fa6-brands:bilibili",
  80
       url: "https://space.bilibili.com/1210398385",
  81
     },
  82
     {
  83
       name: "GitHub",
  84
       icon: "fa6-brands:github",
  85
       url: "https://github.com/ygdsnd",
  86
     },
  87
  ],
  88
  };
  89
  
  90
  export const licenseConfig: LicenseConfig = {
  91
  enable: true,
  92
  name: "CC BY-NC-SA 4.0",
  93
  url: "https://creativecommons.org/licenses/by-nc-sa/4.0/",
  94
  };
  95
  
  96
  export const imageFallbackConfig: ImageFallbackConfig = {
  97
  enable: false,
  98
  originalDomain: "",
  99
  fallbackDomain: "",
  100
  };
  101
  
  102
  export const umamiConfig: UmamiConfig = {
  103
  enable: false,
  104
  baseUrl: "",
  105
  shareId: "",
  106
  timezone: "",
  107
  };
  108
  
  109
  export const expressiveCodeConfig: ExpressiveCodeConfig = {
  110
  theme: "github-dark",
  111
  };
  

在根目录下的 src/content/posts 文件夹中有示例文章，文章介绍了一些md语法和技巧，将其保存到别处or删除

在项目根目录执行：pnpm new-post <文章标题>

在项目根目录下的 src/content/posts 文件夹中会多出一个 xxx.md文件

打开它

1
title: xxx //title：文章标题
2
published: 2025-10-1  //published：文章创建时间
3
description: ''  //文章描述，显示在文章标题下方
4
image: ''  //封面图
5
tags: []  //文章标签
6
categories: ''  //文章分类
7
draft: false
8
lang: ''