TYPECHO WIKI

Typecho 简约而不简单的主题 Initial

更新日期:2018-12-14/ 人气指数:319

主题简介:

建站时说过本站将使用Typecho默认主题,但是会做一些优化,考虑了一下,直接将主题开放吧。
主题命名为Initial,意为“初”,专注于文字,算是极极极简风格吧,简约而不简单,希望你能喜欢这种很小众的风格。

主题点评:

这款主题Typecho维基君试用过,整体符合Typecho的一贯简约风格,非常的轻巧,由于时间关系Typecho维基君并未做过多测试,但是看了作者更新版本的频率,我相信这款主题不会有太大问题。

主题预览:

Typecho 简约而不简单的主题 Initial.png

建议大家直接看作者网站预览

主题功能与特点:

  • 重新优化的响应式布局,移动端舒适体验
  • 轻量级设计,关闭附加功能后无框架、无JQ、无库
  • 支持个人CDN、Gravatar头像、公共资源的DNS预获取
  • 公共资源支持自定义来源:BootCDN、CDNJS、jsDelivr
  • 支持CSS文件、文章附件自定义链接,实现CDN加速
  • 全站Pjax、Ajax评论、HTML压缩、CSS文件压缩
  • 自定义Favicon图标与Apple图标
  • 支持自定义头部跟随或固定,自定义标题或LOGO,自定义导航栏显示内容
  • 支持自定义文章缩略图或者自动获取缩略图
  • 支持面包屑导航、文章二维码打赏
  • 自带链接功能,可在首页(侧栏或页底)和链接模板内显示,可自定义要显示的分类
  • 添加侧边栏热门文章、标签云
  • 添加两套极简模板:链接模板和归档模板
  • 支持自定义备案号、自定义网站统计代码
  • 添加右下角小工具,包括返回顶部、背景音乐
  • 更多细节,等你发现🤩

如何使用:

下载主题包并解压,把解压出来的文件夹改名为“initial”,将文件夹上传至网站文件主题目录下,网站后台启用主题即可。

更多设置:

一、文章缩略图

文章缩略图就是在首页或者归档页才会显示的一张展示图片(图片大小无任何限制,请自行控制)。
本主题是一个主打文字的主题,所以默认是不显示文章缩略图的,如果需要显示缩略图,在编辑文章或者页面时,最下方的“自定义字段”位置有一个“自定义缩略图”的选项,可以输入你喜欢的图片的地址来作为该文章的缩略图。如果想要使用文章内的第一张图片作为缩略图,只需输入数字“1”即可(若该文章内无图,则不显示)。

二、后台设置

绝大部分的内容都在这里。

站点 LOGO 地址
默认是显示后台设置的站点名称(文字版),此处可以填入你的LOGO图片的地址,填入后就会在站点名称显示的位置显示你填入的LOGO(站点名称不再显示),图片高度是限制最高30像素,超出则会缩小到30像素高,宽度不限。

自定义站点副标题
站点标题就是你使用浏览器浏览网站时,在浏览器上显示的网站名称,默认只显示站点名称,此处可以填入一个你喜欢的副标题,填入后将在原标题后方使用“ - ”分隔符显示你设置的副标题,例如:标题 - 副标题。(副标题仅在首页时显示)

Favicon 地址
Favicon 就是你使用浏览器浏览网站时,在浏览器标题前显示的网站小LOGO,填写一个你的LOGO地址即可。(Favicon建议使用ico格式)

Apple Touch Icon 地址
Apple Touch Icon 的作用类似Favicon ,只是这个图标只会在苹果的设备上被使用,比如创建的快捷图标。

CSS文件的链接地址替换
此项设置是方便给使用了CDN服务的朋友使用,可以把本主题的CSS文件替换为你的CDN文件,直接输入CSS文件在你的CDN的父级目录链接即可(结尾不用加斜杠“/”),例:

CSS文件原地址是 http://www.example.com/usr/themes/initial/style.min.css
CSS文件在你的CDN内的地址是 http://www.cdn.com/initial/style.min.css

那么此项设置你应该输入 http://www.cdn.com/initial (结尾不用加斜杠“/”)

文章内的链接地址替换
此项设置也是方便给使用了CDN服务的朋友使用,可以把文章或页面内的指定链接替换为另一个你需要的链接,原链接和替换链接之间使用等号“=”分割,可以设置多个替换规则,一行一个。替换链接是替换文章或页面内的所有符合条件的链接,所以建议使用在附件链接上面,而且尽量把原链接写全,以免“误伤”。

导航栏显示
此项设置是设置头部导航栏的显示内容。

  • 显示分类:启用将显示所有文章分类
  • ↪合并分类:将分类合并为下拉菜单显示,需要启用“显示分类”后,此项才可生效
  • 显示页面:启用将显示独立页面
  • ↪合并页面:将独立页面合并为下拉菜单显示,需要启用“显示页面”后,此项才可生效

