Skip to content
what's a cool hexo theme!
CSS JavaScript HTML
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_source 添加友链,文章日期标签,标签归档首页 Apr 15, 2017
languages 添加leancloud页面访问统计 Apr 16, 2017
layout 添加启用数学公式 Mar 1, 2020
scripts 完成博客骨架,添加key社galmenu Apr 12, 2017
source fix blockquote text-align Jul 4, 2017
.gitignore 完成博客骨架,添加key社galmenu Apr 12, 2017
LICENSE Initial commit Apr 12, 2017
README.md 添加启用数学公式 Mar 1, 2020
_config.yml 替换网易云跟帖为友言 Jul 22, 2017
package.json 完成博客骨架,添加key社galmenu Apr 12, 2017

README.md

hexo-theme-shana

shana是以hexo 3.2为基础制作的主题,为庆贺夏娜酱2016年加冕萌王而诞生的,由于比较多的animation,低配手机在移动端访问的时候可能会出现卡顿。你可以访问我的博客观看效果 夏娜酱2016年加冕萌王 ——————————————————————————————————

关于主题

  • shana主题不考虑兼容低版本浏览器
  • 追求PC端体验,移动端次之
  • 打造二次元主题

效果图

首页 归档页 标签页 代码高亮 GalMenu菜单

动态特效请访问我的博客观看效果,右键调出GalMenu

使用

安装

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

配置

修改hexo根目录下的 _config.yml

`language: zh-CN`

`theme: shana`

同时将themes/shana/_source/tagscategories文件夹拷贝到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

在需要启用数学公式的博客的head添加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-shana\source\css_partial\highlight.styl

自定义背景图片

hexo-theme-shana\source\plugin\bganimation\bg.css

替换里面的图片url就可以了

关于三方评论

由于网易云倒闭,三方评论替换为友言。

友言评论不支持https协议,所以挂了小绿锁的博客即使填写了配置中的uyan也无效。

不考虑搜狐畅言的原因是因为使用需要填写备案号,github pages是没有备案号的。

如果需要自定义的三方评论的请自行修改hexo-theme-shana\layout\_partial\article.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吧!

支持与改进

你可以通过发起issue来反映主题的BUG或者提出改进建议以及你的疑问

You can’t perform that action at this time.