Akina for Typecho 使用介绍

本篇文章我将告诉自己如何去更好的了解使用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结尾。
留言必须为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付费用户注意,请做好防盗链,不当操作会让你的钱包遭受不可逆的降维打击。

使用技巧

1.在文章编辑里添加自定义字段img后面跟图片链接。可自定义页面(除了归档)的顶部图片,默认随机使用Akina\images\postbg下图片。
2.在文章编辑里添加自定义字段 dt后面不填。可开启动态式文章展示样式。使用动态样式时,文章首页不会看见标题,默认显示文章的前70个字符,可使用<!--more-->摘要分割线自定义显示内容。
3.可以自定义字段icon来改变文章列表的小图
4.文章小火花触发条件:阅读量大于等于1000
5.自定义聚焦文章后 头部图获取规则 自定义img>文章第一张>默认
6.有些独立页面如果不想让它在导航栏显示,增加一个自定义字段navbar并把字段值改为hide即可
7.首页头部信息图标不填写时可以隐藏

注意:

本文章未经过许可—私自转载于:纸盒博客
哈哈

TAG:none

仅有 1 条评论

  1. 欢迎加入 Typecho 大家族

    Typecho April 5th, 2020 at 07:26 pm回复

发表新评论