导航栏-分类 下拉菜单显示名称
当“导航栏显示”设置为“显示分类”、“合并分类”后,导航栏内的分类会生成一个下拉菜单,此项设置可以自定义这个下拉菜单的显示名称,留空则默认显示为“分类”。

导航栏-页面 下拉菜单显示名称
同上一项

面包屑导航显示
文章内显示:启用将会在文章内显示面包屑导航
↪文章标题替换为“正文”:启用后会将文章内的面包屑导航的文章标题部分替换为“正文”
页面内显示:启用将会在独立页面内显示面包屑导航

微信打赏二维码
填入你的微信打赏二维码图片地址, 就可以在文章底部添加微信打赏,留空则不设置微信打赏,(建议图片尺寸不低于240*240)

支付宝打赏二维码
同上一项

浮动显示头部
2.0版全新的头部样式,有跟随和固定两种显示方式,默认是常规的跟随显示,启用此项后,头部将始终显示。

动态显示侧边栏
启用后将动态滚动显示侧边栏,默认关闭。

DNS预获取
又叫DNS预解析,启用后将预获取网站的CDN资源和Gravatar头像源。

公共静态资源来源
公共静态资源包括CSS框架、JS库等公共库文件,此设置可将切换主题的公共资源文件,比如前段时间BootCDN迁移导致暂停服务,就可以暂时切换至其他来源,或根据网站的受众人群,选择合适的来源

HTML压缩
启用后将压缩HTML代码,酌情开启。

全站Pjax
Pjax是一种网站局部刷新技术,做到页面加载时只刷新指定的部分,不刷新整个页面,不用多次的JS、CSS解析,只更新必要的内容,避免了页面重新渲染的过程。开启后将同时开启ajax评论,并强制关闭“反垃圾保护”,强制“将较新的的评论显示在前面”。

返回顶部
启用后将在右下角显示“返回顶部”按钮

背景音乐
启用将在右下角显示“音乐控制”按钮(需在下一步输入音乐地址),背景音乐功能建议配合“全站Pjax”使用。

背景音乐地址
上一步启用背景音乐后,需在此处输入完整的音乐地址(建议mp3格式,兼容性最好),可以输入多个音乐,一行一个。

背景音乐播放音量
输入一个你觉得合适的背景音乐播放音量,0~100%音量对应0~1之间的小数,比如输入0.25表示25%的音量。

链接列表
注意:由于Typecho的主题机制问题,链接列表在切换主题时会被清空,请注意备份!!!

此设置为2.1版本新增的链接功能,此处就是您的链接列表,请按照指定的格式输入链接。

链接输入格式:

链接名称*,链接地址*,链接描述,链接图标,链接分类
不同信息之间用英文逗号“,”分隔,例如:
OFFODD,http://www.offodd.com/,JIElive的博客 | 有点不同,https://www.offodd.com/logo.png,Myself

若中间有暂时不想填的信息,请留空,例如暂时不想填写链接描述和链接图标:
OFFODD,http://www.offodd.com/,,,Myself

若结尾有暂时不想填的信息,无需逗号,可直接留空,例如暂时不想填写链接图标和链接分类:
OFFODD,http://www.offodd.com/,JIElive的博客 | 有点不同

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

小技巧:如果某个链接已经失效,但是又不需要立即删除它,常用场景就是链接站点无法访问或者友链站点把你的友链删除了,你就可以给链接名称加上标签,把链接地址留空,把链接描述改为原因,然后链接地址和链接描述可以放到链接分类后面来备份,例如:
<del>OFFODD</del>,,暂时无法访问,,Myself,备份:http://www.offodd.com/JIElive的博客 | 有点不同https://www.offodd.com/logo.png

11月7日更新:若 链接地址 留空,则自动添加<del>标签

首页链接显示位置
链接在首页显示的位置,可设置在侧边栏显示或者在页面底部显示

显示链接图标(内页)
2.2.1版新增功能,启用后内页(链接模板)链接将显示链接图标,若某个站点未设置链接图标,将尝试自动获取图标,若获取失败则图标显示为“★”。无 链接地址 的链接不会显示图标

首页显示的链接分类
链接在首页显示的分类,若首页只需显示某分类下的链接,在此输入链接的分类名即可,如果要显示多个分类的链接,可在多个分类名之间用英文逗号“,”分隔,留空则默认显示全部链接。分类名建议使用字母形式

内页(链接模板)显示的链接分类
链接在链接模板页面显示的分类,若链接模板页面只需显示某分类下的链接,在此输入链接的分类名即可,如果要显示多个分类的链接,可在多个分类名之间用英文逗号“,”分隔,留空则默认显示全部链接。分类名建议使用字母形式

侧边栏显示
侧边栏需要显示的项目

ICP备案号
输入网站的ICP备案号,将在底部显示,留空则关闭此项

