正文

Sakura–开源免费wordpress二次元主题,挺漂亮的

在 Louie 基于 Fuzzz 的 Akina 主题修改的主题 Siren 基础上的三次修改。

github:https://github.com/mashirozx/Sakura

gitee:https://gitee.com/mashirozx/Sakura

主题作者博客:https://2heng.xin/theme-sakura/

demo直接看主题作者博客即可。

 

hexo 版主题分支:https://github.com/honjun/hexo-theme-sakura

 

目前正在重构主题,Sakura v3.x 版本人基本不再维护。重构版主题采用 webpack 打包,更易于维护和 DIY,重构项目预览(务必阅读 README):https://github.com/mashirozx/Sakura2

 

其他介绍

内带了一个返回随机图片的 API,把想要展示的图放到 /cover/gallery 中即可。

使用了开源库 jQuery-Lazyload,按需加载图片,优先加载缩略图或占位图,当图片显示在 viewport 上时才加载原图,提升网页加载速度。

另外首页文章列表设计了一个向上浮现的效果,算我最满意的一个小 trick~

文章封面视频

可将视频设为文章封面,支持 hls 流视频。使用说明见主题 wiki。

后端登陆界面及 Dashboard 美化(配色方案 Sakura),你也可以自行设计配色方案(请留意“后台配置”页面下的说明),同时也有配合 pjax 实现的前端登陆,前端登陆需自行用模板创建新页面(page)。

支持 Bilibili 表情

 

兼容性
服务器端
WordPress 版本:4.8+
PHP 版本:7.1+

前端
兼容主流 Chromium 内核浏览器、FireFox 浏览器。不兼容 IE (360、QQ 等双核浏览器请关闭 IE 模式)。

写作规范
主题遵循 HTML5 规范,正文部分样式完全兼容标准 Markdown 语法,因此也建议配合 WP Editor.md 插件使用 Markdown 写作,可参考《Markdown 编辑器语法指南》。

主题演示站有一篇 Markdown 语法展示,文章源码在这里。

API
下面是一些主题内已经带有的接口,无需重复构建:
Cookie:see https://2heng.xin/2018/05/12/add-a-version-control-for-cookies/

后续会考虑添加更多接口。

III. FAQ
1. 为什么开源的主题和这个博客不完全一样?
我的博客上还有一些个性化的内容,因为并不是所有人都会需要,一方面影响主题性能,另一方面为了开源还需为些部分添加开关和选项,耗费时间且没意义,所有这些内容在开源的主题中都已移除。如果你有喜欢,f12 随便抄,我没意见~

PS. 其实本站主题已经很久没有更新了,开源版主题中反而有更多新功能的。 ( ̄▽ ̄)"

标准主题演示在这里。

2. 前端代码块/WP 5.3 后台崩坏?
原先推荐的 WP Editor.md 插件在 WP 5.3 中存在严重的兼容性问题。目前最新版主题已经对评论部分做了处理,不再需要依赖该插件,所以如果更新到了 WP 5.3,请停用此插件。至于正文 Markdown 写作,目前没有好的方案,可以先用其他 Markdown 编辑器书写并转成 HTML,再粘贴进 WordPress。

3. 主题设置开关未生效?
启用主题后先点一次保存。

4. 时差问题
后台主题设置界面里添加了一个时差调节选项。