Skip to content

Zisbusy/Akina-for-Typecho

Folders and files

Name Name
Last commit message
Last commit date

Latest commit

 

History

427 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Akina-for-Typecho

Akina for Typecho theme template (project is no longer maintained)

 image

Template features

  1. Simultaneously QQ and Gravatar , to adapt to the domestic environment, QQ email is preferred QQ head portrait,
  2. Smooth scrolling, thanks to open source projects smoothscroll-for-websites
  3. Expression, thanks for the open source project OwO
  4. support ajax comment
  5. Responsive design, multi end barrier free browsing

Installation method

Put the Akina folder under typecho/usr/themes and enable it in the background. Open "Set Appearance" and fill in relevant information
It is recommended to install the links plug-in that comes with the theme (you can also write html to implement the friend chain without installing it. The code is below)

Update method

Small version: overwrite the Akina folder to/usr/themes under typecho. Large version: check background settings and article keywords.

About expressions

The theme comes with an emoticon package. You can add emoticons according to its format, but please note that this theme can only use icon packages, namely "img" tags,

Home page home settings

 image

Akina provides a unique home page
In the blog background - Settings - Reading - Site Home
Select Direct Call hmoe.php Template file, and check to change the path of the article list page to /blog (Of course, it can be changed to others, but the path in the template should be modified at the same time home.php

Other pages

In the management - independent page - new page
Friendly chain suggestions are links.html ending.
The suggestion is about.html ending.
The suggested tag cloud is tags.html ending.
Message suggestion is message.html ending.
Archiving recommendations are archives.html ending.
Select a template with the same name as the customized template (if page is not selected). It is recommended to select a template with the same name in advance Configure pseudo static

Friendly chain writing

You don't need to write html after installing the links plug-in

 !!! < 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 =" We are too small to be arrogant. " target =" _blank " > < span  class =" sitename " > Carton Blog </ span > < div  class =" linkdes " > We are too small to be arrogant. </ div > </ a > </ li > ...... </ ul >
 </ div > !!!

Gallery Picture Writing

Regular replacement automation has been used, so you don't need to write any more.

 !!! < a  href =" Large picture address " alt =" explain " title =" title " > < img  class =" aligncenter " src =" Small picture address " alt =" explain " > </ a > !!!

Download button writing

 !!! < p >
 < a  id =" download_link " class =" download " href =" Download url " rel =" external " target =" _blank " title =" Download address " >  
 < span > < i  class =" iconfont icon-download " > </ i > Click Download </ span >
 </ a >
 </ p > !!!

Article Special Label Style

 image

CDN image acceleration

Please fill in the domain name as prompted in the background template settings after the CDN service provider configures the acceleration domain name.
If there is an error in the icon, please follow the CDN service provider's prompts to solve the cross domain problem,
Note: Qiniu Cloud has no options set, please submit a work order. Set the CDN response header to Access Control Allow Origin:*
2021-08-01: It seems that it can be set directly in the background of Qiniu.

The image acceleration address origin address is as follows:
https://zhebk.cn/usr/themes/Akina/images/favicon.ico
https://cdn.zhebk.cn/usr/themes/Akina/images/favicon.ico

Tip: Poor CDN will even slow down the website
Pay attention to CDN paying users, please do a good job of anti-theft chain, improper operation will make your wallet suffer from irreversible dimension reduction.

Tips

  1. Add a custom thumbnail image link in the article editor. The top picture of the customizable page (except for archiving) is randomly used by default Akina\images\postbg Picture below.
  2. You can open dynamic article display style in article editing. When using dynamic style, the title will not be seen on the first page of the article, and the front of the article will be displayed by default seventy Characters, available <!-- more--> Summary split line custom display content.
  3. You can fill in the home page icon to change the small picture of the article list
  4. Triggering condition of article small spark: reading amount is greater than or equal to 2000.
  5. Customize the rules for obtaining the head image after focusing articles Customize the thumbnail>Default
  6. To modify the style, you can use custom css and js

Demo Address

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

Special thanks

thank Typecho Official documents (although a bit crude)
thank QQ Dad Blog , direct or indirect help
thank FUIDESIGN original Akina (Big Brother's Group 464877306 - forever AKINA)
as well as @Friend C @WeX @Kit (Please bear with the big guy who hasn't arrived at Art. He has a bad memory.)