主要是对Mashiro的Sakura主题使用手册的二创,加入了一些我的个人使用感受
原文地址https://2heng.xin/theme-sakura/

I.特性

文章目录


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

Mac 风格代码块

如你所见,我们用到了代码块。在文章目录中我们使用了代码块,在markdown中使用反单引号来标记代码块。如果你只想高亮语句中的某个函数名或关键字,可以使用 function_name()实现。
通常编辑器根据代码片段适配合适的高亮方法,但你也可以用三个反单引号裹一段代码,并指定一种语言比如...

var foo = function (bar) {
  return bar++;
};
console.log(foo(5));

问题的出现

实际操作后,想必你已经发现了许许多多的问题,这些我们稍后在讨论。

随机封面图


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

Lazyload


使用了开源库 jQuery-Lazyload,按需加载图片,优先加载缩略图或占位图,当图片显示在 viewport 上时才加载原图,提升网页加载速度。 另外首页文章列表设计了一个向上浮现的效果,算我最满意的一个小 trick~
我也觉得很好康

文章封面视频


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

定制登陆及后台界面

这个就没什么好讲的了,给你个链接自己看着办

前端主题切换

这个我个人觉得不会凌乱a,我只知道markdown支持这块确实很乱,我现在是用typora写然后导出html到wp,然后wp里还装着 WP Editor.md 插件...目前来看就是代码块样式乱掉了...(在风中凌乱.jpg)

时光轴

这东西就是新建页面-页面模板里面的那个时光轴,什么都不用写,没啥好说的

相册

这个......不出意外因该是区块编辑器里面的画廊区块了才怪嘞
我仔细看了下,发现了不对劲的地方,就是Mashiro的图片是可以点的,点进去后还可以有其它功能...
是我孤陋寡闻了Orz

那么,所有上传的图片都要改成!{alt}(url)[th_url]的格式吗?

好像是的呢.(大阴阳师上线.jpg),目前看来,只有同样使用了!{alt}(url)格式的图片才能进入“相册模式”着实有些不太友好呢.

邮件模板

也是没什么好讲的,不过记得要装WP SMTP插件噢~

Aplayer/HermitX 支持 | 音乐播放器

也是没什么好说的,Aplayer是浏览器左下方的那个播放器,HermitX是类似于WP媒体库音乐扩展那样的吧。

CDN优化

不好意思,在下穷,而且我到用CDN的地步,就连阿里云轻量应用服务器的1000G/月都跑不完还想痴心妄想什么。
如果你要用CDN一定一定要做好防护措施网络攻击防御设置,每个服务商都应该是有的,免费或者收费,如果没有那就直接下工单找客服吧~
什么?为什么?你问我为什么?你猜我会不会告诉你是因为CDN流量被DDOS攻击后扣了¥4000+的CDN流量费...后面的事情我就不说了

Github Cards | Github短代码


可通过短代码添加:

移动客户端*

啥也别说,啥也别问,问就是要不起。

II.注意事项

重要★★

主题下载后请把文件夹名字改回 Sakura,也即,保证主题路径为 wp-content/themes/Sakura/。
启用新主题/插件前备份数据库是一个良好的习惯。虽然我保证主题不可能损坏你的数据,但是毕竟数据无价,对吧?

建议安装的插件☆

Mashiro的推荐
Hermit X,基于 Aplayer 的播放器。
Mashiro在用的
更多
IAbu的推荐
Akismet,Anti-Spam垃圾评论保护
Easy WP SMTP,就是上面我说的那个WP SMTP插件,用来收发邮件用的
live2d看板娘(2233),你看着办,会拖累网页加载速度我就把它禁用了
Useso take over Google,替换所有的Google字体、谷歌JS公用库、Gravatar头像为geekzu资源。
WP Acceleration for China,替换Google CDN文件、Gravatar头像链接,加快WordPress打开速度。
WP Editor.md,或许这是一个WordPress中最好,最完美的Markdown编辑器
我挺喜欢的,可谁让它和主题冲突咯
2021-08-31添加:
刚刚在github项目的issues看到了一个解决方法--直接把editor.md插件自带的语法高亮和数学公式以及流程图选项直接关闭..(简单粗暴,我怎么没想到呢233)
WP Statistics,为您站点定制的完善的 WordPress 分析和统计工具
WP Super Cache,WordPress的快速缓存插件
启用WPSC后访客的主页背景图可能不正常加载
WP-China-Yes,全面改善中国大陆站点在访问WP官方服务时的用户体验
Yoast SEO,第一个真正意义上的 WordPress 全能SEO解决方案
经典编辑器,启用WordPress经典编辑器和旧式的编辑文章页面

推荐资料-IAbu

Markdown编辑器语法指南
WP Editor.md兼容 Sakura 主题的配置(感谢spirit1431007的帮助)
Sakura Theme FAQ(持续更新)

III.自定义

善于使用F12/检查

  1. 按下F12以对源代码进行检查。
  2. 对加载项进行检查、修改,以加快网页加载速度(特别是关于谷歌公共库的部分)。
  3. 对要更改的地方进行检查,以对源文件进行定位。
  4. 对问题进行检查,以排查故障。

IV.想到什么再加什么吧...

修订记录

2020-05-15 01:41:29 星期五
2020-05-29 22:16:14 星期五
2021-08-31 17:24:43 星期二


欢迎打扰,首页邮箱即可私信。状态:营业中