简介生成器文档

简介生成器入门文档 (BliveDocuments)
由Cabbagelol写


Blive入门文档已经更改为Blive4的版本,如果你希望阅读Blive3的入门文档,请移步到:http://cabbagelol.net/blivedocuments-3/

 

  • Blive4如果长时间加载,请尝试使用蓝灯等科学软件
  • 作者正在收录萌新的意见,尚未编写基础教程,目前入门文档包含高级语法和零碎的内容
  • 是入门文档,TM就是高级使用帮助文档,什么太难了?我也很绝望啊。

 

Blive4目录:


(一) 入门教程

  1. 创建空白简介
  2. 使用模板简介
  3. 加载存档简介文件
  4. 使用共享简介
  5. 简介制作一个完整简介例子
  6. 生产线流程图
  7. 参考视频(由支持者提供)

(二) 进阶高级

  1. 使用高级语法位置与办法
  2. 创建空的标准简介
  3. 创建一个自定义高度和宽度简介
  4. 手动选择标签
  5. 代码视图中的颜色表示
  6. 自定义分页按钮
  7. Blive4的工具开发
  8. 自定义简介数据

 

 

 

 

 

 

 


以下是入门文档内容 · 它们随时更新,你需要及时的访问学习如何制作


▎(一)入门教学-1

创建的方法:

1.创建

► 你可以直接从Blive.cabbagelol.net入口中直接选择模板,它们会传入一个值被Blive所识别从而载入到可视化工作台,并且会直接跳过Blive初始选择把简介载入。

【选择此方法】从入口页打开Blive4,选择空模板或是【推荐新手】模板创建

  • 空模板下Blive不会载入任何模板,并且保留一些设置。
  • 模板创建会让可视化工作台内部创建一个简介

 

2.选择

► 【空模板此时你需要了解下入门文档中的“HTML语法”的内容,来创建空模板,因为Blive不会为你初始化任何内容在工作台中。

  • 推荐学习高级语法,它们可以直接处理一些已知的问题,熟练配合或许发挥不错的效果
  • 利用代码工作台修改你的简介,你需要参考Blive支持的HTML语法中的(一)和(二)小目录里面的内容

► 【模板选择】从模板列表中选择一份你喜欢的,它们只是初始状态,根据你喜好来对模板里面元素进行调整,以达到最终效果。

  • 你可以载入的工作台也可以游览下模板大概
  • 载入的请求很有可能被服务娘吃掉,如果是这样请再次选择一次

 

2.编辑

2-1.元素编辑

►  将鼠标移动到简介中,点击任意内容,此时文字被蓝色框圈起(Blive看作简介元素,当选择中时则是对象,对象分为文本/容器/分割线对象等等)

  • 此刻你可以对该元素编辑,但你注意一个事项:
  1. 无法通过键盘上下左右移动光标
  2. 不要拖拽此元素,它很有可能造成简介排版问题
  3. 不要在没有选择任何元素情况下从外部直接拖进图片,你必须选择一个对象再这样做

 

2-2.编辑头像

不是所有模板都自带头像模块,当然你也可以使用高级语法去创建;

头像模块通常预留一块白色背景区域,点击该区域,此时属性一栏(参考下面附带的高级和基础)出现头像属性:

2-3.图片

偷懒中..

2-4.表格

偷懒中..

2-5.右键

偷懒中..

2-6.基础功能内容

偷懒中..

2-7.高级功能内容

偷懒中..

2-8.工具箱

偷懒中..

3.保存

保存按钮在Blive的左侧,Blive必须您先游览简介才能保存(发布),简介生成器提供了二种方式来发布你的简介,在这里请使用方法二,复制简介代码

保存注意事项:

  • 避免在代码工作台修改简介内容后直接点击游览,请切换到可视化工作台中再发布
  • 如果你游览的简介没有同步,请在可视化工作台右键选择‘同步代码’
  • 如果编辑完简介后,发布但发现游览页面上没有简介影子,请检查下你的游览器是否支持html5,可以在blive左下角关于中查看支持情况。
  • 注意生产线流程

 

附带:

  1. 高级和基础:了解哪些是高级功能或是基础功能的一部分

 

 

 

 


▎(一)简介制作一个完整简介例子-5

流程1:创建简介(参考入门教学),作为例子选用模板创建方法。

流程2:点击

 


▎(一)生产线流程图-6

     Blive生产线流程图,编译后的代码无法在被Blive所使用,因此日常备份Blive工程代码,一旦出现问题你可以将Blive工程代码直播间代码一同提交给作者,这样可以帮助作者追踪代码问题所在。

