hexo theme shana Télécharger - hexo theme shana Téléchargement du code source

hexo theme shana

Autres catégories

1.0.0

Télécharger

hexo-thème-shana

shana est un thème basé sur hexo 3.2 . Il est né pour célébrer le couronnement夏娜酱en tant que roi de la gentillesse en 2016. En raison du grand nombre d' animation , les téléphones mobiles bas de gamme peuvent connaître un décalage lors de l'accès au terminal mobile. Vous pouvez visiter mon blog pour voir l'effet——————————————————————————————

À propos du sujet

Le thème Shana n'est pas compatible avec les navigateurs de versions inférieures
Poursuivez l’expérience PC, suivie de l’expérience mobile
Créer un thème en deux dimensions

rendus

Pour des effets spéciaux dynamiques, veuillez visiter mon blog pour voir l'effet, et faites un clic droit pour appeler GalMenu

utiliser

Installer

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

Configuration

Modifier _config.yml dans le répertoire racine hexo

 `language: zh-CN`

`theme: shana`

En même temps, copiez les dossiers tags et categories de themes/shana/_source/ dans source du répertoire racine hexo.

renouveler

 cd themes/shana

git pull origin master

Fichier de configuration

 # 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:

Activer les formules mathématiques

Désinstallez hexo-renderer-marked et remplacez-le par hexo-renderer-markdown-it-plus

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

Ajouter des mathématiques : fidèle à la tête du blog qui doit activer les formules mathématiques

Modifiez le fichier de configuration de votre site

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

Mise en évidence de code personnalisé

hexo-theme-shanasourcecss_partialhighlight.styl

Image d'arrière-plan personnalisée

hexo-theme-shanasourcepluginbganimationbg.css

Remplacez simplement l'URL de l'image à l'intérieur

À propos des commentaires de tiers

En raison de l'effondrement de NetEase Cloud, les commentaires de tiers ont été remplacés par Youyan.

Les commentaires Youyan ne prennent pas en charge le protocole https, donc même si le blog avec le cadenas vert est renseigné en uyan dans la configuration, il sera invalide.

La raison pour laquelle Sohu Changyan n'est pas pris en compte est que le numéro d'enregistrement doit être renseigné pour l'utiliser. Les pages Github n'ont pas de numéro d'enregistrement.

Si vous avez besoin de commentaires tiers personnalisés, veuillez modifier vous-même la dernière partie de hexo-theme-shanalayout_partialarticle.ejs

 <% 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>
<% } %>

Le blog du blogueur a un cadenas vert, il ne prendra donc pas en charge les commentaires pendant une longue période. Si vous avez des questions sur le sujet, publiez simplement un problème dans le cadre du projet !