我还在为你努力着啊

Sakura 🌸

这个主题Sakura修改自WordPress主题Sakura

基于WordPress主题Sakura修改成Hexo的主题。

依然正在开发中……

主题特性

  • 首页大屏视频
  • 首页随机封面
  • 图片懒加载
  • valine评论
  • fancy-box相册
  • pjax支持,音乐不间断
  • aplayer音乐播放器
  • 多级导航菜单
  • 新增-手账模式
  • 文章续接预览

未完善的使用教程

那啥?老实说我目前也不是很有条理233333333~

1、主题下载安装

主题下载

下载好后解压到博客根目录(不是主题目录哦,重复的选择替换)。接着在命令行(cmd、bash)运行npm i安装依赖。

2、主题配置

博客根目录下的_config配置

站点

# Site
title: 你的站点名
subtitle:
description: 站点简介
keywords:
author: 作者名
language: zh-cn
timezone:

部署

deploy:
  type: git
  repo: 
    github: 你的github仓库地址
    # coding: 你的coding仓库地址
  branch: master

备份 (使用hexo b发布备份到远程仓库)

backup:
  type: git
  message: 
  repository:
    # 你的github仓库地址,备份分支名  (建议新建backup分支)
    github: ###
    # coding: ###

主题目录下的_config配置

其中标明【改】的是需要修改部门,标明【选】是可改可不改,标明【非】是不用改的部分

# site name
prefixName: 宏宇关の老张
siteName: Gblz
# favicon and site master avatar
favicon: /images/favicon.ico
avatar: http://q1.qlogo.cn/g?b=qq&nk=1608683211&s=640
url: https://qicailab.xyz
description: 我还在为你努力着啊
cdn:
pjax: 1
# 1开启
mathjax: 0

notice: 私はまだあなたのために努力しています。
lazyloadImg: https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/loader/orange.progress-bar-stripe-loader.svg

menus:
  首页: { path: /, fa: fa-fort-awesome faa-shake }
  归档: { path: /archives, fa: fa-archive faa-shake, submenus: { 
    技术: {path: /categories/技术/, fa: fa-code }, 
    生活: {path: /categories/生活/, fa: fa-file-text-o }, 
    资源: {path: /categories/资源/, fa: fa-cloud-download }, 
    随想: {path: /categories/随想/, fa: fa-commenting-o }
  } }
  清单: { path: javascript:;, fa: fa-list-ul faa-vertical, submenus: { 
    番组: {path: /bangumi/, fa: fa-film faa-vertical }, 
    歌单: {path: /music/, fa: fa-headphones }
  } }
  留言板: { path: /comment/, fa: fa-pencil-square-o faa-tada }
  友人帐: { path: /links/, fa: fa-link faa-shake }
  赞赏: { path: /donate/, fa: fa-heart faa-pulse }
  关于: { path: /, fa: fa-leaf faa-wrench , submenus: { 
    我?: {path: /about/, fa: fa-meetup}, 
    主题: {path: /theme-sakura/, fa: iconfont icon-sakura },
    Lab: {path: /lab/, fa: fa-cogs },
  } }
  客户端: { path: /client/, fa: fa-android faa-vertical }
  RSS: { path: /atom.xml, fa: fa-rss faa-pulse }


# Home page sort type: -1: newer first,1: older first.
homePageSortType: -1
# Home page article shown number)
homeArticleShown: 10
# 背景图片 更好的修改
bg:
  - https://acg.toubiec.cn/random?1
  - https://acg.toubiec.cn/random?2
  - https://acg.toubiec.cn/random?3
  - https://acg.toubiec.cn/random?4
  - https://acg.toubiec.cn/random?5
  - https://acg.toubiec.cn/random?6
  - https://acg.toubiec.cn/random?7
  - https://acg.toubiec.cn/random?8
  - https://acg.toubiec.cn/random?9
  - https://acg.toubiec.cn/random?a
  - https://acg.toubiec.cn/random?b
  - https://acg.toubiec.cn/random?c
  - https://acg.toubiec.cn/random?d
  - https://acg.toubiec.cn/random?e
  - https://acg.toubiec.cn/random?f
  - https://acg.toubiec.cn/random?g
# 背景图片样式 空 原图效果 filter-dim 阴影 filter-grid 横条 filter-dot 点点
bgclass: 

# startdash url, title, desc img
#startdash:


# your site build time or founded date
siteBuildingTime: 10/17/2019

