MENU

编辑规范

• 2019 年 01 月 20 日 • 阅读: 1852 • 阅读设置

ZDSR时光轴规范文档

更新时间:2020/3/9

关于新浪图床的禁用说明

新浪网现在已经开启防盗链,除了新浪网以外的其他网站不可引用新浪图床的图片,所以我对图片进行了全站搬迁,现已保存在本地。图片均上传至自建图床!

一、内容

  1. 标题

    1. 标题符合SEO习惯,原则上不随意命名。
    2. 不宜过长或者过短,否则影响首页排版。
  2. 文章

    1. 尽量图文编排,可图片为主,文字为辅。
    2. 保持每周更新。
    3. 不发布违反互联网法规和政治敏感的文章/关键字,例:VPN,科学上网,SSR
  3. 插图

    1. 图片高清,分辨率宽度至少大于720像素。
    2. 图片添加水印ZDSR.CN,以防盗用。
    3. 不采用其他网站的外链,可能会有防盗链,导致无法解析到图片。

二、格式

  1. 正文

    1. 编辑器语法为Markdown语法,进阶语法参照《Markdown基础语法》
    2. 正文避免错别字,避免语义不通的句子。
    3. 合理使用排版格式,对关键字进行加粗,不对全文加粗。
    4. 可对文字注音,使用 {{拼音 : pīn yīn}} 语法,效果:拼音 (pīn yīn)
    5. 使用 ~~要加删除线的内容~~ 语法解析删除线, 效果: 要加删除线的内容
    6. 使用 ==要高亮显示的内容== 语法解析高亮 (荧光笔效果),效果: 要高亮显示的内容
    7. 使用 - [ ] 未选中- [x] 选中 语法解析带复选框的列表(复选框仅做展示,页面不可修改),效果不展示。
  2. 图片

    1. 增强用户体验,图片大小应控制在500k以内,图片尺寸宽度在1920像素内。图片已云端预处理。
    2. 图片添加阴影,在图片链接后面添加后缀#Shadow,用法举例https://hao.zdsr.cn/img/search.png#Shadow
    3. 使用微博图床sinaimg.zdsr.cn进行上传,得到图片链接后,点击插入图片按钮。图例:
      新浪图例
    4. 电脑端使用Picgo软件上传(可对上传历史进行管理),Picgo具有多种上传方式,以微博图床图床为例,在微博没有登录安全验证的前提下,直接输入账号密码即可上传,若上传失败,请参照2.c
  3. 自定义链接

    1. 推荐为空。
  4. 首页文章头图

    1. 设置位置在编辑器最下方的文章主图文本框中,填写图片链接。
    2. 图片尺寸尽量选择宽:高 接近 5:3,以提高阅读体验。
  5. 照片集

    1. 语法如下:{"大图": "https://pan-a0.zdsr.cn/uploads/sina/5cc1a51342838.jpg","预览图": "https://pan-a0.zdsr.cn/uploads/sina/5cc1a5138939c.jpg","标题": "TianFu Square","简介": "2018年12月08日 by iPhone 7Plus"},每两个之间使用英文逗号,最后一个不使用。
  6. 说说页面

    1. 语法如下:{"时间":"18-11-03","文字":"人生重来一次,你会换种活法吗?"},每两个之间使用英文逗号,最后一个不使用。
  7. 其他用法

    1. 短标签
      生成一个多标签页的卡片。
      [tabs]
      [tab name="标签页 1"]内容 1[/tab]
      [tab name="标签页 2"]内容 2[/tab]
      [/tabs]
      
      111


      生成一个提示或警告卡片。
      [hint]提示内容[/hint]
      [hint warn]警告内容[/hint]
      [hint type="danger" title="提示标题"]
      提示内容
      [/hint]
      
      222
      参数说明
      type提示类型,默认为 info,在没有警告标题的情况下,可以直接将提示类型的值写到参数处。可选的提示类型为infowarning(同 warn), danger(同error),success
      title提示标题,用于加重展示
      内容提示的内容


      生成一个下载文件的卡片。
      [file url="https://example.com/download.zip"]示例文件名[/file]
      
      333


      生成一个标签。
      使用鼠标选中文字时[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]
      
      444
      参数说明
      type默认为 default,可选值为infowarning(同 warn), danger(同error),successprimarydefault
      outline是否使用 outline 样式的标签
      内容标签展示的文字

      1. 音乐组件,系统使用的APlayer插件,直接在编辑器上点击耳机按钮,输入音乐链接,即可插入音乐。支持网易云、QQ、虾米、百度、酷狗的单曲/专辑/歌单播放,会员歌曲无法播放。详细使用规则参见《Github APlayer-Typecho》
        例:
      2. 视频组件,使用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

添加新评论