首发于个人网站
二次元wordpress主题Sakura与Sakurairo

二次元wordpress主题Sakura与Sakurairo

Sakura

Sakura主题是Mashiro大佬在 Louie 基于 Fuzzz 的 Akina 主题修改的主题 Siren 基础上三次修改创作出的开源主题。

官方项目

主题介绍:2heng.xin/theme-sakura/

演示站点:sakura.2heng.xin/

Github地址:github.com/mashirozx/Sa

国内镜像地址:gitee.com/mashirozx/Sak

主题wiki:github.com/mashirozx/sa

特别推荐

Sakura主题使用手册

由Sakura主题爱好者Yremp所写的主题使用和美化教程,非常详细,帮助刚入门的小伙伴在实际使用中配置主题。


主题特性


随机封面图

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


Lazyload


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

文章封面视频


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


定制登陆及后台界面


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


支持 Bilibili 表情


后端请按提示切换后台为明亮主题(个人资料页切换),否则评论管理页将出现表情鬼畜。


QQ/Gravatar 头像


如果输入了 QQ 号,留言将拉取 QQ 头像,如果 QQ 号不存在或者是输入了邮箱,将拉取 Gravatar 头像。


评论插图


该功能支持多个图床的接口的选择,目前支持的有 SM.MS、Imgur、Chevereto,使用前请在主题设置中配置相应的代理和API Key。

注意:目前此功能需要 PHP 开启 curl 支持,同时 Nginx/Apache 需要允许 POST 请求。


用户 UA 及 IP 定位


使用纯真 IP 数据库。对了,还有一个高仿 Bilibili 的等级系统,有空还打算再写一个头饰模块。


文章目录


使用了开源项目 tocbot,在需要目录的文章任意位置输入 [toc] 启用。文章首字的大写使用方法:把首字放到 [begin] 和 [/begin] 之间。


Mac 风格代码块


代码高亮渲染使用的是 highlightjs。代码块可全屏,你发现了吗?
建议通过 Markdown 语法写作以便代码块正常显示,代码高亮支持二十多种常见编程语言。


前端主题切换


这部分函数写得有些凌乱,打算以后有空重构一下,可留意主题的更新。字体请留意注意事项。


时光轴


使用了 Shawn 的设计。


相册


基于 fancybox 实现的相册功能,使用说明见主题 wiki。


邮件模板


Aplayer/HermitX 支持


修改了 APlayer 的部分样式,文章内插入音乐可使用 Hermit X 插件。


CDN 优化
主要是合并请求,并把不同类型的资源分配到不同的域名上,这些在后台界面可以调整。其他内容相对固定的资源,如贴图和前端库都放到了 jsDeliver 的公共库上。


Github Cards


可通过短代码添加: [github repo="mashirozx/Sakura"]


注:主题下载后请把文件夹名字改回 Sakura,也即,保证主题路径为 wp-content/themes/Sakura/。

# 商业转载请联系作者获得授权,非商业转载请注明出处。
# For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source.
# 协议(License):署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
# 作者(Author):Mashiro
# 链接(URL):2heng.xin/theme-sakura/
# 来源(Source):樱花庄的白猫

Sakurairo

Sakurairo主题是由Sakura主题的爱好者Hitomi大佬制作的一款相对于原版Sakura主题更加强大的主题,这款主题最大的亮点在于对Sakura主题颜色进行更加细致的自定义,增加了很多小功能,并且内置了多个色调,一键切换主题风格。

官方项目

官方站点:iro.tw/

主题发布:asuhe.jp/daily/theme-sa

使用手册:asuhe.jp/daily/sakurair

Github地址:github.com/mirai-mamori

国内镜像:gitee.com/mirai-mamori/

主题介绍海报



萌新搭建个人网站全流程图文攻略(史上最详细)

编辑于 2021-08-29 21:48