一款偏向于写作的Design风格typecho主题-MDr

主题简介

MDr是一款Material Design风格Typecho主题,书写你的篇章。

主题食用说明


主题截图

MDr.jpg
Mdr-1.png
Mdr-2.png


功能与特点

  • Material Design 风格
  • 19 种主色 & 16 种强调色
  • 黑暗模式,一键开始你的黑暗之旅
  • 完善的响应式布局,移动端舒适体验
  • 轻量级设计,各种库可选择开关
  • 傻瓜式后台设置,告别使用疑惑
  • 各种附加功能等你前去发现...

使用指南

文章内设置项

此处为编辑文章或页面时,最下方 自定义字段 位置的选项设置,此处的设置只对当前文章或者页面生效。

为了方便,本章节用 文章 指代 文章或页面

自定义缩略图

自定义缩略图就是在首页或者归档页显示的一张展示图片 ( 图片大小无任何限制,请自行控制 ) 。

本主题默认不显示文章的缩略图,如果需要显示缩略图,在编辑文章时,最下方的 自定义字段 位置有一个 自定义缩略图 的选项,可以输入你喜欢的图片的 URL 地址 来作为该文章的缩略图。

自定义缩略图支持调用文章内的任意图片,如果想要使用文章内的第三张图片作为缩略图,只需输入数字 3 即可 ( 若找不到指定图片,则不显示 ) 。

文章目录

默认关闭,启用则会在该文章内显示 文章目录,如果文章内无任何标题,就算此选项已启用,也是不会显示目录的。

许可协议

默认不指定许可协议,将会显示在文章正文之后,请前往CreativeCommons查看更多关于协议的内容,目前仅支持 4.0 ( 国际 ) 协议。

轻语

轻语功能源自 initial 主题 ,类似于说说,用于发表一些小动态 or 小牢骚 or ...

使用此功能需要先在后台创建 独立页面,然后选择 轻语 模板即可 ( 若不想在导航栏显示,可以设置为隐藏 ) 。前台进入此页面,如果是在登录状态下,您就可以在此页面发表 轻语 了。若您想在首页展示你的 轻语 ,您可进入 网站后台 -> 控制台 -> 外观 -> 设置外观 的 附加功能 内找到 显示最新的"轻语" 选项,勾选期望显示的位置即可。

注意:

  • 轻语基于Typecho的评论功能
  • 轻语 对图片大小没有限制,请自行控制
  • 轻语 支持 Markdown 语法
  • 如果需要使用 HTML 标签,请在 网站后台 -> 设置 -> 评论 内找到 允许使用的HTML标签和属性 ,添加对应的标签即可
  • 管理 轻语 ( 修改、删除等操作 ) 请在 网站后台 -> 管理 -> 评论 内操作
  • 发布 轻语 的权限设置为具有 编辑 以上权限的用户
  • 开启 轻语 将强制将较新的的评论显示在前面

链接

亦称为 友情连接界面 。

初次使用 链接 功能,请前往 网站后台 -> 管理 -> 独立页面 -> 新增页面 在 自定义模板 处选择 链接 后创建页面,然后新增 自定义字段 ,字段名称设置为 links ,字段值请参照下方分章节。

添加链接

管理链接列表请前往 网站后台 -> 管理 -> 独立页面 编辑属于 链接 模板的页面,在最下方的 自定义字段 的 links 内按照以下格式添加即可。

链接输入格式 (带 * 号为必须项) :

链接名称*,链接地址*,链接描述,链接图标

不同信息之间用英文逗号 , 分隔,例如:

FlyingSky's Blog,https://blog.fsky7.com,每个人的裂痕,最后都会变成故事的花纹。,https://example.ltd/dir/logo.png

若中间有暂时不想填的信息,请留空,例如暂时不想填写 链接描述 :

FlyingSky's Blog,https://blog.fsky7.com,,https://example.ltd/dir/logo.png

若结尾有暂时不想填的信息,无需逗号,可直接留空,例如暂时不想填写 链接描述 和 链接图标 :

FlyingSky's Blog,https://blog.fsky7.com

多个链接换行即可,一行一个。

链接功能使用效果可以预览本站的链接页面

后台设置

绝大部分的内容都在这里,位于 网站后台 -> 控制台 -> 外观 -> 外观设置 。

由于设置界面选项后有注解,暂时只写部分项目的使用指南 ( 咕咕咕 ) ,如有问题请随时留言或发issue

CDN 设置 > 自建静态资源地址


该选项只在 MDUI 静态资源来源 和 其他公共静态资源来源 其中任意一个选择 自建 时需要。填写内容示例 :

blog.fsky7.com/usr/themes/mdr/

演示及下载

演示地址 | 主题下载

原创文章,作者:馒头侠,如若转载,请注明出处:https://www.mantouxia.com/1160.html
typecho独一无二的后台美化主题模板
« 上一篇 03-01
菲儿- [IMISS爱蜜社] 服饰气质写真
下一篇 » 03-04

发表评论