以前，自定义 Github 个人资料的唯一方法是更新图片或更改名称。这意味着每个 Github 配置文件看起来都一样，自定义它或脱颖而出的选项很少。

从那时起，您可以选择使用 Markdown 创建自定义部分。您可以包括您的简历、您的兴趣和爱好，让您的个人资料反映您的身份。这是任何人在访问您的个人资料时看到的主要部分之一。

在这篇文章中，我将向您展示我如何创建我的 Github 自述文件。我将使用 Markdown 并解决它的主要问题。问题是它可能受到高度限制，因为您无法更改颜色，调整位置和间距可能很困难。要解决这个问题，有一种方法可以将 CSS 添加到 Github 自述文件中，甚至添加过渡以呈现更好的 UX。

但是让我们先从创建自述文件开始。为此，您需要创建一个新的公共存储库，该存储库正是您的 Github 用户名。您将看到一个小文本，表明这将是一个独特的存储库。

现在，无论您在 [README.md]() 文件中更新什么，它都会显示在您的个人资料中。您可以使用 Markdown 语法或 HTML 来显示您的内容。如果您添加任何内联样式、CSS 文件或 JavaScript，它将被 Github 删除，因此该解决方案是行不通的。

解决方案

在 README.md 文件中，您可以包含图像。其中包括 SVG 文件。使我们能够添加 CSS 的漏洞是使用 SVG 文件中的foreignObject 元素嵌入自定义 HTML 和 CSS。 foreignObject 元素允许您在 SVG 图形中包含其他标记语言的元素。

让我们在存储库中创建一个新文件，名为 header.svg。就我而言，我希望在我的个人资料上显示一条文本，内容为 CodeFlow.，具有漂亮的渐变和打字机效果。为了实现这一点，我在 SVG 文件中的foreignObject 中编写了一些 CSS 和一些 HTML ：

现在让我们更新 README.md 文件以使用此 SVG 作为图像并将其显示在我们的个人资料中：

就是这样。它实际上只是封装在 SVG 中的一些 CSS 和 HTML。查看下面的最终结果，或者如果您想查看实际效果，我的 Github 个人资料在这里。