博主信息

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

头像和博主名称

你可以通过 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": 红迪
• "SnapChat": 色拉布
• "Soul": Soul
• "Teams": 微软团队
• "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": 微信支付

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

例子

.vuepress/theme.ts

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

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

export default 
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/",
      },
    },
  },
});