DripFlows 博客使用规范

博客基于vuepress 搭建, 内置 vuepress 自身功能,并在此基础上新增功能,特在此说明。

组件

Element 组件

目前按需引入了Rate,BadgeButtonTagCheckbox5 个组件。
若有需求,可自行引入,引入方式如下:

// docs/.vuepress/enhanceApp.js

import { Rate, Badge, Button, Tag, Checkbox } from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

export default ({
  Vue, // VuePress 正在使用的 Vue 构造函数
  options, // 附加到根实例的一些选项
  router, // 当前应用的路由实例
  siteData // 站点元数据
}) => {
  Vue.use(Rate)
  Vue.use(Badge)
  Vue.use(Button)
  Vue.use(Tag)
  Vue.use(Checkbox)

  // 新增
  // 省略...
}

评论组件

评论使用Valine系统,使用方式如下:

<Valine />

details 组件

拓展 H5 中<details>标签,使用方式如下:

<detail tab="frontEnd" :menu="['a', 'b', 'c']"/>

目前只用于博客首页使用,如有需求,另行调整。

命令

  • npm run start/dev 开发模式
  • npm run build 编译文档
  • npm run deploy 发布

npm run deploy内含 git 提交及博客发布,请放心使用

上次更新: 2020/1/6 下午9:48:13