生产线:Blive的简介生成流程,它表示着你的简介代码阶段是否可被再次编辑

附带:

  • Q:在直播间的代码可以在放回简介生成器里继续编辑吗?
  • 不,你已经无法再次编辑,注意一旦强行传给blive处理已编译的内容,可能造成不可解救的问题
  • Q:工程代码在哪里?
  • 它在可视化工作台的右上角“</>”
  • Q:保存在储存列表的简介是处于未编译状态的简介吗?
  • 是的,它们可以再次被blive识别进行处理

 


▎(一)参考视频-7

所有视频都由第三方UP提供,感谢他们为Blive提供了视频教程,使得Blive学习起来更加轻松

任何人都可以参与Blive教程视频制作,你仅需要联系作者就可以挂在这里。

 

 


▎(二)高级语法(缩语)-1

   Blive提供了高级语法进行生成,这将帮助你可以不必花更多时间来写入代码,当然这些命令你依旧需要点时间进行学习,一旦了解它如何运作,那么在生成时会更加快速,在学习前请注意Blive高级语法的几个基础规则:

  • 简介生成器中的高级语法是以@开头,紧接Blive:符号,再是命令以及命令后参数
  • 定义的参数以{}进行括起,内属性与参数
  • 识别符和命令头必须是大写,一个完整的例子:@B::、@Blive:Pa、@Blive:New
  • 在Blive中高级语法是直接对工作台内语法区配再进行替换处理,因此极为需要注意它所执行后部分语法会在@前留下痕迹,当然只有部分;同时由于大部分创建语法没有自定义属性,通常情况下创建的所有标签都在尽量不影响其他排版情况下的属性值,不过依旧会发现排版问题务必留意
  • 区分高级语法的主动模式和被动模式,主动模式指该指令一旦被Blive所识别就立即开始被动指在Blive最后生成时做出编译
  • 所有高级语法都在可视化工作台使用

 

以下是Blive所有支持语法(注意它们随时会更新):

语法 作用 执行行为 版本
@B:: 用于创建命令头 主动  
@Blive:NewPa 测试命令,创建P标签,并带文字 主动  
@Blive:NewDiv 测试命令,创建一个空框架,方法直接覆盖掉原有工作台上的简介 主动  
@Blive:[Br] 换行,创建换行,并自动区配高宽 主动  
@Blive:NewFe 创建分页模块,并启动分页栏 主动  
@Blive:[P] 创建P标签,注意它似乎和“@Blive:NewPa”一样,但生成了不可见内容在其中 主动  
@Blive:[Hr] 生成一个分割线 主动 4.20170620.1以上
@Blive:[Img] 生成一个150*150图片 主动  
@Blive:Time 创建当前时间 主动  
{[Row]} 用于在URL上标识分页按钮,以便被Blive4编译成分页按钮,它是分页按钮的开始标识 被动  
{[Rend]} 作为分页按钮关闭标识,如果缺失此链接 那么丢失超链接的target="self"声明 被动  
{[Chat]} 它将作为一个私聊按钮,请把它放置在超链接中,URL内仅填写它即可 被动 暂时决定

 

 


(二)自定义分页按钮-6

现在Blive4提供了二种方法创建“分页按钮”,但你必须注意二种方法不能同时被使用,如果你这样做可能给你的简介带来提交后排版错误等等问题。

准备:在Blive左侧打开首选(首选项),找到直播间和UID,填入你的号码点击保存。(必须填写,否则无法使用下方任意方式)

► 高级语法:我们知道Blive有高级语法区分了主动和被动,我们将使用“{[Row]}对象{[Rend]}”(注意大小写)来作为分页按钮,使用方法是点击超链接,编辑超链接的URL,填入“{[Row]}对象{[Rend]}”,对象是指分页名称,比如我跳转到Cabb-b,则“{[Row]}Cabb-b{[Rend]}”,完成后单击“更新”,此时作为分页按钮请不要选择新窗口打开。

► 单击作为分页按钮的超链接,编辑超链接URL填写对象,对象指分页名称,比如我跳转到Cabb-b,URL就填写“Cabb-b”即可,完成后在看右侧,会出现超链接属性一栏,在超链接属性一栏中选择“分页按钮”,完成。

 


(二)Blive4的工具开发-7( 作者还没开工 )

   为了实现该功能,Blive4将提供一个插件方式来展开工具箱功能,这个由非Blive开发的工具它能做到什么?首先Blive允许工具改造BliveUI,甚至禁用和开启Blive上的功能,也允许开发者对Blive的简介数据处理在返回给Blive。

 

