自己做个网站(四)
今天推荐一个很棒的博客主题：Sakura，想用可以到这个网站下载。
先说说他的优点，哈哈
* 支持随机封面图
* 支持Lazyload图片延迟加载
* 支持首页文章浮现效果
* 可设置视频为文章封面
* 支持自定义登录界面
* 支持 Bilibili 表情
* 可调用QQ头像
* 评论支持插入图片
* 支持评论显示用户UA和IP（主题内置了8M多的ip数据库）
* 支持文章目录
* 支持Mac风格代码高亮
* 支持前台修改背景图
* 支持时光轴
* 自带相册功能
* 自带邮件美化模板
* 支持Aplayer播放器
* CDN优化
* 可对接安卓客户端（作者自己的，不是你拿来就用）
* 主题选项内置[SEO](https://chonzi.com/seohost "网站SEO经常遇到的问题")描述
* 自带焦点图广告三个
* Sakura主题自带的随机特色图图片位于主题的/cover/gallery文件夹里面可以自己新增或者删除
这款主题在功能方面由于是作者自用的主题，所以对于当做博客使用的话，可以满足大多数人的实际需求。并且这一款主题最最重要的一点是（**免费的**）！
从github下载的主题放到/var/www/html/wp-content/themes/目录下，没解压的话解压，然后到浏览器界面启用，主题设置在 菜单-外观-Sakura 主题设置。
一：封面图片主题设置
对于封面图片主题设置有3个选项：webp优化随机图、内置原图随机图、外部随机图API，rest-api url调用示例：https://example.com/wp-json/sakura/v1/image/cover ，请根据个人的情况在 后台-外观-Sakura主题设置-第一屏-封面图片库选项 选择
webp优化随机图
主题v3.3.3之后，内置了manifest生成工具，使用python3实现，可生成封面图所需文件，详见这里
- 目录及文件说明
.
├── manifest
│ ├── gallary // 存放原图片
│ ├── jpeg // 存放生成的缩略图
│ ├── webp // 存放转换后的封面图
│ ├── manifest.json // 生成的manifest数据
│ ├── manifest.py // manifest主程序
│ ├── qt.py // manifest GUI程序（开发中）
│ ├─── __init__.py // GUI程序初始化文件
│ └── icon.* // GUI素材文件
这里只讲linux的安装
- 安装依赖
安装 Python： https://docs.python.org/zh-cn/3.7/using/index.html - 安装 PIL：
# Linux/Mac Terminal
pip install Pillow
# 如果也安装了 Python 2，需要指定 pip 版本：
pip3 install Pillow
- 运行
把图片文件放到 gallary 目录。
# 切换到 manifest.py 所在目录：
cd /path/to/manifest/
python manifest.py
# 如果也安装了 Python 2，需要指定 Python 版本：
python3 manifest.py
之后根据提示操作即可，程序会生成封面图，并且manifest.json会上传至WordPress后台存入数据库。v3.3.5更新为后端获取manifest.json，在 后台-外观-Sakura主题设置-第一屏-封面图片库url 处填写url并保存好后，点击更新会将manifest.json 存入WordPress数据库
将 manifest 整个文件夹上传至你的cdn，并在 后台-外观-Sakura主题设置-第一屏-封面图片库url 处填写url并保存，最后不用加斜杠（注：留空则使用本地的manifest路径）
eg. manifest的地址是 https://cdn.jsdelivr.net/gh/mashirozx/sakura@3.3.3/manifest/，只需在后台填写 https://cdn.jsdelivr.net/gh/mashirozx/sakura@3.3.3 ；如需使用本地图片库，将url填写处留空即可
现代浏览器基本都支持Webp，如遇不支持的浏览器，api会自动返回压缩后的普通图片。
内置原图随机图
主题内建api，将图片放入 主题目录/manifest/gallary/ 文件夹下，访问 rest-api url 会返回原图片
外部随机图API
在 后台-外观-Sakura主题设置-第一屏-封面图片库url 处填写外部随机图API的url，访问 rest-api url 会返回api的图片
下面推荐几个插件
一：文章别名为拼音或英文
发现一个问题，就是搭建完wordpress，试着写了一篇博客。文章发布后，首页已经能显示出文章的标题，但是点进去后却提示该页无法显示。这个问题是由于wordpress生成的链接中包含中文字符导致的，所以我们安一个自动转换中文链接为拼音 SO Pinyin Slugs 的插件。
他会自动把中文名转换成英文或拼音。
二： 静态缓存插件
它把整个网页直接生成 HTML 文件，这样 Web 服务器就不用解析 PHP 脚本，通过使用这个插件，能使得你的 WordPress 博客将显著的提速。
$git clone https://github.com/Automattic/wp-super-cache.git
三：wp-player音乐播放器
git clone https://github.com/webjyh/WP-Player.git
WP-Player 一个迷你歌曲播放器，支持多歌曲播放，支持使用网易云音乐, 虾米音乐, QQ音乐, 百度音乐歌曲地址, 也支持自定义上传音乐。
源码说明
./src/ 为源码目录
./dist/ 为打包后输出目录
请使用 ./dist/wp-player/ 文件夹下文件，此目录为插件目录可以打成 zip 包上传至 wordpress 后台
源码打包
# install dependencies
npm install
# build for production with minification
npm run build
安装好之后，就可以在文章中插入音乐了。
- 在虾米网打开喜欢的歌曲页面，复制歌曲页面的网址如https://music.163.com/#/my/m/music/playlist?id=2513015855
-
并将复制的网址填写到WP-Player的表单内（在文件编辑页面最底部）。音乐类型将根据网址自动做出选择。
- 点击获取音乐ID按钮，此时音乐ID出现在表单中。
- 将短代码 [player autoplay="1"] 填入您的文章内容中。
- 短代码中 autoplay 表示是否自动播放；参数"0"表示否；"1"表示是；
- PS：建议使用网址来获取音乐ID。
四：link manager
$wget http://downloads.wordpress.org/plugin/link-manager.zip
用过wordpress网站的朋友都知道，新版的wordpress后台没有友情链接功能，我们需要启用才可以显示出来。
五：图片压缩
$git clone https://github.com/ORCA-WPMU/wp-smush-pro.git
Smush现在可以压缩任何目录中的任何图像，以便您可以优化网站上的所有图像 - 包括NextGEN图像，使用WP Offload Media存储在Amazon S3上的图像以及每个WordPress插件和主题包中的图像！ 原文地址：https://www.tghello.com/post/111.html © tghello.com
