ZDSR时光轴规范文档
更新时间:2020/3/9
一、内容
标题
- 标题符合SEO习惯,原则上不随意命名。
- 不宜过长或者过短,否则影响首页排版。
文章
- 尽量图文编排,可图片为主,文字为辅。
- 保持每周更新。
- 不发布违反互联网法规和政治敏感的文章/关键字,例:
VPN,科学上网,SSR
插图
- 图片高清,分辨率宽度至少大于
720
像素。 - 图片添加水印
ZDSR.CN
,以防盗用。 - 不采用其他网站的外链,可能会有防盗链,导致无法解析到图片。
- 图片高清,分辨率宽度至少大于
二、格式
正文
- 编辑器语法为
Markdown
语法,进阶语法参照《Markdown基础语法》。 - 正文避免错别字,避免语义不通的句子。
- 合理使用排版格式,对关键字进行加粗,不对全文加粗。
- 可对文字注音,使用
{{拼音 : pīn yīn}}
语法,效果:拼音 。 - 使用
~~要加删除线的内容~~
语法解析删除线, 效果:要加删除线的内容。 - 使用
==要高亮显示的内容==
语法解析高亮 (荧光笔效果),效果: 要高亮显示的内容 。 - 使用
- [ ] 未选中
和- [x] 选中
语法解析带复选框的列表(复选框仅做展示,页面不可修改),效果不展示。
- 编辑器语法为
图片
增强用户体验,图片大小应控制在图片已云端预处理。500k
以内,图片尺寸宽度在1920
像素内。- 图片添加阴影,在图片链接后面添加后缀
#Shadow
,用法举例https://hao.zdsr.cn/img/search.png#Shadow
。 使用微博图床sinaimg.zdsr.cn进行上传,得到图片链接后,点击插入图片按钮。图例:- 电脑端使用Picgo①软件上传(可对上传历史进行管理),Picgo具有多种上传方式,以微博图床图床为例,在微博没有登录安全验证的前提下,直接输入账号密码即可上传,若上传失败,请参照
2.c
。
自定义链接
- 推荐为空。
首页文章头图
- 设置位置在编辑器最下方的
文章主图
文本框中,填写图片链接。 - 图片尺寸尽量选择
宽:高 接近 5:3
,以提高阅读体验。
- 设置位置在编辑器最下方的
照片集
- 语法如下:
{"大图": "https://img.upyun.zdsr.cn/uploads/sina/5cc1a51342838.jpg","预览图": "https://img.upyun.zdsr.cn/uploads/sina/5cc1a5138939c.jpg","标题": "TianFu Square","简介": "2018年12月08日 by iPhone 7Plus"}
,每两个之间使用英文逗号,最后一个不使用。
- 语法如下:
说说页面
- 语法如下:
{"时间":"18-11-03","文字":"人生重来一次,你会换种活法吗?"}
,每两个之间使用英文逗号,最后一个不使用。
- 语法如下:
其他用法
- 短标签
说明
示例
效果
生成一个多标签页的卡片。
[tabs]
[tab name="标签页 1"]内容 1[/tab]
[tab name="标签页 2"]内容 2[/tab]
[/tabs]

说明
示例
效果
参数
生成一个提示或警告卡片。
[hint]提示内容[/hint]
[hint warn]警告内容[/hint]
[hint type="danger" title="提示标题"]
提示内容
[/hint]

参数 | 说明 |
---|---|
type | 提示类型,默认为 info ,在没有警告标题的情况下,可以直接将提示类型的值写到参数处。可选的提示类型为info ,warning (同 warn ), danger (同error ),success |
title | 提示标题,用于加重展示 |
内容 | 提示的内容 |
说明
示例
效果
生成一个下载文件的卡片。
[file url="https://example.com/download.zip"]示例文件名[/file]

说明
示例
效果
参数
生成一个标签。
使用鼠标选中文字时[tag]文字的颜色[/tag],默认为[tag type="danger"]白色[/tag]。
[tag]默认 Tag[/tag]
[tag type="primary"]文字的颜色[/tag]
[tag type="info"]文字的颜色[/tag]
[tag type="warn"]文字的颜色[/tag]
[tag type="danger"]文字的颜色[/tag]
[tag type="success"]文字的颜色[/tag]
[tag outline]文字的颜色[/tag]
[tag type="primary" outline]文字的颜色[/tag]
[tag type="info" outline]文字的颜色[/tag]
[tag type="warn" outline]文字的颜色[/tag]
[tag type="danger" outline]文字的颜色[/tag]
[tag type="success" outline="1"]文字的颜色[/tag]

参数 | 说明 |
---|---|
type | 默认为 default ,可选值为info ,warning (同 warn ), danger (同error ),success ,primary , default |
outline | 是否使用 outline 样式的标签 |
内容 | 标签展示的文字 |
- 音乐组件,系统使用的
APlayer
插件,直接在编辑器上点击耳机按钮,输入音乐链接,即可插入音乐。支持网易云、QQ、虾米、百度、酷狗的单曲/专辑/歌单播放,会员歌曲无法播放。详细使用规则参见《Github APlayer-Typecho》。
例:
- 视频组件,使用HTML5标准语法,语法规则为
<video src="http://dl.zdsr.cn/video/《幸福59厘米之小马》罗永浩打脸片段.mp4" id="video" poster="http://dl.zdsr.cn/video/《幸福59厘米之小马》罗永浩打脸片段.jpg" preload width="100%" controls playsinline webkit-playsinline></video>
,src属性内填写视频直链地址,poster属性填写静态预览图。注意:视频代码前一行和后一行需添加“!!!”,(三个英文感叹号)包起来,
效果:
① Picgo:一款图床软件,GitHub项目地址链接,本地高速下载:Picgo 2.2.2