|
| 1 | +--- |
| 2 | +title: vuepress-theme-reco |
| 3 | +date: 2019-04-09 |
| 4 | +categories: |
| 5 | + - other |
| 6 | + - test |
| 7 | +--- |
| 8 | + |
| 9 | + |
| 10 | + |
| 11 | + |
| 12 | + |
| 13 | +|a|b| |
| 14 | +|-|-| |
| 15 | +|这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能;a|b这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能;| |
| 16 | +|a|b| |
| 17 | +|a|b| |
| 18 | +|a|b| |
| 19 | + |
| 20 | +::: tip 介绍 |
| 21 | +1. 这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能;<br> |
| 22 | +2. 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用;<br> |
| 23 | +3. 你可以打开 [午后南杂](http://recoluan.gitlab.io) 来查看效果。 |
| 24 | +::: |
| 25 | + |
| 26 | +::: warning 介绍 |
| 27 | +1. 这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能;<br> |
| 28 | +2. 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用;<br> |
| 29 | +3. 你可以打开 [午后南杂](http://recoluan.gitlab.io) 来查看效果。 |
| 30 | +::: |
| 31 | + |
| 32 | +::: danger 介绍 |
| 33 | +1. 这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能;<br> |
| 34 | +2. 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用;<br> |
| 35 | +3. 你可以打开 [午后南杂](http://recoluan.gitlab.io) 来查看效果。 |
| 36 | +::: |
| 37 | + |
| 38 | +::: theorem 牛顿第一定律 |
| 39 | +假若施加于某物体的外力为零,则该物体的运动速度不变。 |
| 40 | + |
| 41 | +::: right |
| 42 | +来自 [维基百科](https://zh.wikipedia.org/wiki/%E7%89%9B%E9%A1%BF%E8%BF%90%E5%8A%A8%E5%AE%9A%E5%BE%8B) |
| 43 | +::: |
| 44 | + |
| 45 | +::: details |
| 46 | +这是一个详情块,在 IE / Edge 中不生效 |
| 47 | +::: |
| 48 | + |
| 49 | +> 测试 |
| 50 | +
|
| 51 | +## Use |
| 52 | + |
| 53 | +**Build** |
| 54 | + |
| 55 | +```bash |
| 56 | +npm run build |
| 57 | + |
| 58 | +# or |
| 59 | + |
| 60 | +yarn build |
| 61 | +``` |
| 62 | + |
| 63 | +**Server** |
| 64 | + |
| 65 | +```bash |
| 66 | +npm run dev |
| 67 | + |
| 68 | +# or |
| 69 | + |
| 70 | +yarn dev |
| 71 | +``` |
| 72 | + |
| 73 | +## Play Together |
| 74 | + |
| 75 | +### 0.x |
| 76 | + |
| 77 | +`vuepress-theme-reco@0.x` 是基于 `vuepress@0.x` 的博客主题。 |
| 78 | + |
| 79 | +`vuepress@0.x` 功能比较简单,只适合书写简单的文档,但好在支持主题自定义,而个人又希望能够用它来书写博客,原因就是它足够的简洁,毫无疑问,这也符合很多程序员的观念,也就是在这种情况下,`vuepress-theme-reco@0.x` 的第一个版本经过一个通宵而产生。 |
| 80 | + |
| 81 | +主题开源不久,很多朋友通过各种联系方式,给到很多好的意见和建议,所以我个人也在积极地更新。 |
| 82 | + |
| 83 | +因为我是一名前端开发工程师,开发的过程中,总是想着能不能加入一些炫酷的效果,有很多次都是添加上又去掉,反反复复,最后都是被 **简洁** 的这个原则阻止掉,毕竟,现在我是将它当作一个产品来看待,并不是一个技术或者是技巧的尝试项目。 |
| 84 | + |
| 85 | +### 1.x |
| 86 | + |
| 87 | +随着不断有用户过来询问:为什么 `vuepress-theme-reco@0.x` 不能在 `vuepress@1.x` 上使用?本来只是打算对 `vuepress-theme-reco@0.x` 进行简单的bug修复的我,终究还是忍不住,开始了 `vuepress-theme-reco@1.x` 的开发。又是在一个寂静的凌晨两点半(晚上就是出活快),我默默地开始了。 |
| 88 | + |
| 89 | +主题升级的关键也就是 `@vuepress/plugin-blog` 这款官方插件,它不需要再去麻烦地过滤数据,将分类和标签的相关信息直接存在 `$categories` 和 `$tags` 这两个全局变量中。借助于 `@vuepress/plugin-blog`,分类和标签功能更容易实现,但也有了一些局限。接下来两三天的时间,都是在进行功能的迁移和一些bug的修复。 |
| 90 | + |
| 91 | +`vuepress-theme-reco@0.x` 的开发中,更加深刻地明白了模块化和组件化编程的重要性,如果当初没有把一些功能进行封装,而是直接简单的复制,这次升级也不会这么顺利。模块拆分的越细,使用就会越灵活。 |
| 92 | + |
| 93 | +### CLI |
| 94 | + |
| 95 | +还是衷心地希望能有更多的朋友参与进来,更快地去完善它。接下来时间允许的情况下,我会开源一款自动生成博客的脚手架,略过配置步骤,直接书写优质内容,这也是我后来逐渐形成的一种信念,就是希望能让这款主题,功能越完善,使用越来越简单。 |
| 96 | + |
| 97 | +## License |
| 98 | +[MIT](https://github.com/recoluan/vuepress-theme-reco/blob/master/LICENSE) |
0 commit comments