Giter Club home page Giter Club logo

hiiro-button's Introduction

猫猫按钮 / Hiiro 按钮 / Hiiro Button

https://t.bilibili.com/97236535?type=2

Hiiro...Hiiro...寂しい

相关链接:

参与完善本项目

  • 您可以在Issues提出您的建议。

    • 若是请求添加新语音,请使用指定的issues模板
    • 不熟悉github的用法也可以到Bilibili和我联系
  • 如果您可以进行开发,那么请Fork本项目进行修改,完成修改后在本项目中发起一个Pull Request,详细说明请查看以下条目

    Pull Request请提交至dev分支

添加或修改音频/完善翻译

音频文件推荐使用mp3格式,请先音量标准化,然后放入public/voices/目录

所有的分类和音频信息都存储在setting/translate目录的json文件中,添加或修改音频信息完善翻译,你需要修改对应文件中的内容

locales.jsoncategory.json分别为 UI 界面翻译和分类信息,请不要修改文件名,语音信息可以使用除此外的任意名称,可使用多个json文件方便管理语音

可使用schema文件夹中的json文件增加json schema约束和代码提醒

category.json结构示例如下:

[
  {
    // 分类命名
    "name": "名言",
    // 是否隐藏
    "hide": true,
    "translate": {
      // 分类中文翻译
      "zh-CN": "猫猫名言~",
      // 分类英文翻译
      "en-US": "witticism~"
    }
  }
]

语音文件结构示例如下:

[
  {
    // 语音命名
    "name": "baba",
    // 语音文件名
    "path": "baba.mp3",
    // 是否隐藏
    "hide": true,
    "translate": {
      // 语音中文翻译
      "zh-CN": "米娜我是你爸爸",
      // 语音英语翻译
      "en-US": "I'm your Baba"
    },
    // 语音所属分类(对应category的name)
    "category": "名言",
    // 以下属性为可选
    // hover时显示图片,请放到public/voices/img目录
    "usePicture": {
      "zh-CN": "",
      "en-US": ""
    },
    // 添加时间
    "date": "2020-11-11",
    // 语音出处
    "mark": {
      "title": "【Hiiro】读评论 学中文 DD们的评论都是什么东西啊?",
      "time": "0:01~0:03",
      "url": "https://www.bilibili.com/video/BV1ET4y177A8"
    }
  }
]

使用模板

若想使用网站模板开发新的语音按钮,可以选择以下两种方式:

因为本项目含有非通用的代码以及访问统计,所以不推荐直接修改本仓库,若依然要使用,请注意:

  • 修改或删除setting/setting.json里用于访问统计的GA_ID

LICENSE

hiiro-button's People

Contributors

blacktunes avatar legends-killer avatar midou-midou avatar ous50 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

hiiro-button's Issues

部署相关咨询

感谢模板和工具。
我在用命令行工具生成模板,按照指引替换/修改相应内容,可以成功部署到了github page。
但当我想更新增加新的语音时,出现了这样的问题:
在本地yarn serve调试一切正常;
yarn build后dist的可部署文件推送到部署的仓库,打开github page,分类(category)查看可以看到有按钮更新,但按出处查看,属于新增的title的一整块都没有出现。
这个问题应该怎么解决?

Modify the port

请问监听端口可以更改吗,其他项目也在监听8080

问一下

我是域名https://hiifan.icu/的持有者
我感觉你现在这个域名比较一般,别人可能不太一样记得住
我这个hiifan.icu就很生草,保证其他人看一下就可以记住并且永远都忘不掉(
而且我这官网也几个月没更新过了,给我自己留着的话也没啥用(
所以你要不要考虑使用我这个域名,我可以把https://hiifan.icu解析到你这
除此之外,我和hiiro是QQ好友,如果你想推荐你的网站我可以直接私信跟她说,我相信我推荐后她有很高的概率会在直播里看你这个网站的
你要不要考虑一下?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.