Coder Social home page Coder Social logo

kana's Introduction

hexo theme kana

Preview

主题介绍

  • 响应式
  • 独立的分类、标签页面
  • 文章归档、带缩略图的分类归档、标签归档
  • 可控制动画效果的开关
  • 文章列表头像显示开关
  • 更多...

依赖插件

  • hexo-front-matter-excerpt
  • hexo-generator-archive
  • hexo-generator-category
  • hexo-generator-feed
  • hexo-generator-tag
  • hexo-renderer-less

主题安装

安装

$ git clone https://github.com/bigfa/kana.git themes/kana

开启

修改 _config.yml 主题设置为kana

更新

cd themes/kana
git pull

推荐配置

建议关闭年月日归档,所有文章归档为全部文章输出,单页文章显示数量设置无效。

建议关闭代码高亮,主题仅提供了默认pre标签样式

主题支持文章摘要,可安装hexo-front-matter-excerpt直接设置摘要。

主题设置文件

编辑主题设置文件_config.yml

# 文章列表头像显示
avatar: false
# css 过渡动画
animation: false
# 作者简介,在文章结尾显示
description: I hate you.

创建分类、标签页面

hexo new page category

然后编辑页面,头部添加

type: categories

标签页面则为

type: tags

分类缩略图设置

修改main.less文件,找到generate-columns(5),5为你的分类数,有几个分类就把n设置为几,然后按照你的分类输出顺序设置缩略图,图片命名为1.jpg,2.jpg 类推。

其他都是Hexo 基本配置了,感谢支持。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.