有看板娘的vuepress-theme-ting清新简易主题

vuepress-theme-ting

github项目

这是一个vuepress主题,主要功能有博客归档分类,以及留言,个人展示等;主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用;
这是一个看板娘小清新vuepress主题,主要功能有博客归档分类,以及留言,个人展示等;主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用;

预览地址

预览地址

在这里插入图片描述

版本

第一版1.4.5

看板娘需在配置目录下设置路径。

  • 在这里插入图片描述

  • 如果你喜欢最初风格的版本:为1.4.5

npm i vuepress-theme-ting@1.4.5

第二版2.x.x

  • 支持默认换装看板娘
  • 图灵对话机器人
    在这里插入图片描述
npm i vuepress-theme-ting

UI风格我个人感觉还有待改进,我个人不是很喜欢哈哈哈~

最近在致力于编写一个小清新风格的ui组件库要运用到本主题中,所以进度会比较慢。

新增功能

默认换装看板娘2.x.x

自动换装88套衣服,琳琅满目~,截图不过来了。

  • 在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

自定义看板娘

  • 本主题支持看板娘,由于live2d读取模型文件,你可以选择自己喜欢的看板娘,在配置时填写路径就可以了。
    如果你不喜欢默认的看板娘模型,可以在config.js里增加看板娘路径。
module.exports = {
    ……
    head: [
    ……
    ],
    themeConfig: {
 		……
        live2dModel: '/live2d/model/poi/poi.model.json', //live2d模型路径
        ……
    }
}
  • 其他待补充

图灵对话机器人2.x.x

可以与机器人聊天,并且播放语音;

  • 在这里插入图片描述
鸣谢
支持者 支持内容
mumudadi 提供图灵机器人后台技术支持。

导语

你是否喜欢这个vuepress主题呢?按照步骤来,你也可以使用这样的主题哦。以下是具体的配置使用过程。


前期工作

新建项目project,在project下新建一个docs文件夹和一个package.json文件

  • 文件目录
project
│
├─── docs
│
└─── package.json
  • package.json内容
{
   
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值