thumbnail
2023年1月,我的第一个nvPress博客主题——Salary诞生了。Salary翻译过来就是“薪水”的意思,也代表着作者希望每个用上Salary主题的人,薪水都能蒸蒸日上,越来越高。
SCOTT STUDIO

关于主题

Salary主题是一款基于Vue3+Typescript+Pinia开发,由nvPress驱动的扁平化主题。Salary包含以下特性:

  • 基于Vue3开发,使用Typescript严格定义接口规范,使用更轻便小巧的Pinia进行状态管理
  • 使用gzip压缩打包(需要服务器开启gzip),按需引入组件
  • 兼容各种设备,在移动端电脑端iPad端都能以最好的方式呈现
  • 支持发布公告,在文章顶部显示公告,以及在侧栏以时间轴的方式显示最近的5条公告
  • 支持打赏,在后台可以定义扫码打赏的方式
  • 支持回复下载,强制用户必须评论文章后才允许下载资源
  • 文章封面海报,每篇文章都支持生成带二维码的文章海报,并且可以转发到社交平台

主题特色介绍

得益于nvPress的出现,开发主题不再需要像wordpress那样需要学习php,也不需要懂很多mysql的内容,完全由前端开发的Salary主题才能够问世。

主题功能介绍

内容付费

采用“打赏送积分”、“积分换礼品”的方式,实现内容付费

提示框

用不同的颜色吸引到访客关注

可选颜色绿

提示

这是蓝色的提示框

任务清单

  1. 对接支付宝当面付
  2. 个人中心开发
  3. 礼品组件开发...

面板

同样有多种颜色可选

可选颜色绿

当然还有小提示

不占内容,篇幅较短的提示框

向用户显示警告的信息时,通过警告提示,展现需要关注的信息。

回复可见

当你的文章某些内容不想直接被用户看到时

你可以使用回复可见的功能。

公告

在博客的顶部会显示最新的一条公告,在侧边栏位置则会以时间轴的方式显示最近5条公告,同时点击公告可以弹窗查看公告的具体内容。

技能点轮播 · 今日推荐

在博客的首页,有两个大的模块。一个是个人技能点轮播,一个是今日推荐的广告位,以及展开之后的6篇推荐文章。

同时首页的智能推荐文章,在文章编辑页面,可以设置文章是添加推荐角标,选择 之后会在右上角生成一个推荐的角标。

文章卡片

Salary提供了两种不同的卡片样式,不同的动画,不同的体验

3D鼠标跟随特效卡片

仿开门特效卡片

轻博客 · 侧边栏

Salary随笔(轻博客)功能,在侧边栏展示最近5条随笔。

Salary文章目录,获取文章内容的小标题组件,h2,h3标签样式设置为目录,跟随主区域滚动自动高亮。

打赏 · 文章海报分享

Salary支持配置打赏二维码,可以在后台可以定义扫码打赏的方式

每篇文章都支持生成带二维码的文章海报,并且可以转发到社交平台

搜索文章

Salary支持按照文章标题搜索文章,因为nvPress是无数据库,且保存的文章数据是json格式,如果搜索内容会出现一些文章内不存在的字符,所以只支持搜索文章标题。

PDF预览

提示

如果需要使用pdf按需加载,需要添加以下配置nginx

add_header Accept-Ranges bytes;
proxy_force_ranges on;

用户中心

本主题是“个人博客”主题

主题宗旨:拥有用户中心是为了让“没有营业销售权限的个人博主”通过小额打赏送积分 → 积分换礼品的方式来与访问者进行交互。

基本要求:本主题的“礼品兑换、评论可见”等功能,都基于以上思想实现。因此必须启用“用户注册”来实现。

使用接口

支付接口:由于普通博主没有营业执照的权限,因此只采用全网唯一官方免签的支付宝当面付接口。

信息通知:由于很多接口需要额外购买API或审核费用(如短信、微信),为了让“个人博主”开心地使用,因此只采用完全免费的邮件方式。

用户中心高度集成在主题中,通过“积分兑换”的方式来获取礼品。礼品可以是:下载链接、需要兑换才能阅读的文章内容等等……

视频播放

nvPress3 编辑器套件

nvPress3.0以后,作者开发了一套全新的编辑器。基于编辑器的开发规定,开发出了一套基于nvPress3.0的编辑器插件。

编辑器套件包

  • 小标题组件
  • 代码块组件(覆盖默认的代码块)
  • 栅格组件
  • 下载按钮组件
  • pdf预览组件
  • 时间轴组件
  • 小提示组件
  • 视频播放组件
  • 面板组件
  • 文字处理组件(包含下划线,删除线,文字颜色标记)

获取主题

支持开发者

如果你喜欢本主题,可以给开发者打赏¥598 元。作为打赏的回礼,将会赠送 Salary 最新版,以及序列号。

序列号从主题开发者处获取,每个站点可免费更换一次序列号

本主题不免费提供,需要获取主题以及序列号请到关于-关于我中获取博主联系方式了解相关内容

如果你对本主题感兴趣,欢迎点赞或留言讨论,也可以请我喝杯奶茶哦~万分感谢🎉🎉🎉