helloblog-sakura主题使用文档

发布于 2020-11-11  440 次阅读


首页banner图和内页头图的修改

WX20200304155112 1.png

把想要展示的图放到 目录 /src/store/reducer.js 中的 bannerList 数组中即可,可以是网络图片,或者本地图片

本地图片放到目录 /src/statics/images/ 目录后再引用

示例
WX20200310171555.png

随机列表封面图

把想要展示的图放到 目录 /src/store/reducer.js 中的 ListImg 数组中即可,可以是网络图片,或者本地图片

用法和首页banner图一样

随机列表封面图是在当前文章没有上传封面图的时候用的

添加自定义菜单

  1. 在后台添加菜单标题,链接,icon
  2. icon 输入框直接填写icon的名字就行,要求3.X版本
  3. icon使用ant图标库 传送门

本地调试设置代理

在 package.json 中 proxy 字段 设置域名

注意:修改package.json配置文件,需要重启服务才能生效~!!

WX20200310172431.png

在 /src/lib/axios.js 中 设置请求前缀

WX20200310172442.png

APlayer播放器

在后台填入你的网易云歌单的id即可

WX20200304161204.png

全站的点击效果和看板娘的引入

在/public/index.html中,不想用的去掉引入就行
WX20200304161940.png

看板娘的模型的设置

在/public/assets/autoload.js,这里加了少量的设置,如需更详细的设置在 /public/assets/waifu-tips.js

WechatIMG82.png

WX20200304162144.png

内页底部的打赏

在管理系统,社交管理>社交列表

新增社交信息

  1. code:选择打赏
  2. 展示类型:图片
  3. 是否启用:启用
  4. 是否主页社交信息:这个选否
  5. icon不用填
  6. 备注:微信或者支付宝
  7. 上传你的收款码
  8. 提交
    WX20200310173206.png

GitHub

https://github.com/byteblogs168/theme-react-sakura

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。