#social  url, img PC端配置
social:
  github: {url: https://coding.net/u/bestlzt, img: https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/sns/github.png}
  wangyiyun: {url: https://music.163.com/#/user/home?id=1402366059, img: https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/sns/wangyiyun.png}
  qq: {url: https://wpa.qq.com/msgrd?v=3&uin=1608683211&site=qq&menu=yes, img: https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/sns/email.svg}
#social  url, img 移动端配置
msocial:
  github: {url: http://github.com/honjun, fa: fa-github, color: 333}
  qq: {url: https://wpa.qq.com/msgrd?v=3&uin=1608683211&site=qq&menu=yes, fa: fa-qq, color: 25c6fe}

donate:
  alipay: /img/custom/donate/AliPayQR.jpg
  wechat: /img/custom/donate/WeChanQR.jpg

# 视频地址为https://cdn.jsdelivr.net/gh/honjun/hojun@1.2/Unbroken.mp4,配置如下
movies:
  url: https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.3/
  # 多个视频用逗号隔开,随机获取。支持的格式目前已知MP4,Flv。其他的可以试下,不保证有用
  name: The%20Pet%20Girl%20of%20Sakurasou.mp4

aplayer: 
  id: 2145892063
  server: netease
  type: playlist
  fixed: true
  autoplay: false
  loop: all
  order: random
  preload: auto
  volume: 0.7
  mutex: true

# Valine
valine: false
v_appId: GyC3NzMvd0hT9Yyd2hYIC0MN-gzGzoHsz
v_appKey: mgOpfzbkHYqU92CV4IDlAUHQ

分类页和标签页配置

配置项在\themes\Sakura\languages\zh-cn.yml里。新增一个分类或标签最好加下哦,当然嫌麻烦可以直接使用一张默认图片(可以改主题或者直接把404图片替换下,征求下意见要不要给这个在配置文件中加个开关,可以issue或群里提出来),现在是没设置的话会使用那种倒立小狗404哦。

#category
# 按分类名创建
技术:
    #中文标题
    zh: 野生技术协会 
    # 英文标题
    en: Geek – Only for Love
    # 封面图片
    img: https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/banner/coding.jpg
生活:
    zh: 生活
    en: live
    img: https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/banner/writing.jpg

#tag
# 标签名即是标题
悦读:
    # 封面图片
    img: https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/banner/reading.jpg

单页面封面配置

位于source下的comment下,打开index.md如下:

---
title: comment
date: 2018-12-20 23:13:48
keywords: 留言板
description: 
comments: true
# 在这里配置单页面头部图片,自定义替换哦~
photos: https://cdn.jsdelivr.net/gh/honjun/cdn@1.4/img/banner/comment.jpg
---

单页面配置

番组计划页

---
layout: bangumi
title: bangumi
comments: false
date: 2019-02-10 21:32:48
keywords:
description:
bangumis:
  # 番组图片
  - img: https://lain.bgm.tv/pic/cover/l/0e/1e/218971_2y351.jpg
  # 番组名
    title: 朝花夕誓——于离别之朝束起约定之花
  # 追番状态 (追番ing/已追完)
    status: 已追完
  # 追番进度
    progress: 100
  # 番剧日文名称
    jp: さよならの朝に約束の花をかざろう
  # 放送时间
    time: 放送时间: 2018-02-24 SUN.
  # 番剧介绍
    desc:  住在远离尘嚣的土地,一边将每天的事情编织成名为希比欧的布,一边静静生活的伊欧夫人民。在15岁左右外表就停止成长,拥有数百年寿命的他们,被称为“离别的一族”,并被视为活着的传说。没有双亲的伊欧夫少女玛奇亚,过着被伙伴包围的平稳日子,却总感觉“孤身一人”。他们的这种日常,一瞬间就崩溃消失。追求伊欧夫的长寿之血,梅萨蒂军乘坐着名为雷纳特的古代兽发动了进攻。在绝望与混乱之中,伊欧夫的第一美女蕾莉亚被梅萨蒂带走,而玛奇亚暗恋的少年克里姆也失踪了。玛奇亚虽然总算逃脱了,却失去了伙伴和归去之地……。
  - img: https://lain.bgm.tv/pic/cover/l/0e/1e/218971_2y351.jpg
    title: 朝花夕誓——于离别之朝束起约定之花
    status: 已追完
    progress: 50
    jp: さよならの朝に約束の花をかざろう
    time: 放送时间: 2018-02-24 SUN.
    desc: 住在远离尘嚣的土地,一边将每天的事情编织成名为希比欧的布,一边静静生活的伊欧夫人民。在15岁左右外表就停止成长,拥有数百年寿命的他们,被称为“离别的一族”,并被视为活着的传说。没有双亲的伊欧夫少女玛奇亚,过着被伙伴包围的平稳日子,却总感觉“孤身一人”。他们的这种日常,一瞬间就崩溃消失。追求伊欧夫的长寿之血,梅萨蒂军乘坐着名为雷纳特的古代兽发动了进攻。在绝望与混乱之中,伊欧夫的第一美女蕾莉亚被梅萨蒂带走,而玛奇亚暗恋的少年克里姆也失踪了。玛奇亚虽然总算逃脱了,却失去了伙伴和归去之地……。
---

友链页 (请直接在下载后的文件中改,下面的添加了注释可能会有些影响)

主题集成了个人插件hexo-tag-bili和hexo-tag-fancybox_img。其中hexo-tag-bili用来在文章或单页面中插入B站外链视频,使用语法如下:

{% bili video_id [page] %}

hexo-tag-fancybox_img用来在文章或单页面中图片,使用语法如下:

{% fb_img src [caption] %}

zoom放大图片

关于zoom点击放大图片功能,一直就有,不过readme里头没说明。 修改Sakura\node_modules\marked\lib\marked.js的Renderer.prototype.image方法为

Renderer.prototype.image = function(href, title, text) {
  if (this.options.baseUrl && !originIndependentUrl.test(href)) {
    href = resolveUrl(this.options.baseUrl, href);
  }
  var out = '<img data-action="zoom" src="' + href + '" alt="' + text + '"';
  if (title) {
    out += ' title="' + title + '"';
  }
  out += this.options.xhtml ? '/>' : '>';
  return out;
};

即可

关闭公告

配置公告为空或false,表示关闭公告 notice: false

动态配置aplayer

aplayer: 
  id: 2660651585
  server: netease
  type: playlist
  fixed: true
  autoplay: false
  loop: all
  order: random
  preload: auto
  volume: 0.7
  mutex: true

aplayer配置可以自己自定义参数,且都会渲染出来,不局限于以上内容。参考aplayer文档添加参数或拿来实现自己一些特殊功能


我还在为你努力着啊

宏宇关の老张Gblz

© 2019 hexo-sakura