Typecho 简约而不简单的主题 Initial

Typecho维基君 • 主题列表 • 2906次浏览 • 发布 2018-12-14 • 更新 2019-03-18 • 立即下载

极致加速的V2Ray 助您畅享全球网络 & 搬瓦工VPS最新优惠码

🛜自用大流量超低月租手机卡推荐榜单 #拒绝流量焦虑

主题简介:

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

主题点评：

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

主题预览：

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

主题功能与特点：

重新优化的响应式布局，移动端舒适体验
轻量级设计，关闭附加功能后无框架、无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版本

2018/11/28:更新2.2.1版本
2018/12/14:更新2.3版本（12月15日小更新了一下，修正一处拼写错误，顺带优化小地方，感谢QQ群友@绝的提醒😅）
2018/12/24:更新2.3.1版本
2018/12/25:更新2.3.2版本
2019/1/4:更新2.4版本
2019/1/9:更新2.4.1版本
2019/1/14:更新2.4.2版本
2019/2/20:更新2.4.3版本

2.4.3版更新内容

删除外观设置内从2.4版本开始弃用的链接列表（已迁移至管理-独立页面-链接模板页面-自定义字段-links 内）
新增“轻语”的评论回复功能，并优化评论样式
新增文章底部“文章许可信息”，可在后台自定义内容
修复“轻语”评论无法换行的问题
修复某些情况下“文章目录”按钮状态异常
修复“注脚”链接新窗口打开的问题（感谢@王叨叨发现此问题）
优化导航下拉列表，不再限制宽度
优化评论框架结构，回复评论目标更清晰
其他优化与小调整
注意：从本版开始，后台-外观设置内的链接列表已彻底删除，新的链接列表已迁移至管理-独立页面-链接模板页面-自定义字段-links 内，以后的链接操作都需要在这里进行。

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版更新内容