You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

122 lines
4.9 KiB

5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
4 years ago
5 years ago
4 years ago
5 years ago
5 years ago
5 years ago
4 years ago
5 years ago
4 years ago
5 years ago
4 years ago
5 years ago
4 years ago
5 years ago
5 years ago
5 years ago
  1. # Akina-for-Typecho
  2. Akina for Typecho 主题模板
  3. ![image](https://github.com/Zisbusy/Akina-for-Typecho/blob/master/Akina-img/Akina.jpg)
  4. ## 模版特点
  5. 1. 同时采用`QQ`和`Gravatar`,来适应国内环境,QQ邮箱优先使用`QQ`头像,
  6. 2. 平滑滚动,感谢开源项目[`smoothscroll-for-websites`](https://github.com/gblazex/smoothscroll-for-websites)
  7. 3. 表情,感谢开源项目[`OwO`](https://github.com/DIYgod/OwO)
  8. 4. 支持`ajax`评论
  9. 5. 响应式设计,多端无障碍浏览
  10. ## 安装方法
  11. 将Akina文件夹放到typecho下/usr/themes,在后台启用。将`Akina\images\donate`内收款图片替换为自己的收款码
  12. ## 更新方法
  13. 将Akina文件夹覆盖到typecho下/usr/themes。
  14. ## 启用主题后
  15. 1.打开"设置外观"填写相关信息
  16. 2.将Akina\images\donate内收款图片替换为自己的收款码,(当然不替换也行)
  17. 3.建议安装随主题附带的links插件,(不安装也可以写html实现友链,代码在下面)
  18. ### 关于表情
  19. 主题自带一种表情包,可仿照其格式自行添加表情,但是注意本主题仅且只能使用图标包,即“img”标签,
  20. ### 主页home设置
  21. ![image](https://github.com/Zisbusy/Akina-for-Typecho/blob/master/Akina-img/Akina-home.png)
  22. Akina 提供了一个独特的首页页面
  23. 在博客后台-设置-阅读-站点首页
  24. 选择直接调用 `hmoe.php`模板文件,并勾选 同时将文章列表页路径更改为`/blog`(当然可以改成其他的,但要同时修改模板里路径`home.php`)
  25. ### 其他页面
  26. 在管理-独立页面-新增页面中
  27. 友链建议为`links.html`结尾。
  28. 关于建议为`about.html`结尾。
  29. 留言建议为`message.html`结尾。
  30. 归档建议为`archives.html`结尾。
  31. 自定义模板选择名字相同模板(如多没有选择page),建议请提前[配置好伪静态](https://www.typechodev.com/theme/478.html)。
  32. ### 友链写法
  33. 安装links插件后不需要写html了
  34. ```html
  35. !!!
  36. <br/>
  37. <div class="links">
  38. <ul class="link-items fontSmooth">
  39. <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>
  40. ......
  41. </ul>
  42. </div>
  43. !!!
  44. ```
  45. ### 画廊图片写法
  46. 已经使用正则替换自动化,不需要写了。
  47. ```html
  48. !!!
  49. <a href="大图片地址" alt="说明" title="标题"><img class="aligncenter" src="小图片地址" alt="说明"></a>
  50. !!!
  51. ```
  52. ### 下载按钮写法
  53. ```html
  54. !!!
  55. <p>
  56. <a id="download_link" class="download" href="下载url" rel="external" target="_blank" title="下载地址">
  57. <span><i class="iconfont icon-download"></i>点击下载</span>
  58. </a>
  59. </p>
  60. !!!
  61. ```
  62. ### 文章特殊标签样式
  63. ![image](https://github.com/Zisbusy/Akina-for-Typecho/blob/master/Akina-img/h2-h5.jpg)
  64. ### CDN镜像加速
  65. 请在CDN服务商配置加速域名后在后台模板设置按提示填写域名即可。
  66. 如图标出现错误后请根据CDN服务商提示来解决跨域问题,
  67. 注:七牛云没有设置选项,请提交工单。将CDN响应头设置成 Access-Control-Allow-Origin: *
  68. 镜像加速地址同源站地址如:
  69. https://zhebk.cn/usr/themes/Akina/images/favicon.ico
  70. https://cdn.zhebk.cn/usr/themes/Akina/images/favicon.ico
  71. 提示:劣质CDN甚至会拖慢网站的速度
  72. CDN付费用户注意,请做好防盗链,不当操作会让你的钱包遭受不可逆的降维打击。
  73. ### 使用技巧
  74. 1. 在文章编辑里添加自定义字段` img `后面跟图片链接。可自定义页面(除了归档)的顶部图片,
  75. 默认随机使用`Akina\images\postbg`下图片。(优先级 自定义img字段>文章第一张>默认随机图)
  76. 2. 在文章编辑里添加自定义字段` dt `后面不填。可开启动态式文章展示样式。
  77. 使用动态样式时,文章首页不会看见标题,默认显示文章的前`70`个字符,可使用`<!--more-->`摘要分割线自定义显示内容。
  78. 3. 可以自定义字段icon来改变文章列表的小图
  79. 4. 文章小火花触发条件:阅读量大于等于1000。
  80. 5. 自定义聚焦文章后 头部图获取规则 自定义img>文章第一张>默认
  81. 6. 有些独立页面如果不想让它在导航栏显示,增加一个自定义字段navbar并把字段值改为hide即可
  82. 7. 首页头部信息图标不填写时可以隐藏
  83. ## 演示地址
  84. [https://www.bilibili.com/video/av68759722/](https://www.bilibili.com/video/av68759722/)
  85. ## 特别感谢
  86. 感谢[Typecho](http://docs.typecho.org/doku.php)官方文档(虽然有点简陋)
  87. 感谢[QQ爹博客](https://qqdie.com/),直接或者间接的帮助
  88. 感谢[FUIDESIGN](http://fui.im/)原作[Akina ](https://github.com/Xoin-Yang/Akina)(大佬的群 464877306 -永远的AKINA)
  89. 以及[@友人C](https://www.ihewro.com/)`@WeX`[@Kit](http://www.aihack.cn/) (未艾特到的大佬请担待,记性不好,)