龙空技术网

找到一个高大上的vuepress主题,用来展示博客太香了

北漂王小乐 135

前言:

如今我们对“vue实现弹出悬浮页面”大概比较关怀,同学们都想要知道一些“vue实现弹出悬浮页面”的相关内容。那么小编也在网摘上汇集了一些有关“vue实现弹出悬浮页面””的相关资讯,希望你们能喜欢,小伙伴们快快来学习一下吧!

大家好,这里是北漂王小乐。

逛开源中国官网发现一个美观强大的vuepress主题,话不多说,大家请看下图。

vuepress-theme-reco-template

开源地址:

项目预览地址:

这个开源项目名为vuepress-theme-reco-template,基于 vuepress-theme-reco,搜集各种灵感整合成组件或插件以便使用,组件有音乐播放器,点击特效,悬浮动图,点击色带变换等等。旨在用最少的配置让不懂编程的人也能用上自己的好看的博客。

而vuepress-theme-reco则是一款简洁而优雅的 vuepress 博客 & 文档 主题,旨在添加博客所需的分类、标签墙、分页、评论等功能;这个主题追求极简风格,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用。

vuepress-theme-reco具体效果可参见:

vuepress-theme-reco

VuePress这个项目大家就很熟悉了,VuePress是vue驱动的静态网站生成器,看下图。

VuePress

VuePress效果展示见:

它的特点是简洁+高性能+组件主题丰富,很多开源项目及公司都使用VuePress来搭建文档系统,很多开发者自己的博客系统也是使用的VuePress。

感兴趣的小伙伴可以访问以上三个主题的网站查看效果,这里着重介绍一下vuepress-theme-reco-template,这个项目开源预览地址展示有问题,完整查看演示效果可以下载下来,本地运行一把,看下运行效果。

本地启动访问可参考:

git clone  blogcd blognpm i -g yarnyarn installyarn dev

几条简单的命令就可以看到演示效果了,个人感觉是目前看到的最帅的主题了。

基于这个主题,可以直接打包部署在单独的服务器作为文档/博客系统,没有服务器也可以直接使用gitee/github page。不管你是否懂编程,是否懂前端,都可以非常容易搭建自己的文档/博客系统。有基础的就可以在此开源项目基础上扩展自己喜欢的插件或主题,更好地丰富文档/博客系统。

本次分享就到这里了,下次分享介绍服务器部署及使用gitee page,喜欢的小伙伴赶快关注我吧。

标签: #vue实现弹出悬浮页面