博主信息

主题允许你展示博主的基本信息。

头像和博主名称

你可以通过 blog.avatar 和 blog.name 自由配置博客页面中显示的的博主头像和姓名。

注

如果你没有填写它们，它们会自动回退到站点 Logo (主题选项中的 logo) 和 站点名称。

提示

如果你希望头像被剪裁成圆形，请设置 blog.roundAvatar: true。

座右铭、社交媒体与个人介绍页地址

你可以通过 blog.description 设置自己的一句话介绍、座右铭或口号。

你也可以通过 blog.intro 指定一个个人介绍页地址，点击头像与姓名时会自动进行跳转。

你还可以通过 blog.medias 这个对象配置你的社交媒体链接。

• 如果社交媒体已在下方列表中，你可以直接设置 社交媒体名称: 社交媒体地址。

• 否则，你应该传入一个元组 社交媒体名称: [社交媒体地址, 社交媒体 SVG 图标字符串或路径]

  元组的第二个元素应该是一个合法的 SVG 字符串或是一个完整的 SVG 文件路径。

可用的社交媒体:

• "Baidu": 百度
• "BiliBili": 哔哩哔哩
• "Bitbucket": Bitbucket
• "Dingding": 钉钉
• "Discord": Discord
• "Douban": 豆瓣
• "Dribbble": Dribbble
• "Email": 邮件
• "Evernote": 印象笔记
• "Facebook": 脸书
• "Flipboard": 红板报
• "Gitee": 码云
• "GitHub": GitHub
• "Gitlab": Gitlab
• "Gmail": 谷歌邮箱
• "Instagram": Instagram
• "Lark": 飞书
• "Line": Line
• "Linkedin": 领英
• "Pinterest": 拼趣
• "Pocket": Pocket
• "QQ": QQ
• "Qzone": QQ 空间
• "Reddit": 红迪
• "Rss": RSS 地址
• "Steam": 蒸汽
• "Skype": Skype
• "Telegram": 电报
• "Twitter": 推特
• "Wechat": 微信
• "Weibo": 微博
• "Whatsapp":瓦次艾普
• "Youtube": 油管
• "Zhihu": 知乎

(请不要好奇为什么这里一定要加上特别奇怪的中文翻译)

例子

TS

// .vuepress/config.ts
import { getDirname, path } from "@vuepress/utils";
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";

const __dirname = getDirname(import.meta.url);

export default defineUserConfig({
  theme: hopeTheme({
    blog: {
      medias: {
        // GitHub 已经内置了图标
        GitHub: "https://github.com/Mister-Hope",
        // 一个自定义媒体 MediaX (仅作示例)
        MediaX: [
          // 链接
          "https://mediax.com/UserX/",
          // 图标 SVG 字符串
          "<svg ....</svg>",
        ],
        // 一个自定义媒体 MediaY (仅作示例)
        MediaY: [
          // 链接
          "https://mediay.com/UserY/",
          // 图标地址
          path.resolve(__dirname, "icons/mediay.svg"),
        ],
      },
    },
  }),
});

JS

// .vuepress/config.js
import { getDirname, path } from "@vuepress/utils";
import { hopeTheme } from "vuepress-theme-hope";

const __dirname = getDirname(import.meta.url);

export default {
  theme: hopeTheme({
    blog: {
      medias: {
        // GitHub 已经内置了图标
        GitHub: "https://github.com/Mister-Hope",
        // 一个自定义媒体 MediaX (仅作示例)
        MediaX: [
          // 链接
          "https://mediax.com/UserX/",
          // 图标 SVG 字符串
          "<svg ....</svg>",
        ],
        // 一个自定义媒体 MediaY (仅作示例)
        MediaY: [
          // 链接
          "https://mediay.com/UserY/",
          // 图标地址
          path.resolve(__dirname, "icons/mediay.svg"),
        ],
      },
    },
  }),
};