vuepress-theme-reco

Config.js 配置

2019/4/9

# 移动端优化

在移动端，搜索框在获得焦点时会放大，并且在失去焦点后可以左右滚动，这可以通过设置元来优化。

// .vuepress/config.js
module.exports = {
  head: [
    ['meta', { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no' }]
  ]
}

# 图标

您可以在导航菜单中使用主题的内置图标，如下所示：

{ text: 'Tags', link: '/tags/', icon: 'reco-tag' }
  1. 本主题支持 Font Awesome 免费图标 (opens new window)
  2. 本主题有以下内置图标供您选择：

  • FAQ

    reco-faq

  • 置顶

    reco-sticky

  • 加密

    reco-lock

  • Email

    reco-mail

  • 豆瓣

    reco-douban

  • 微信

    reco-wechat

  • 颜色板

    reco-color

  • 思否

    reco-sf

  • 消息

    reco-message

  • 眼睛

    reco-eye

  • 搜索

    reco-search

  • 分类

    reco-category

  • NPM

    reco-npm

  • 菜单

    reco-menu

  • 建议

    reco-suggestion

  • Coding

    reco-coding

  • GitHub

    reco-github

  • 其他

    reco-other

  • 首页

    reco-home

  • 文档

    reco-document

  • 华为

    reco-huawei

  • 回到顶部

    reco-up

  • 微博

    reco-weibo

  • 标签

    reco-tag

  • 日期

    reco-date

  • 博客园

    reco-bokeyuan

  • 备案

    reco-beian

  • 版权

    reco-copyright

  • 哔哩哔哩

    reco-bilibili

  • 账号

    reco-account

  • 简书

    reco-jianshu

  • QQ

    reco-qq

  • 主题

    reco-theme

  • 三

    reco-three

  • GitLab

    reco-gitlab

  • 博客

    reco-blog

  • 码云

    reco-mayun

  • 知乎

    reco-zhihu

  • Facebook

    reco-facebook

  • 淘宝

    reco-taobao

  • 通知

    reco-tongzhi

  • 抖音

    reco-douyin

  • V2EX

    reco-v2ex

  • 今日头条

    reco-toutiao

  • 领英

    reco-linkedin

  • Twitter

    reco-twitter

  • API

    reco-api

  • CSDN

    reco-csdn

  • 掘金

    reco-juejin

# 备案信息和项目开始时间

ICP 备案指向链接 和 公安部备案 在 1.2.0 后生效。

// .vuepress/config.js
module.exports = {
  themeConfig: {
    // 备案
    record: 'ICP 备案文案',
    recordLink: 'ICP 备案指向链接',
    cyberSecurityRecord: '公安部备案文案',
    cyberSecurityLink: '公安部备案指向链接',
    // 项目开始时间，只填写年份
    startYear: '2017'
  }
}

# 设置作者姓名

  1. 设置全局作者姓名
// .vuepress/config.js
module.exports = {
  themeConfig: {
    // author
    author: 'reco_luan'
  }
}
  1. 为单篇文章设置作者姓名
---
title: 你还没真的努力过，就轻易输给了懒惰
date: 2015-04-23
categories: article
author: 渡渡
---

# 华为文案

首页可以显示 “华为” 文案，需要以下配置。

// .vuepress/config.js
module.exports = {
  themeConfig: {
    huawei: true
  }
}

导航栏左侧可以显示logo, 需要以下配置。

// .vuepress/config.js
module.exports = {
  themeConfig: {
    logo: '/head.png'
  }
}

# 头像

1.2.0 后使用 themeConfig.authorAvatar 替换首页的 faceImage 来设置头像

// .vuepress/config.js

module.exports = {
  theme: 'reco',
  themeConfig: {
    authorAvatar: '/avatar.png'
  }  
}

首页配置