npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

vuepress-plugin-coze

v1.8.0

Published

为Vuepress静态站点提供在线发布,编辑说说功能,支持图片上传,点赞,评论,用户登录,注册等功能 Provide online publishing, editing and talking functions for Vuepress static sites, support image upload, like, comment, user login, registration and other functions

Downloads

12

Readme

Vuepress-plugin-coze

introduce

这是Vuepress2的一个插件,该插件提供在线发布,修改说说功能,支持文件上传,登录注册,点赞,评论等功能,使用简单,只需在leancloud中获取到正确的appId,appKey便可以在任何地方使用

安装

因为该插件是基于Vuepress2的,所以在使用该插件之前,请确保你使用的版本为Vuepress2

npm install vuepress-plugin-coze
//docs/.vuepress/config.js
module.exports = {
    plugins: [
        [
            'vuepress-plugin-coze',
            {
                appId: 'leanCloud中得到的appId',
                appKey: 'leanCloud中得到的appKey',
                masterKey: 'leanCloud中得到的masterKey',
                //下面这些是可选的
                avatarPath: 'https://ooszy.cco.vin/img/blog-note/avatar-aurora.png',//说说头像url
                registerPath: '/aurora-register', //自定义插件默认提供的注册页面路由,请在前面加上/
                onlyAdministrator: false //是否运行其他注册的用户发布说说,true表示只有管理员可以发布

            }
        ]

    ],
};

运行你的vuepress应用,待启动完成之后,分别访问/aurora-register/aurora-coze进行用户注册和说说展示,上面的appId配置

截图

  • 说说展示(此效果在我主题中)

image-20211108190928615

  • 发布说说界面

image-20211108191227820

  • 提供的注册界面

    此界面是该插件自动提供的,并且插件也提供了一个没有任何样式的全局组件,你可以自己进行css编写

image-20211108191311008

  • 点赞,评论,编写

    因为时间问题,目前说说评论暂未实现

image-20211108191613515

如果你在使用该插件及Aurora主题的过程中,有任何的问题,都可以通过以下方式联系我

| QQ | 主题交流群 | 微信 | | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | | | | |

用户注册

秘钥获取

该插件数据存储于leancloud,进入leanCloud国际版(一定要使用国际版,国内版域名为console.leancloud.cn我没测试过),你如果没有leanCloud账户的话,需要先创建一个有效账户

image-20211108192136530

image-20211108192241757

image-20211108192330231

image-20211108192405575

image-20211108192519797

image-20211108192639202

注册

| 路由 | 描述 | | ---------------- | ------------------ | | /aurora-register | 注册用户,登出操作 | | /aurora-coze | 说说默认展示页面 |

/aurora-register是默认注册用户,登出操作页面的路由,如果你在插件配置中设置了registerPath值,那么注册,登出的路由将是registerPath对应值

现在访问/aurora-register路由,注册用户(第一个注册的用户,默认为管理员),你将看到下面页面

image-20211108193700352

输入正确信息点击注册

image-20211108193812105

现在访问/aurora-coze页面

image-20211108193856216

恭喜你,设置成功

主题中展示说说

如果你设置成功,那么便可以将CozeMood组件放在你主题中的任何位置,这是插件注册的全局组件

<div>
	<CozeMood @coze-success="cozeSuccess">
</div>

插件配置信息

插件配置信息