注:本typecho主题原作者博客挂了,因此本文对存档内容做重新补档,另外略微记录一下自己做的小改动。

原文补档

原文地址:https://web.archive.org/web/20230325020827/https://www.offodd.com/58.html

主题发布有一段时间了,功能添加的也稍微多了些,由于本人语言表达不是很好🤨可能有些朋友在使用主题时,会有一些困惑,在这里我就把主题在使用过程中可能遇到的问题简单解释一下,如果在看完本文内容还有问题,请留言。

一、文章内设置项

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

文章缩略图

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

2.3版本更新:文章缩略图支持调用文章内的任意图片。如果想要使用文章内的第三张图片作为缩略图,只需输入数字“3”即可(若该文章内无第三张图片,则不显示)。

文章目录

默认关闭,启用则会在该文章内显示“文章目录”,如果文章内无任何标题,就算此选项已启用,也是不会显示目录的。
注:2.4.5版添加了文章目录的全局开关,所以需要在 “控制台-外观-设置外观-文章目录” 启用 “使用文章内设定” 后,这里的设置才会生效。

二、轻语

轻语是2.3版新出的一项功能,类似于说说,用于发表一些小动态 or 小牢骚 or ...
使用此功能需要先在后台创建独立页面,然后选择“轻语”模板即可(若不想在导航栏显示,可以设置为隐藏)。前台进入此页面,如果是在登录状态下,您就可以在此页面发表“轻语”了。若您想在首页展示你的“轻语”,您可进入后台-控制台-外观设置内找到“显示最新的轻语”选项,勾选对应的位置即可。

注意:

  • “轻语”支持Markdown语法,默认支持<br><strong><a><img><pre><code>这几个标签,如果需要支持更多标签,请在后台-设置-评论内找到“允许使用的HTML标签和属性”,添加对应的标签即可。
  • “轻语”对图片大小无限制(max-width:100%),请自行控制。
  • 管理“轻语”(修改、删除、等操作)请在后台-管理-评论内操作。(“轻语”基于Typecho的评论功能)
  • 目前发布“轻语”的权限设置为(2.4版更新为:具有“编译”以上权限的用户)所有登陆用户,即你的网站内所有已注册用户登陆后都可发表,后续看反馈是否需要调整
  • 开启“轻语”将强制“将较新的的评论显示在前面”。
  • 有其余问题可随时提问。

三、链接

此项为2.1版本新增的功能,但从2.4版开始,链接列表已从外观设置迁移至管理-独立页面-链接模板页面-自定义字段-links内。

新用户若需要使用“链接”功能,请前往 后台-管理-独立页面-新增页面-自定义模板-选择“链接” 创建“链接”模板页面,然后新增“自定义字段”,字段名称设置为links,字段值按照下方的格式输入即可插入链接。

添加链接

管理链接列表请编辑“链接”模板(后台-管理-独立页面-链接模板页面),在最下方的自定义字段-links内按照以下格式添加即可。

链接输入格式:
链接名称*,链接地址*,链接描述,链接图标,链接分类

不同信息之间用英文逗号“,”分隔,例如:
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,,暂时无法访问,,Myself,备份:http://www.offodd.com/JIElive的博客 | 有点不同https://www.offodd.com/logo.png

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

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

四、后台设置

绝大部分的内容都在这里。
我发现竟然很多人不知道有主题设置或者不知道在哪里,这里说一下,进入后台-控制台-外观-外观设置。

站点标题 LOGO 地址

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

自定义站点标题

仅用于替换页面头部位置的“站点标题”内容,其余tittle()不影响。

站点标题显示内容

2.4.5版新增内容,有不少朋友反应需要LOGO和文字标题同时显示,此处可以自定义。

自定义站点副标题

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

Favicon 地址

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

自定义样式

在这里填入你的自定义样式,请直接填入css即可,无需<style>标签(优先级大于默认样式),例如

body {
    background-color: green    /*优先级大于默认的body样式,body背景颜色将变为绿色*/
}

主题静态文件(css和js)的链接地址替换

此项设置是方便给使用了CDN服务的朋友使用,可以把本主题的css和js文件替换为你的CDN文件,直接输入css和js文件在你的CDN的父级目录链接即可(注意:填写后,css和js的链接将同时替换),例:

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)

支付宝打赏二维码

同上一项

文章许可信息

填入后将在文章底部显示你填入的许可信息(支持HTML标签),留空则默认使用 (CC BY-SA 4.0)国际许可协议,填入数字“0”可关闭文章许可信息的显示。

浮动显示头部

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

动态显示侧边栏

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

公共静态资源来源

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

HTML压缩

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

全站Pjax

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

Ajax翻页

Ajax翻页默认关闭,开启后,文章翻页将使用Ajax方式获取。

代码高亮

默认关闭,不用解释了吧。

文章目录

2.4.5版新增功能,同样是由于不少朋友的建议,需要一键开启所有文章的目录,此处可以实现一键开启或关闭全局文章目录(若文章内无任何标题,则不显示目录)。

返回顶部

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

背景音乐

默认关闭,请选择“顺序播放”或者“随机播放”以启用,启用将在右下角显示“音乐控制”按钮(需在下一步输入音乐地址),背景音乐功能建议配合“全站Pjax”使用。

背景音乐地址

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

背景音乐播放音量

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

显示链接图标(内页)

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

首页显示的链接分类

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

内页(链接模板)显示的链接分类

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

首页显示链接

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

显示最新的“轻语”

将在选择的位置显示最新的一条“轻语”。

侧边栏显示

侧边栏需要显示的项目。

单栏模式

关闭侧边栏,仅显示主栏内容。

ICP备案号

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

底部自定义内容

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

自己的小魔改(可能还会更新)

主题改成了魔改的另外一个版本Initial plus,下面的代码是针对这个版本进行的改动。

侧边栏牛皮癣

我直接修改的sidebar.php文件里面,硬加了一行广告代码。

字体DIY

用的是中文网字计划提供CDN服务的霞骛文楷体

同样,在index.php里面插入一行引入字体的代码:

<link rel='stylesheet' href='https://834832894.r.cdn36.com/chinesefonts3/packages/lxgwwenkai/dist/LXGWWenKai-Bold/result.css' />

然后自定义CSS的位置把全局字体重新定义就完事了。

自定义CSS

因为感觉挺适合logo也换成艺术字,所以去弄了一个图片版logo,放到左上角发现默认宽度太小了。

综合上面两点CSS魔改如下(另外稍微改了一下配色):

/*Logo大小修改*/
#logo img {max-height: 45px;}
/*主体区域字体*/
body {
    font-family: "LXGW WenKai", sans-serif;
    color: #333333;
 }
/*菜单栏字体*/
a, .nav-menu ul a, .post-content .more a {
    font-family: "LXGW WenKai", sans-serif;
    color: #333333;
}
.iconfont {font-family: "LXGW WenKai", "iconfont" !important;}
/*图标配色*/
#secondary .widget-avatar-name:before{color: #cccccc;}
.widget-title:before {color: #999999;}

另外,指定插件使用的配色是可以自己来的所以我就不额外写进来了。