博主信息

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

头像和博主名称

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

注

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

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

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

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

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

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

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

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

可用的社交媒体:

社交

• "CoolApk": 酷安
• "Discord": Discord
• "Douban": 豆瓣
• "Facebook": 脸书
• "Instagram": Instagram
• "Kook": KOOK 语音
• "Line": Line
• "Messenger": Facebook Messenger
• "QQ": QQ
• "Qzone": QQ 空间
• "Reddit": 红迪
• "Skype": Skype
• "SnapChat": 色拉布
• "Soul": Soul
• "Telegram": 电报
• "Tieba": 百度贴吧
• "Tumblr": 汤不热
• "Twitter": 推特
• "VK": VKontakte
• "Wechat": 微信
• "Weibo": 微博
• "Whatsapp":瓦次艾普
• "YY": 歪歪

办公

• "Bitbucket": Bitbucket
• "Dingding": 钉钉
• "Dribbble": Dribbble
• "Email": 邮件
• "Evernote": 印象笔记
• "Gitee": 码云
• "GitHub": GitHub
• "Gitlab": Gitlab
• "Gmail": 谷歌邮箱
• "KDocs": 金山文档
• "Lark": 飞书
• "Linkedin": 领英
• "Pocket": Pocket
• "QQDocs": 腾讯文档
• "WechatWork": 微信企业版

聚合

• "AFDian": 爱发电
• "Baidu": 百度
• "Bangumi": 番组计划
• "DuiTang": 堆糖
• "Flipboard": 红板报
• "HuaBan": 花瓣
• "Pinterest": 拼趣
• "Pixiv": Pixiv
• "Rss": RSS 地址
• "WechatMP": 微信公众号
• "XiaoHongShu": 小红书
• "Zhihu": 知乎

音频

• "163Music": 网易云音乐
• "5Sing": 5sing
• "Kugou": 酷狗音乐
• "Kuwo": 酷我音乐
• "QQMusic": QQ 音乐
• "SoundCloud": 声云
• "XiMaLaYa": 喜马拉雅

视频

• "AcFun": ACFun
• "BiliBili": 哔哩哔哩
• "Douyin": 抖音
• "Douyu": 斗鱼
• "HuoShan": 抖音火山版
• "HuYa": 虎牙
• "iQiYi": 爱奇艺
• "KuaiShou": 快手
• "Nico": NicoNico 动画
• "QQVideo": 腾讯视频
• "Twitch": Twitch
• "WechatCh": 微信视频号
• "Weishi": 微视
• "Youku": 优酷
• "Youtube": 油管

其他

• "115": 115 网盘
• "360Yun": 360 云盘
• "AliDrive": 阿里云盘
• "AliPay": 支付宝
• "BaiduDisk": 百度网盘
• "BattleNET": 战网
• "IdleFish": 闲鱼
• "Paypal": 贝宝
• "Steam": 蒸汽
• "WechatPay": 微信支付

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

例子

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: {
          // 图标 SVG 字符串
          icon: "<svg ....</svg>",
          // 链接
          link: "https://mediax.com/UserX/",
        },
        // 一个自定义媒体 MediaY (仅作示例)
        MediaY: {
          // 图标地址
          icon: "https://mediay.com/logo.svg",
          // 链接
          link: "https://mediay.com/UserY/",
        },
      },
    },
  }),
};