底部自定义内容
此处可以输入你的网站统计代码,也可以输入一些其他JS内容,若开启了全站Pjax,建议使用百度统计或者Google统计。

更新历史:

  • 2018/9/4:发布第一版
  • 2018/9/8:更新1.1版本
  • 2018/9/12:更新1.2版本
  • 2018/9/17:更新1.2.1版本(增加返回顶部过渡动画,微调部分样式,添加标签云,修复小BUG)
  • 2018/9/28:更新1.3版本
  • 2018/10/12:更新2.0版本
  • 2018/11/2:更新2.1版本
  • 2018/11/23:更新2.2版本
  • 2018/11/28:更新2.2.1版本

2.2.1版更新内容

  • 链接功能添加链接图标参数
  • 链接模板内的链接增加图标显示(默认关闭)
  • 其他小调整
  • 本版更新为小更新,主要由于在后台的“链接列表”增加了一个“链接图标”的参数,考虑到要尽量减少对使用者的影响,故提前更新。

2.2版更新内容

  • 添加侧边栏动态滚动(默认关闭)
  • 调整右下角小工具位置,解决超宽屏尴尬
  • 添加背景音乐播放进度条
  • 修复关于链接的小问题
  • 清除翻译语句
  • 其他细节调整与小BUG修复

2.1版更新内容

  • 新增一套链接模板
  • 新增链接功能,可在首页(侧栏或页底)和链接模板内显示,可自定义要显示的分类
  • 11月7日更新:若 链接地址 留空,则自动添加标签
  • 新增自定义公共静态资源来源,支持BootCDN、CDNJS、jsDelivr
  • 修复加密文章与Pjax有冲突的问题(感谢okgo发现并提出此BUG,估计带Pjax的TE主题都有此问题😖)
  • 修复侧边栏热门文章显示数量使其与后台设置一致
  • 移除Normalize,将其优化集成进主题css
  • 背景音乐优化、界面微调优化
  • 其他细节调整与小BUG修复(优化了很多细节,记不起来了🤣)

2.0版更新内容

  • 公共静态资源由BootCDN替换为CDNJS(BootCDN已暂停)
  • 重新设计的网站头部样式
  • 新增可将头部设置为固定显示
  • 新增导航栏可自定义显示分类、页面、是否合并显示等(充足的自定义)
  • 新增自定义副标题,取消自定义描述(因为头部重做后已不显示此项)
  • 新的a标签颜色,整体样式微调
  • 新增面包屑导航(可自定义)
  • 新增侧边栏热门文章
  • 其他细节调整与小BUG修复
  • 本版更新主要在外观,变化较大,当然,细节和新增功能也是精益求精,望君喜。

1.3版更新内容

  • 使用excerpt摘要函数,可自动截取摘要
  • 阅读量统计(这个目前还不确定是否要加上)暂时不加
  • 自定义文章缩略图或者自动调用文章第一张图片作为缩略图
  • URL替换(主要是方便于使用七牛等cdn的静态文件镜像加速)
  • HTML代码压缩
  • 背景音乐添加支持多首歌曲循环,添加错误歌曲检测,自动跳过
  • 添加评论区文章作者小标签
  • 其他细节调整与优化

1.2版更新内容

  • 优化部分细节
  • 修复一处关于Ajax评论的逻辑性小错误
  • 添加右下角小工具
  • 返回顶部(1.2.1版添加过渡动画)
  • 背景音乐
  • 侧边栏添加标签云(1.2.1)
  • 背景音乐这个真是折腾了好久,因为主要是想使用网易的音乐,再加上要尽量做到最轻量,看了几个API框架,直接就放弃了(虽然做完只有不到100KB,但还是觉得太大了),最后找到一个不错的开放API,可惜不支持https😖貌似没办法了。。。
  • 晚上回家思考了一下,制作本主题的初衷就是简约而不简单,既然是要“简约”何不做到极致?好像找到了新的大门🤩
  • 最后确定使用原生HTML5播放器(隐藏式),后台自定义一首你最最喜欢的音乐循环播放(后台可给音乐设置一个合适的音量),仅使用一个按钮来集成显示播放状态、播放控制、懒加载(由于部分移动端浏览器的特殊内置设置问题,此项已经取消;其实通过监听触控可以解决,但是还是算了吧,不过放心,仍然不会影响我们宝贵的页面加载速度。)显示播放和暂停状态由纯CSS实现;播放和暂停控制由原生JS实现。虽然没有使用框架那么强大的功能和兼容性,但觉得非常符合本主题初衷。

1.1版更新内容

  • 全站Pjax + ajax评论
  • 二维码打赏
  • ▼设置界面预览

设置界面预览

下载地址

  更新时间:2018年12月14日

  软件作者:孙杰

  文件说明:Typecho 简约而不简单的主题 Initial

  下载链接: 链接1 链接2 推荐高速服务器

赞助支持
添加新评论 »