方法 结果 说明 适用
返回工作台代码 Tool_Blive_read()

返回Blive工作台中的简介代码

20170603以上

储存本地数据

Tool_Blive_setltem(obj,str)

obj:储存名称

true:储存简介数据(可以通过Tool_Blive_read()方法来取当前数据)

 

获取本地数据

Tool_Blive_getItem(obj_name)

取简介

20170603以上

获取本地数据列表方法

Tool_Blive_getItemlList()

返回一个简介列表,包含了名称和数据 20170711以上
禁用功能 Tool_Blive_forbid(obj,true)

obj:禁用功能

true:功能状态

 

*注意所有方法结果都会打印到控制台

 

▎(二)简介数据(简介签署)-8

在blive4所有简介都储存以文本形式的简介数据,这些数据都被blive4作为参考,它们为blive提供模板特殊情况处理方案,虽然不提供这些数据不会导致blive出现问题,但会以默认行为处理模板,这可能做出特殊模板执行默认处理方案,导致简介出现小许问题。

  • 实际上能提供给作者日志错误参考信息,如果你删除可能带给作者需要询问更多简介信息帮助解决问题
  • 简介数据同时作为简介追踪数据

 

{"Blive":[{ “id”:”01″,”Blive_name”:”名称”,”Blive_v”:”1.0″,”Blive_z”:”Cabbagelol”,”Blive_b”:”简介由生成器生成:http://blive.Cabbagelol.net”,”Blive_row”:”0″}]}

属性说明:

属性
Blive
id 简介id
Blive_name 简介名称
Blive_z 简介作者
Blive_b 简介备注信息
Blive_row 用户房间号

* 它们可能会随时更新

将编辑好的简介数据放置在简介后面p标签上,该p标签的id为Blive_str,如果没有请创建:

<p id="Blive_str" style="width:100%;height: 207px;visibility: hidden;">

  //此处插入

</p>

标签的样式很有可能随着模板统一改动,自己根据情况调整Blive_str内联样式

 

 


(三)Blive支持的HTML语法-1

       理论上你可以插入W3C标准的所有HTML语法,但实际上Blive不推荐这样做,Blive与官方不希望超出功能范围存在简介中,可能对简介存在损害,因此简介会被省略非法内容,从而出现放置直播间简介移位等等状况,因此各位设计者希望尊重简介功能,保证你写的内容符合简介功能之内。

标签名 支持备注
div  
p  
span  
h1~h4 默认"标题"范围在H1到H6,如果想在简介使用更加小或更大,推荐你使用div标签或是p标签声明它们字体大小来达到标题作用
b 加粗避免使用strong
i  
ol 直播间下没有效果
ul 直播间下没有效果
li 直播间下没有效果

​以上是Blive所推荐

 

 

(三)可被使用属性-2

声明 声明备注
style  
src  
title  

* 安全声明范围:如果你在安全声明范围外它会直接导致直播被过滤,如何让安全声明范围保持之内,请保证满足以下规则:

  1. 不包含任何游览器标示 如-moz-。
  2. 使用声明缩写的方法编写样式声明,因为可以避免一些特殊规则(Blive希望你能独立它们虽然会比较麻烦)。
  3. 避免声明值包含双引或单引。
  4. 避免任何外部引用资源地址包含CSS声明名称 如url(color)。
  5. 注意声明顺序

 

 

 

 

9 条评论

  • cabbagelol 2017年2月7日 回复 Author

    本页已经开启了评论,请文明发言。
    信息反馈请前往:http://cabbagelol.net/ce.com/
    应用地址前往:http://blive.cabbagelol.net

  • March的谎言 2017年2月12日 回复

    唔,难道没有人看到这一页面?
    😀

    • cabbagelol 2017年2月13日 回复 Author

      因为自信

      • March的谎言 2017年4月2日 回复

        多说要关闭了,记得迁移

        • cabbagelol 2017年4月20日 回复 Author

          已经替换为原生评论:D

  • Echo_小泽 2017年3月16日 回复

    抢前排~

  • 碎梦 2017年4月8日 回复

    所以能不能简单点QVQ是不是我太蠢了QVQ找半天不知道在哪生成简介

    • cabbagelol 2017年4月20日 回复 Author

      你可以尝试加入简介生成器的交流社区,里面由我来回答这些问题,如果你依旧不懂,可以尝试在bilibili中找下由up主制作的教材。

  • 大帅比X君 2017年4月12日 回复

    好前啊!!!

发表评论