# Akina-for-Typecho

**Repository Path**: shellblock/Akina-for-Typecho

## Basic Information

- **Project Name**: Akina-for-Typecho
- **Description**: Akina for Typecho 主题模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-03-04
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Akina-for-Typecho
Akina for Typecho 主题模板

![image](https://github.com/Zisbusy/Akina-for-Typecho/blob/master/Akina-img/Akina.jpg)

## 模版特点

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

## 安装方法

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

## 更新方法

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

## 使用介绍

### 关于表情

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

### 主页home设置

![image](https://github.com/Zisbusy/Akina-for-Typecho/blob/master/Akina-img/Akina-home.png)

Akina 提供了一个独特的首页页面  
在博客后台-设置-阅读-站点首页  
选择直接调用 `hmoe.php`模板文件，并勾选 同时将文章列表页路径更改为`/blog`（当然可以改成其他的，但要同时修改模板里路径`home.php`）  

### 其他页面

在管理-独立页面-新增页面中  
友链建议为`links.html`结尾。  
关于建议为`about.html`结尾。  
留言建议为`message.html`结尾。  
归档建议为`archives.html`结尾。  
自定义模板选择名字相同模板（如多没有选择page），建议请提前[配置好伪静态](https://www.typechodev.com/theme/478.html)。

### 友链写法

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

### 画廊图片写法

```html
!!!
<a href="大图片地址" alt="说明" title="标题"><img class="aligncenter" src="小图片地址" alt="说明"></a>
!!!
```

### 下载按钮写法

```html
!!!
<p>
<a id="download_link" class="download" href="下载url" rel="external" target="_blank" title="下载地址">  
<span><i class="iconfont icon-download"></i>点击下载</span>
</a>
</p>
!!!
```

### 文章特殊标签样式

![image](https://github.com/Zisbusy/Akina-for-Typecho/blob/master/Akina-img/h2-h5.jpg)

### CDN镜像加速

请在CDN服务商提供的空间内创建AkinaCDN文件夹，然后将主题目录的css、fonts、images、js文件夹及其下文件完整上传。  
最后在后台模板设置按提示填写域名即可。  
提示：劣质CDN甚至会拖慢网站的速度，CDN付费用户注意，该操作会让你的钱包遭受不可逆的降维打击。请做好防盗链。  

### 使用技巧

1. 在文章编辑里添加自定义字段` img `后面跟图片链接。可自定义页面(除了归档)的顶部图片,  
默认随机使用`Akina\images\postbg`下图片。（优先级 自定义img字段>文章第一张>默认随机图）  
2. 在文章编辑里添加自定义字段` dt `后面不填。可开启动态式文章展示样式。  
使用动态样式时，文章首页不会看见标题，默认显示文章的前`70`个字符，可使用`<!--more-->`摘要分割线自定义显示内容。  
3. 文章小火花触发条件：阅读量大于等于1000。
4. 有些独立页面如果不想让它显示，增加一个自定义字段navbar并把字段值改为hide即可

## 演示地址

[https://www.bilibili.com/video/av68759722/](https://www.bilibili.com/video/av68759722/)

## 特别感谢

感谢[Typecho](http://docs.typecho.org/doku.php)官方文档(虽然有点简陋)  
感谢[QQ爹博客](https://qqdie.com/)，直接或者间接的帮助  
感谢[FUIDESIGN](http://fui.im/)原作[Akina ](https://github.com/Xoin-Yang/Akina)(大佬的群 464877306 -永远的AKINA)  
以及[@友人C](https://www.ihewro.com/)`@WeX`[@Kit](http://www.aihack.cn/) (未艾特到的大佬请担待，记性不好，)