本篇文章我将介绍如何去更好的了解使用 Akina for Typecho
模板,感受它独特的灵魂和魅力。
使用前我应该做什么
1.打开"设置外观"填写相关信息
2.将Akina\images\donate
内收款图片替换为自己的收款码,(当然不替换也行)
3.建议安装随主题附带的links插件,(不安装也可以写html实现友链,代码在下面)
注意
主题层面启用分页、将第一页作为默认显示、将较新的的评论显示在前面。
主题层面评论允许img标签
关于表情
因为每个人的域名都是不一样的,为了适应这个,表情链接不能够写死。
博主修改了相关js使其自动获取网站地址,但是这样改完后仅且只能使用图标包,即“img”标签,
主题自带一种表情包,可仿照其格式自行添加表情。
代码高亮
借助于prism.js实现代码高亮,支持以下语言:
Markup + HTML + XML + SVG + MathML
C-like
CSS
JavaScript
Bash + Shell
C
C++
C#
Git
Go
Java
JQ
JSON
Kotlin
Markup templating
PHP
Python
Shell session
SQL
书写方式建议使用md语法以获得更好的体验。
主页(hmoe.php)
设置
Akina 提供了一个独特的首页页面
在博客后台-设置-阅读-站点首页
选择直接调用 hmoe.php
模板文件,并勾选 同时将文章列表页路径更改为/blog
(当然可以改成其他的,但要同时修改模板里路径home.php
)
其他页面
在管理-独立页面-新增页面中
友链必须为links.html
结尾。
关于必须为about.html
结尾。
标签云建议为tags.html结尾。
留言必须为message.html
结尾。
归档必须为archives.html
结尾。
自定义模板选择名字相同模板(如果没有选择page),建议配置伪静态。
友链写法
安装links插件后不需要写html了
!!!
<br/>
<div class="links">
<ul class="link-items fontSmooth">
<li class="link-item"><a class="link-item-inner effect-apollo" href="http://zhebk.cn/" title="我们,渺小到不可一世。" target="_blank" ><span class="sitename">纸盒博客</span><div class="linkdes">我们,渺小到不可一世。</div></a></li>
......
</ul>
</div>
!!!
画廊图片写法
已经使用正则替换自动化,不需要写了。
!!!
<a href="大图片地址" alt="说明" title="标题"><img class="aligncenter" src="小图片地址" alt="说明"></a>
!!!
下载按钮写法
!!!
<p>
<a id="download_link" class="download" href="下载url" rel="external" target="_blank" title="下载地址">
<span><i class="iconfont icon-download"></i>点击下载</span>
</a>
</p>
!!!
文章里标签样式
H2标签 Markdown表示方法两个#
H3标签 Markdown表示方法三个#
H4标签 Markdown表示方法四个#
H5标签 Markdown表示方法五个#
CDN加速
请在CDN服务商配置加速域名后在后台模板设置按提示填写域名即可。
如图标出现错误后请根据CDN服务商提示来解决跨域问题,
注:七牛云没有设置选项,请提交工单。将CDN响应头设置成 Access-Control-Allow-Origin: *
镜像加速地址同源站地址如:
https://zhebk.cn/usr/themes/Akina/images/favicon.ico
https://cdn.zhebk.cn/usr/themes/Akina/images/favicon.ico
提示:劣质CDN甚至会拖慢网站的速度
CDN付费用户注意,请做好防盗链,不当操作会让你的钱包遭受不可逆的降维打击。
Jsdelivr-CDN
博主利用jsdelivr搭建了主题静态文件的cdn加速服务,提供给所有Akina for typecho用户。该服务免费,并且速度很快,能有效解决服务器带宽小加载慢的问题
在后台CDN加速域名里填写以下内容即可
https://cdn.jsdelivr.net/gh/Zisbusy/Jsdelivr-CDN@master/Akina/3.3.0
注意请根据当前主题版本号修改链接最后的数字,仅支持3.3.0+。
使用技巧
1.在文章编辑里添加自定义缩略图图片链接。可自定义页面(除了归档)的顶部图片,
默认随机使用Akina\images\postbg
下图片。(优先级 自定义缩略图字段>文章第一张>默认随机图)
2.在文章编辑里可开启动态式文章展示样式。
使用动态样式时,文章首页不会看见标题,默认显示文章的前70
个字符,可使用<!--more-->
摘要分割线自定义显示内容。
3.可以填写页面首页图标来改变文章列表的小图
4.文章小火花触发条件:阅读量大于等于1000。
5.自定义聚焦文章后 头部图获取规则 自定义缩略图>文章第一张>默认
6.有些独立页面如果不想让它在导航栏显示,增加一个自定义字段navbar并把字段值改为hide即可
7.首页头部信息图标不填写时可以隐藏
希望下一步能够对后台的主题设置优化一下,可自定义太少了,logo图需要自己去替换,而且不是所有人都需要聚焦,建议加一个开关选项,希望后台主题设置大改
@轻风记 : Akina本就不是一个高度自由设置的模板,每个人的需求可能都不太一样,每个功能都加个开关也并不现实。大改短期是不会的,不过logo这块确实可以加一个定义,隐藏聚焦暂时不考虑。感谢提供的宝贵建议。
@子虚之人 : 还是很喜欢这款主题的,加油
@轻风记 : ico替换
Call to undefined function get_template_directory_uri()
更换模板提示这个
你好我想问一下怎么改全站字体,放主题css,body里没效果
@灵念 : 就在css里,具体可以F12查看代码。
你好,打扰了,想问一下聚焦栏的文章图片如何更改呢?我自定义了聚焦栏的文章,并且也给对应的文章增加了头图和缩略图,但是在聚焦部分显示的依然是模板本身的图片https://s3.ax1x.com/2021/02/06/ytkSrn.png
@Tzui : 按要求填写cid,需要填写3个
@子虚之人 : emmmm,我的意思是如何更改聚焦部分的图片,我已经填写了3个cid,并且也能正常点击访问对应的文章,但是聚焦上显示的3个图片依然是模版原先的图片
大佬好,文章的引用通告怎么用啊,我复制地址进去,发布文章后,就变空白了
你好!谢谢你的主题很好看
老哥,最近才玩Typecho,你这个主题很好玩。但是我发现微信分享的 API失效。这个有时间改吗?
@不言谢 : 可以
@不言谢 : 已经记录了,家里的测试服务器,崩了,放假回去着手修复。
@子虚之人 : 如果老兄你自己有空的话,可以参照我的方法删改这一项内容。我的地址:https://blog.aship.top/archives/20/
下拉即可看到我写的更换微信分享api的方法了
@Minglin : 谢谢兄弟,前几天github上的代码已经修复过了。过几天会发布新版本。