hexo theme shana herunterladen – hexo theme shana Quellcode herunterladen

hexo theme shana

Andere Kategorien

1.0.0

Herunterladen

Hexo-Theme-Shana

shana ist ein Thema, das auf hexo 3.2 basiert. Es wurde zur Feier der Krönung夏娜酱zum König der Niedlichkeit im Jahr 2016 entwickelt. Aufgrund der großen Anzahl an animation kann es bei Low-End-Mobiltelefonen zu Verzögerungen beim Zugriff auf das mobile Endgerät kommen. Sie können meinen Blog besuchen, um die Wirkung zu sehen—————————————————————————————

Zum Thema

Das Shana-Design ist nicht mit Browsern niedrigerer Versionen kompatibel
Streben Sie PC-Erfahrung an, gefolgt von mobiler Erfahrung
Erstellen Sie ein zweidimensionales Thema

Darstellungen

Für dynamische Spezialeffekte besuchen Sie bitte meinen Blog, um den Effekt zu sehen, und klicken Sie mit der rechten Maustaste, um GalMenu aufzurufen

verwenden

Installieren

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

Konfiguration

Ändern Sie _config.yml im Hexo-Stammverzeichnis

 `language: zh-CN`

`theme: shana`

Kopieren Sie gleichzeitig die Ordner tags und categories von themes/shana/_source/ in source im Hexo-Stammverzeichnis.

erneuern

 cd themes/shana

git pull origin master

Konfigurationsdatei

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

Aktivieren Sie mathematische Formeln

Deinstallieren Sie hexo-renderer-marked und ersetzen Sie es durch hexo-renderer-markdown-it-plus

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

Fügen Sie math: true zum Kopf des Blogs hinzu, der mathematische Formeln aktivieren muss

Bearbeiten Sie die Konfigurationsdatei Ihrer Site

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

Hervorhebung von benutzerdefiniertem Code

hexo-theme-shanasourcecss_partialhighlight.styl

Benutzerdefiniertes Hintergrundbild

hexo-theme-shanasourcepluginbganimationbg.css

Ersetzen Sie einfach die darin enthaltene Bild-URL

Über Kommentare Dritter

Aufgrund des Zusammenbruchs von NetEase Cloud wurden die Kommentare Dritter durch Youyan ersetzt.

Youyan-Kommentare unterstützen das https-Protokoll nicht. Selbst wenn der Blog mit dem grünen Schloss in der Konfiguration mit uyan gefüllt ist, ist er ungültig.

Der Grund, warum Sohu Changyan nicht berücksichtigt wird, liegt darin, dass die Registrierungsnummer ausgefüllt werden muss, um es zu verwenden. Github-Seiten haben keine Registrierungsnummer.

Wenn Sie benutzerdefinierte Kommentare von Drittanbietern benötigen, ändern Sie bitte den letzten Teil von hexo-theme-shanalayout_partialarticle.ejs selbst

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

Der Blog des Bloggers hat ein grünes Schloss, sodass er für längere Zeit keine Kommentare unterstützt. Wenn Sie Fragen zum Thema haben, posten Sie einfach einen Issue unter dem Projekt!