kewell-tsao / hexo-theme-casper

New casper theme ported to hexo.

Home Page:https://zhih.me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

hexo-theme-casper

A new Ghost's Casper theme port to Hexo.

DEMO here

My Blog zhih.me

This is a simple and beautiful hexo theme.

When I was searching beautiful hexo themes, I saw the old version of Casper port to Hexo, but the latest not. So I decided that I would port it.

中文版安装说明

Table of Contents generated with DocToc

hexo-theme-casper.jpg

Features

  • Posts cover image
  • Posts feature image
  • Customized navigation menu
  • Customized favicon, logo, header image, author image
  • Social links ( now support FB, TT、github、bilibili、YouTube、weibo)
  • 3 widgets ( I think no need more )
  • Tag, Category, TOC
  • Pagination
  • Syntax Highlighting
  • Responsive Web Design
  • Lazy load
  • Local search
  • Chrome Nav Color
  • Service Worker
  • MacOS、IOS and Android dark mode (Safari、Chrome)

Installation

Install

git clone https://github.com/xzhih/hexo-theme-casper.git themes/hexo-casper

Enable

Modify theme in _config.yml to hexo-casper .

Update

You'd better backup old file first.

cd themes/casper
git pull

Front-matter

Add to scaffolds/post.md,

cover_img:     # show in home page, the post card header
feature_img:   # show in post page, content header
description:
keywords:

PS: Add about page

hexo new page about

Configuration

Edit themes/hexo-casper/_config.yml and set up what you want to show

# Config
rss:            # link
favicon: https://i.loli.net/2017/11/26/5a19c0b50432e.png
blog_logo:
header_image: https://i.loli.net/2017/11/26/5a19c56faa29f.jpg
post_toc: true

# Keywords
keywords: hexo, casper, ghost, theme

# Menu
menu:
  ABOUT: /about
  ARCHIVES: /archives
  # you can add here

# author
author_image:   # link
author_bio:
author_location:

# Social Links
social:
  weibo: https://weibo.com/xzhih
  github: https://github.com/xzhih
  twitter: https://twitter.com
  facebook: https://facebook
  telegram:
  bilibili:
  youtube:
  # You only can use that I have added, I will keep adding

# Footer Links
footer_text:
  # title: link
  # 粤ICP备xxxxxxx号-x: http://www.miitbeian.gov.cn
  # 粤公网安备xxxxxxx号: http://www.beian.gov.cn

# Widget
widgets:
  recent_posts: true
  category: true
  tagcloud: true
  # This is a simple theme, I think 3 is enough.

# Local Search
local_search: true

navColor: '3c484e'

Local Search

https://github.com/wzpan/hexo-generator-search

https://github.com/SuperKieran/hexo-generator-search-zip

Copyright & License

About

New casper theme ported to hexo.

https://zhih.me


Languages

Language:Nunjucks 33.6%Language:SCSS 33.5%Language:JavaScript 33.0%