最近,重新燃起对Blog的兴趣,从来没有认真和成功的“经营”过一个Blog,折腾域名和便宜的空间,然后并没有写出什么有意义的文章。
现在,写Blog对于我来说,就是记录生活,记录自己做过的视频,拍过的照片,折腾过的数码产品,记录自己的经历。
也许有一天,我的成功经验能够帮助到一个人;也许有一天,会有一个技术大佬看到我的失败经历,能够留言帮助我。
在各种媒体平台丰富的今天,Blog依旧有着迷人的魅力,因为Blog几乎是完完全全属于自己的一块网络净土。
希望这一次能够坚持很久吧~做自己,远比做一个想象中的人更快乐。
挑来挑去,最后选了Mashiro同学制作的Sakura主题,这款主题非常精美,功能也很丰富,当然个性也很鲜明,超强烈的二次元风格,我喜欢~感谢Mashiro同学的付出!
本文就是为了自己用着方便,记下这款主题常用的、有趣的功能,所用为3.3.6版本,不定期更新。
Ⅰ、Sakura主题,正文不显示怎么办?
从安装到配置主题,只遇到了一个问题,就是正文内容无法显示,通过Chrome查看正文部分的代码,我发现多了一个注释代码……将其删掉就能看到正问内容了。
具体位置在如下图:
文件在这里:tpl/content-single.php
将如图所示位置的注释代码删除即可正常显示文章内容
Ⅱ、第一屏背景图哪里换?
通过FTP或者其他方式,将喜欢的背景图片上传到/manifest/gallery
中即可,清理浏览器缓存后即可显示。如果不显示,可以试着把扩展名改为“.jpg”。
Ⅲ、文本效果
本主题自带出色的文本效果,配合WP Editor.md插件撰写文章效果更佳。下文中,我会从Mashiro同学的介绍里挑几个我喜欢的效果来介绍,这里需要了解一些简单的markdown语法。
1、添加文章目录
在编辑器的文中任意位置输入 [ toc ]
(markdown我也不太熟,toc前后的空格在使用中要删掉,这里如果没有空格就无法显示字符……不知道Mashiro同学是如何做到的……)就会开启目录功能,此时输入“标题”后,预览时就可以看到文章右侧出现目录。该功能还支持子目录,比如:H1标题下的H2标题就会成为子目录名称。
如果你的输入正确,你将会看到和本文目录一样的效果。请看右侧 ➡️
[ toc ](空格记得删除)
# H1
## H2
## H2
# H1
2、Mac风格代码块
上面那段代码效果是不是很惊艳?Sakura主题的代码高亮渲染使用的是 highlightjs ,代码块还可全屏显示。
开启方法为:
```代码语言名称(如:javascript等等)
代码内容
```
这里涉及到一个技巧,如何显示 、、、
?只需要将其全选后,按“tab”键即可实现。我是参考这篇文章:https://www.jianshu.com/p/b8005920f969
- PS:markdown语言还需要熟悉,这里的代码演示很失败……
Ⅳ、文章视频封面
Sakura主题还可以为文章添加视频封面,我这里直接引用Mashiro同学的教程。
启用方法: 在 WordPress 后台文章编辑页中,添加以下自定义字段:
名称 | 值 |
---|---|
cover_type | hls - hls 流视频(.m3u8 格式)normal - 其他常见视频格式(.mp4 等) |
video_cover | 视频 url |
video_cover_thumb | 视频缩略图 url(选填,但是建议填写) |
注意:
- 设置了以上字段仍然必须设置一个文章特色图片,否则打开文章页你会看到只有标题没有封面。特色图片会显示在首页的文章链接上。
- 视频缩略图尺寸应与视频一致,建议直接用视频截图。
- 较大的视频建议转为 hls 流视频,否则可能需要等待视频加载。
- 推荐使用 FFMpeg 转换视频格式、剪裁视频,网上有很多教程的。
自定义字段在编辑界面的下方添加,如图所示:
不过,我还没找到合适的视频托管服务,暂时先用的这里的视频做示范。
Ⅴ、配置Cloudflare CDN服务后,CSS样式丢失怎么办?
第一次给博客配置免费的Cloudflare CDN服务后,CSS样式出现丢失,经过百度,很快找到了解决方法,这里在转载记录一下。(感谢 VincentQu1998 同学的文章:《wordpress启用ssl后css加载不了的问题》)
解决方法,如下:
在wp-config.php
中,加入这行代码:
if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') $_SERVER['HTTPS']='on';
且,上述代码必须在下面这行代码之上。
require_once(ABSPATH . 'wp-settings.php');
【今天先写到这里,关于Blog的技巧未来学到了,会继续更新~】
Comments | NOTHING