Sakura主题美化

参考博客:

https://blog.csdn.net/u011759205/article/details/104839472

https://yremp.live/hexo-sakura/

关于.cur的光标不显示(第一次打开方式错了要重置_(:з」∠)_

在cmd下输入

assoc.ani=anyfile

assoc.cur=anyfile

就解决了

关于网易云歌曲外链

整个页面配置在 /source/music/index.md中:
其代码如下:


---

title: music

date: 2018-12-20 23:14:28

keywords: 喜欢的音乐

description: 

comments: false

photos: http://pic.netbian.com/uploads/allimg/170911/233802-15051442827782.jpg

---

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=450 src="//music.163.com/outchain/player?type=0&id=762797776&auto=1&height=430"></iframe>

前面是常规的信息配置没什么好说的,photos就是这个页面的顶部图片,在

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=450 src="//music.163.com/outchain/player?type=0&id=762797776&auto=1&height=430"></iframe>

img

中需要改一下id,这个id就是网易云音乐歌单id,怎么获取如下图:

登录网页版网易云音乐,打开歌单,在地址栏中可以看到

https://music.163.com/#/playlist?id=762797776

其中id后面的数字复制,粘贴到代码里面的id后面就可以显示自己的歌单了。

PS:

有的歌生成不了外链,放进去生成就是空白,只能移出去

关于功能中的与我对话功能

/source/about/index.md

image-20210909084500574

右键,Goto Definition就能去改对话了

image-20210909211547415

有三个,选第一个

关于主页视频播放

参考知乎回答:https://www.zhihu.com/question/290690588/answer/471324014

去bilibili找找视频_(:з」∠)_

用个火狐插件,打开视频直接点下载就行了,是个flv形式

image-20210909193206909

下载地址:https://maruko.appinn.me/

img

确实好用~

视频大于20mb的GitHub没法访问,可以用压制

image-20210909223931853
CRF值在18以下为无损,18-22为高质量,22-27为中等质量,51质量最差。

CRF越大压缩的越大,画质越差~

参考博客:https://blog.csdn.net/q906270629/article/details/115394248

如果还是不行,提示大于20mb,把cdn改成@master,有的就行了_(:з」∠)_

PS:

酷我音乐的mv可以属性打开文件夹,temp文件夹里有缓存的MP4

全局搜索功能

有个变量名想改改,但找不到怎么办~

img

右键文件夹直接搜算全部文件夹,快乐~

53

这个sitename导致了部分网页下面作者名字变成sitename,比如关于我?

D:\博客盘\blog\Sueyoki\themes\Sakura\_config.yml:
    1  # site name
    2  prefixName: 巫女Sueyoki
    3: siteName: の森林
    4  author: Sueyoki
    5  # favicon and site master avatar

所以在这个文件下加个author变量,然后替换掉图2中的sitename即可

图1我只改了 mashiro_option.author_name = “<%- theme.author%>”;

不知道有什么用,反正改了也没出问题_(:з」∠)_

themes\Sakura\layout\donate.ejs

里面有个hojun,改成自己就行

关于归档和清单栏修改

这里想添加一个新的category栏CTF,要改两个地方

themes/Sakura/languages/zh-cn.yml

image-20210915102517041

themes/Sakura/source/_config.yml

image-20210915102715029

加上这两行就行了,fa是图标font awesome 缩写(自己查

清单页面修改也差不多

关于文章发布

在source/_posts文件夹下添加md文章

示例

image-20210915174619254

在文章开头,右键》插入》YAML Front Matter

然后复制进去就行了,各种描述自己改改

title: 使用git push提交blog
author: Sueyoki
avatar: https://cdn.jsdelivr.net/gh/Sueyoki/CDN@master/img/custom/avatar.png
authorLink: hojun.cn
authorAbout: 一只古灵古灵的精怪
authorDesc: 寒鸦向暖,枯木逢春~
categories: 技术
date: 2021-08-27 22:16:01
comments: true
tags: 
 - web
 - 悦读
keywords: Sakura
description: hexo提交有点问题,直接push
photos: https://gitee.com/Sueyoki/picture/raw/master/pic/img1.jpg                      #这里填封面图片

关于评论系统

因为用的Valine,需要注册LeanCloud,记得选国际版

https://console.leancloud.app

这里推荐gmail,不用实名_(:з」∠)_

参考博客:https://valine.js.org/quickstart.html

和评论相关的配置在: /themes/sakura/config.yml

# Valine
valine: true
v_appId: 填自己的
v_appKey: 填自己的

想删除垃圾评论打开Valine后台

1

从这进去

2 (2)

我是把user和comment两条记录都删了,你们自己试试~(:з」∠)

2022.6发现评论系统坏了,于是用find在目录下查找valine

D:\博客盘\blog\Sueyoki\themes\Sakura\layout\_partial\footer.ejs:
   38  <script type="text/javascript" src="/js/sakura-app.js"></script>
   39  <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
   40: <script src='//unpkg.com/valine@1.3.4/dist/Valine.min.js'></script>
   41  <!-- 不蒜子 网页计数器 -->
   42  <script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
 把40行的1.3.4改成1.4.18就可以了(看别人的能跑,版本是1.4.18,受到了启发)

一只古灵古灵的精怪