hexo theme shana

ヘキソテーマシャナ

shana hexo 3.2ベースにしたテーマで、2016 年に夏娜酱King of Cuteness に輝いたことを記念して誕生しました。 animation数が多いため、低価格帯の携帯電話でアクセスすると遅延が発生する場合があります。私のブログにアクセスして効果をご覧ください——————————————————————————————

トピックについて

• shana テーマは以前のバージョンのブラウザと互換性がありません
• PC エクスペリエンスを追求し、次にモバイル エクスペリエンスを追求する
• 2次元のテーマを作成する

レンダリング

動的な特殊効果については、私のブログにアクセスして効果を確認し、右クリックしてGalMenu呼び出してください。

使用

インストール

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

構成

hexo ルート ディレクトリの_config.yml変更します。

 `language: zh-CN`

`theme: shana`

同時に、 themes/shana/_source/のtagsとcategoriesのフォルダーを hexo ルート ディレクトリのsourceフォルダーにコピーします。

更新する

 cd themes/shana

git pull origin master

設定ファイル

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

数式を有効にする

hexo-renderer-markedアンインストールし、 hexo-renderer-markdown-it-plusに置き換えます

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

数式を有効にする必要があるブログの先頭に math: true を追加します。

サイトの構成ファイルを編集する

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

カスタムコードの強調表示

hexo-theme-shanasourcecss_partialhighlight.styl

カスタム背景画像

hexo-theme-shanasourcepluginbganimationbg.css

中の画像URLを置き換えるだけです

第三者のコメントについて

NetEase Cloud の崩壊により、サードパーティのコメントは Youyan に置き換えられました。

Youyan のコメントは https プロトコルをサポートしていないため、緑色の鍵が付いているブログの設定にuyanと記入されていても無効になります。

Sohu Changyan が考慮されていない理由は、Github ページには登録番号を入力する必要があるためです。

サードパーティのカスタム コメントが必要な場合は、 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>
<% } %>

ブロガーのブログには緑色のロックが付いているため、コメントは長期間サポートされません。このトピックについて質問がある場合は、プロジェクトの下に問題を投稿してください。

サポートと改善

issue