Akina-for-Typecho

Akina for Typecho 主题模板

模版特点

1. 同时采用QQ和Gravatar，来适应国内环境，QQ邮箱优先使用QQ头像，
2. 平滑滚动，感谢开源项目smoothscroll-for-websites
3. 表情，感谢开源项目OwO
4. 支持ajax评论
5. 响应式设计，多端无障碍浏览

安装方法

将Akina文件夹放到typecho下/usr/themes，在后台启用。将Akina\images\donate内收款图片替换为自己的收款码

更新方法

将Akina文件夹覆盖到typecho下/usr/themes。

启用主题后

1.打开"设置外观"填写相关信息
2.将Akina\images\donate内收款图片替换为自己的收款码，（当然不替换也行）
3.建议安装随主题附带的links插件，（不安装也可以写html实现友链，代码在下面）

关于表情

主题自带一种表情包，可仿照其格式自行添加表情，但是注意本主题仅且只能使用图标包，即“img”标签，

主页home设置

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>
!!!

文章特殊标签样式

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

演示地址

https://www.bilibili.com/video/av68759722/

特别感谢

感谢Typecho官方文档(虽然有点简陋)
感谢QQ爹博客，直接或者间接的帮助
感谢FUIDESIGN原作Akina (大佬的群 464877306 -永远的AKINA)
以及@友人C@WeX@Kit (未艾特到的大佬请担待，记性不好，)