WordPress主题:Sakura 免费二次元风格萌系博客主题

今天给大家分享一款WordPress二次元风格博客主题源码:Sakura,该主题由”樱花庄的白猫”在Louie 基于 Fuzzz 的 Akina 主题修改的主题 Siren 基础上三次修改,该主题不需要安装任何拓展插件部署即用,文章内可插入音乐、视频、BiliBili表情,采用Mac样式代码块,是一款非常优秀的免费WordPress个人博客主题!

演示站点

图片[1]-Sakura 免费二次元风格萌系博客主题
作者在线博客:https://2heng.xin/
主题特性
随机封面图
内带了一个返回随机图片的 API,把想要展示的图放到 /cover/gallery 中即可
Lazyload
图片[2]-Sakura 免费二次元风格萌系博客主题
使用了开源库 jQuery-Lazyload,按需加载图片,优先加载缩略图或占位图,当图片显示在 viewport 上时才加载原图,提升网页加载速度。
另外首页文章列表设计了一个向上浮现的效果。
文章封面视频
可将视频设为文章封面,支持 hls 流视频。使用说明见主题 wiki
定制登录及后台界面
后端登陆界面及 Dashboard (配色方案 Sakura),你也可以自行设计配色方案(请留意“后台配置”页面下的说明),同时也有配合 pjax 实现的前端登陆,前端登陆需自行用模板创建新页面(page)。
支持bilibili表情
图片[3]-Sakura 免费二次元风格萌系博客主题
后端请按提示切换后台为明亮主题(个人资料页切换),否则评论管理页将出现表情鬼畜。
QQ/Gravatar头像
如果输入了 QQ 号,留言将拉取 QQ 头像,如果 QQ 号不存在或者是输入了邮箱,将拉取 Gravatar 头像。QQ 头像接口和 Gravatar 镜像都由我这边提供。
评论插图
该功能支持多个图床的接口的选择,目前支持的有 SM.MS、Imgur、Chevereto,使用前请在主题设置中配置相应的代理和API Key。
注意:目前此功能需要 PHP 开启 curl 支持,同时 Nginx/Apache 需要允许 POST 请求。
用户 UA 及 IP 定位
图片[4]-Sakura 免费二次元风格萌系博客主题
使用纯真 IP 数据库。对了,还有一个高仿 Bilibili 的等级系统,有空还打算再写一个头饰模块。
文章目录
使用了开源项目 tocbot,在需要目录的文章任意位置输入 启用。文章首字的大写使用方法:把首字放到 [begin] 和 [/begin] 之间。
Mac 风格代码块
图片[5]-Sakura 免费二次元风格萌系博客主题
代码高亮渲染使用的是 highlightjs。代码块可全屏,你发现了吗?
建议通过 Markdown 语法写作以便代码块正常显示,代码高亮支持二十多种常见编程语言。
前端主题切换
这部分函数写得有些凌乱,打算以后有空重构一下,可留意主题的更新。字体请留意注意事项。
时光轴
使用了 Shawn 的设计。
相册
基于 fancybox 实现的相册功能,使用说明见主题 wiki。
邮件模板
Aplayer/HermitX 支持
修改了 APlayer 的部分样式,文章内插入音乐可使用 Hermit X 插件。
CDN 优化
因为自己博客每天访问量较大(日均 PV 3000左右),所以为了减少请求数及流量,以此控制 CDN 费用(每天0.2元左右),针对性地做了 CDN 优化:主要是合并请求,并把不同类型的资源分配到不同的域名上,这些在后台界面可以调整。其他内容相对固定的资源,如贴图和前端库都放到了 jsDeliver 的公共库上。
Github Cards
可通过短代码添加: [github repo="mashirozx/Sakura"]
移动客户端*
借助 PJAX 异步加载,便于基于 WebView 开发高性能的移动客户端,切换页面时无刷新,可以获得接近 Native 的响应速度。
具体可以跳转至https://2heng.xin/theme-sakura/ 了解详情!
部署环境
WordPress版本:4.8+
PHP版本:7.1+
注意事项
主题下载后请把文件夹名字改回 Sakura,也即,保证主题路径为 wp-content/themes/Sakura/
建议安装插件 Hermit X,基于Aplayer的播放器
启用新主题之前请记得备份数据库,毕竟数据无价,养成一个良好的习惯!
推荐插件
Easy WP SMTP,邮件支持。
WP Statistics,统计插件,主题可选择其接口以作页面访问计数。
Login LockDown,登陆尝试限制,避免前端登陆爆破。
Wordfence Security,避免爆破和评论注入。提醒:该插件将在数据库中记录访客信息,数据库体积将略有增大。
Akismet Anti-Spam,垃圾评论过滤。
AMP,生成AMP 页面,效果就是这样,有利于提升 Google 排名。
Autoptimize,页面压缩。
Glue for Yoast SEO & AMP,AMP 增强,需配合 Yoast SEO 及 AMP 插件使用。
WP Super Cache,页面缓存,为访客自动生成缓存版网页,提升访问速度。
Yoast SEO,搜索引擎优化。
其他插件对本主题的兼容性请大家自行测试!
写作规范
主题遵循 HTML5 规范,正文部分样式完全兼容标准 Markdown 语法,因此也建议配合 WP Editor.md 插件使用 Markdown 写作,可参考《Markdown 编辑器语法指南》。
下载地址
GitHub开源地址:https://github.com/mashirozx/Sakura
Gitee开源地址:https://gitee.com/mashirozx/Sakura
蓝奏网盘:https://xuehua.lanzoul.com/iPLJZ0h1fh1c
另有 hexo 版主题分支:honjun/hexo-theme-sakura


扫码

点击加入本站QQ交流群

© 版权声明
THE END
喜欢就支持一下吧
点赞10赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容