screenshot.png

1. 背景及介绍

Twitter主题是一款运行于Typecho程序的个人微博客主题,由“油油”制作完成。

2. 短代码

以下短代码后台编辑框基本有一键添加的按钮!

2.1 插入音乐

[aplay singer="歌手名" song="歌曲名" src="音乐文件直链" pic="封面图片直链"]

QQ截图20200418232112.jpg

2.2 插入视频

[dplay src="视频文件直链"]

QQ截图20200418232206.jpg

2.3 插入bilibili视频

[bilibili av="视频av号" p="视频第几P"]
[bilibili bv="视频bv号" p="视频第几P"]

QQ截图20200418232302.jpg

2.4 插入颜色字体

[c=颜色代码]文本内容[/c]

支持的颜色如下图

QQ截图20200418225859.jpg

2.5 调用其他文章

[post cid=文章id]

QQ截图20200418232341.jpg

2.6 插入折叠框

[zhedie=折叠框标题]
折叠框内容
[/zhedie]

QQ截图20200418232415.jpg

2.7 登录可见内容

[hide]
隐藏的内容
[/hide]

QQ截图20200418232501.jpg

2.8 插入相册

[xiangce]
图片代码
[/xiangce]

QQ截图20200418232632.jpg

2.9 文章加密框

本功能针对部分用户设置,可在后台编辑文章时加入短代码

[password=密码]内容[/password]

QQ截图20200518104013.jpg

2.10 回复可见

[reply]回复可见内容[/reply]

QQ截图20200628172009.jpg

3. 功能特色

3.1 三种文章列表格式

Twitter默认自带三种文章列表格式:大图模式、左图模式、微博模式

3.2 优秀的微博模式

微博模式支持首页点击阅读文章、支持首页展示视频、bilibili、音乐、相册、支持首页点赞、支持首页显示最新三条评论。

QQ截图20200418233916.jpg

3.3 首页分类选项卡&首页幻灯片

Twitter主题支持在首页列表头部展示幻灯片,填写文章ID自动展示。

另外支持分类选项卡,填写分类ID自动展示。

QQ截图20200418233144.jpg

3.4 首页隐藏某分类

只要有不想在首页显示的分类,可以通过设置隐藏分类。该功能可以配合微博或者大图方式,实现独立的相册、微博功能。

3.5 十种美丽的配色

QQ截图20200418233417.jpg

3.6 自带友情链接功能

不需要安装任何第三方插件,只需要在模板设置中填写json格式的内容即可!支持创建友链的独立页面!

QQ截图20200418233607.jpg

3.7 文章生成海报

文章生成海报一共有两种风格。

风格1

aa981487-7d05-4f85-ba23-bd1eb058ebc6.png

风格2

b400b638-fa89-416f-b1bc-19c30532303f.png

更多功能拭目以待...

4. 后台设置

4.1 站点首页副标题

在编辑框中填入的内容会在首页上以“站点标题 - 站点副标题”的形式显示在浏览器的标签页上。仅在首页生效。

4.2 站点logo地址

填写相应的图片直链地址,在导航最顶部显示。留空显示博主Gravatar头像,填写none则显示站点标题。

4.3 自定义导航

自定义导航以Json格式为基础,填写规定的json代码。

自定义导航换了全新更简单的写法。

格式(一行一个导航):

导航名称#导航地址#是否新窗口打开(true:新窗口,false:当前)#图标

如下:

首页#https://www.200011.net#true#home
油油男神#https://www.200011.net#false#heart

4.4 使用cdn加速静态文件

该功能仅用于加速模板中的静态文件,使用jsdelivr加速不包括yoniu.jsstyle.css两个文件,增强可玩性。

自定义cdn加速地址包括以上两个文件,填写格式如:https://cdn.jsdelivr.net/gh/yoniu/twitter@v1.2

4.5 Gravatar镜像源地址

该功能可以解决Gravatar头像加载缓慢问题。填写加速源网址如:https://cdn.v2ex.com/gravatar

4.6 幻灯片文章ID

填写将显示在站点首页幻灯片的文章ID,使用半角逗号,进行分割多个。

4.7 首页列表顶部显示的分类

填写将显示在站点首页幻灯片下面的分类标签,使用半角逗号,进行分割多个。

4.8 列表默认显示样式

该功能用于改变文章默认展示格式,可选:大图、左图、微博

4.9 微博样式选项

4.10 友情链接

友情链接功能可以通过创建“单页”,选择:友情链接模板。另外也支持在全站显示。必须填写Json格式。

友情链接也用了新的编写方式

格式:

友链名称+网址+描述+是否首页显示(true:显示,false:不显示)+头像(可选)

标题单独成一行(可多个)

如下:

内页友链
肖同学+https://www.xiaojunkang.com/+一个沙雕的同学+false+https://s3.jpg.cm/2020/05/13/A7258.gif
c0sMx's Blog+https://www.c0smx.com/+c0sMx's Blog+false+https://c0smx.lajiya.cn/archives/LOGO/c0sMx.png
首页友链
微风忆夏+https://sumiler.com+微风轻轻起 夏日不再来。高中生九日的个人博客,用于记录生活的点点滴滴,同时写下自己的人生故事及内心思想+true+https://sumiler.com/usr/uploads/time/midori.jpg
Urban Ash+https://urbanash.xyz/+Urban-AshのBlog+true+https://q1.qlogo.cn/g?b=qq&nk=1666394237&s=640
常去网站
Pexels+https://www.pexels.com/zh-cn/+免费素材照片+false+https://www.pexels.com/assets/icons/pexels-icon-644533b609157fd990b1a6675626d63077ae1fb81e819c83f81dc2242877d413.png

4.11 博客信息卡

在后台模板设置中填写博客信息卡背景图链接会触发此技能!

QQ截图20200518105346.jpg

信息卡小图标格式:

fa图标#链接地址#图标描述

QQ图片20200518105307.png

4.12 博客信息卡2.0

1.9版本的博客信息卡多了侧栏的选项,只要在侧栏设置中启用,上述4.11中的博客信息卡将会转移到侧栏中进行显示。功能集成:博主简介、打赏、社交按钮

QQ截图20200628172353.jpg