hexo theme shana Download - hexo theme shana Source code download

hexo theme shana

Other categories

1.0.0

Download

hexo-theme-shana

shana is a theme based on hexo 3.2 . It was born to celebrate夏娜酱crowning as the King of Cuteness in 2016. Due to the large number of animation , low-end mobile phones may experience lag when accessing on the mobile terminal. You can visit my blog to see the effect——————————————————————————————

About the topic

The shana theme is not compatible with lower version browsers
Pursue PC experience, followed by mobile experience
Create a two-dimensional theme

renderings

For dynamic special effects, please visit my blog to see the effect, and right-click to call up GalMenu

use

Install

 git clone https://github.com/ShanaMaid/hexo-theme-shana themes/shana

Configuration

Modify _config.yml in the hexo root directory

 `language: zh-CN`

`theme: shana`

At the same time, copy the tags and categories folders of themes/shana/_source/ to source folder in the hexo root directory.

renew

 cd themes/shana

git pull origin master

Configuration file

 # Header
menu:
  Home: /
  Archives: /archives
  Categories: /categories
  Tags: /tags
rss: /atom.xml

# Content
excerpt_link: Read More
fancybox: true

# Sidebar
sidebar: left
widgets:
- nav
- about

# display widgets at the bottom of index pages (pagination == 2)
index_widgets:
# - category
# - tagcloud
# - archive

# widget behavior
archive_type: 'monthly'
show_count: false

# Miscellaneous
google_analytics:
favicon: /favicon.png
twitter:
google_plus:
fb_admins:
fb_app_id:


# GalMenu - PC端右键调出，移动端长按
# galmenu决定是否开启
# mp3play决定是否开启音效
galmenu: true
mp3play: false
gaymenu_item:
- name: 首页
  url : /
- name: 标签
  url : /tags
- name: 分类
  url : /categories
- name: 归档
  url : /archives
- name: xxx
  url : xxxxxxxxx
- name: xxxx
  url : xxxxxxx

# 社交链接
social:
- url: http://github.com/ShanaMaid
  name: Github

# 友情链接
# name : url
link_title: 友情链接
links:
  ShanaMaid: http://blog.shanamaid.top/


# Sidebar Avatar
# in theme directory(source/images): /images/avatar.jpg
# in site  directory(source/uploads): /uploads/avatar.jpg
# 头像
avatar: https://avatars0.githubusercontent.com/u/20333903?v=3&s=460


# 网站统计
# 站长统计 填写id
# eg:　
# CNZZ: 123456789
CNZZ: 

# 评论
# 评论
# 友言uid
uyan: 

# leadcloud访问次数统计
# 
leancloud_visitors:
  enable: false
  app_id: 
  app_key:

Enable math formulas

Uninstall hexo-renderer-marked and replace with hexo-renderer-markdown-it-plus

npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it-plus --save

Add math: true to the head of the blog that needs to enable mathematical formulas

Edit your site's configuration file

 # hexo/_config.yml
markdown_it_plus :
  highlight : true
  html : true
  xhtmlOut : true
  breaks : true
  langPrefix :
  linkify : true
  typographer :
  quotes : “”‘’
  pre_class : highlight

Custom code highlighting

hexo-theme-shanasourcecss_partialhighlight.styl

Custom background image

hexo-theme-shanasourcepluginbganimationbg.css

Just replace the image url inside

About third party comments

Due to the collapse of NetEase Cloud, the third-party comments were replaced by Youyan.

Youyan comments do not support the https protocol, so even if the blog with the green lock is filled in uyan in the configuration, it will be invalid.

The reason why Sohu Changyan is not considered is because the registration number needs to be filled in to use it. Github pages do not have a registration number.

If you need custom third-party comments, please modify the last part of hexo-theme-shanalayout_partialarticle.ejs yourself

 <% if (!index && post.comments && theme.uyan){ %>
  <div id="comments" class="comments">
    <div id="uyan_frame"></div>
  </div>
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid=<%- theme.uyan %>"></script>
<% } %>

The blogger's blog has a green lock so it won't support comments for a long time. If you have any questions about the topic, just post an issue under the project!