Git Product home page Git Product logo

blive-intro's Introduction

Bilibili Live 简介卡生成器

开源说明

Bilibili Live 简介卡生成器是一个一键生成B站直播简介卡的工具。

前端使用了Vue.js 2 + webpack 2，模版合成使用了PHP。

官网：bintro.smilec.org

Github

目录结构

src
│  App.vue                  入口模版
│  main.js                  入口JS
│  
├─assets
│      markdown.css         Markdown样式表
│      
├─components
│  │  ColorButton.vue       选项卡按钮
│  │  Demo.vue              Demo
│  │  Footerbar.vue         底部边栏
│  │  Maker.vue             生成器
│  │  Navbar.vue            导航栏
│  │  
│  └─Dialog
│          Code.vue         手动代码封装对话框
│          Tab.vue          选项卡编辑对话框
│          
├─layouts
│      FAQ.vue              FAQ页面
│      Home.vue             主页面
│      OpenSource.vue       开源说明页面
│      
├─markdown
│      faq.md               FAQ的MD文件
│      opensource.md        开源说明的MD文件
│      tutorial.md          使用教程的MD文件
│      
├─router
│      index.js             路由
│      
└─store
        index.js            Vuex的store

Setup

安装依赖

npm install

打包生成

npm run build

开发

npm run dev

Notice

模版处理部分由PHP编写，总共两个文件，这两个文件在/dist/process下。

所以要进行开发的话，需要在本地有一个PHP服务，并将Document Root设置到YOUR_PATH/dist/process。

开源许可

基于 GPL Lisence 开源。

使用代码需要说明来源、持续开源，且需沿用GPL协议。

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.