近日，阿里巴巴在Github上线了静态开源站点搭建工具Docsite，这是一款集官网、文档、博客和社区为一体的静态开源站点的解决方案，具有简单易上手、上手不撒手的特质，同时支持react和静态渲染、PC端和移动端、支持中英文国际化、SEO、markdown文档、全局站点搜索、站点风格自定义、页面自定义等功能，借助Docsite，可以极大的提高前端工程师搭建静态开源站点的效率。
近年来，随着Github Pages 的静态托管服务的兴起，静态站点生成器因为其静态生成对托管环境要求低、维护简单、可配合版本控制、灵活又多变的优点，获得了极大的发展，涌现出一批优秀的静态站点解决方案。
阿里巴巴前端开发工程师尹挚介绍道：“虽然目前有不少的静态站点生成器，但在我们的前期调研过程中发现，这类解决方案，例如Gatsby、docsify，或直接在wiki上写，并不能完全满足我们的需求，于是我们就自己着手打造一款静态站点搭建工具。因为主要用于静态站点的搭建，且支持 markdown 文档，所以就把他起名为 Docsite。”
目前，阿里巴巴已经开源400多个项目，如果每个项目都上线一个项目官网，会耗费大量的前端开发资源。此时，借助Docsite，将极大的提高网站的上线效率，同时方便对网站的用户体验进行统一和规范。
据悉，阿里巴巴Dubbo、Nacos等多个开源项目已在使用Docsite。
作者：中间件小哥
有多少人知道阿里巴巴？
但是又有多少人登陆过阿里巴巴的网站呢？
又有多少人仔细观察过阿里巴巴的设计呢？
虽然阿里巴巴是一个大厂，虽然阿里巴巴的设计不如苹果设计出名，也不如小米设计出现在大众目光的次数多，但是他家也有一些很有趣的设计，这些小心思用在PPT中简直酷毙了！
微立体的制作这是阿里巴巴招聘官网的页面设计，这里对图标的处理很有意思，除了阿里巴巴的图标，其他图标都先使用带有颜色的圆形作为衬底，再增加了一层方形形状做出微立体的效果，增加了设计的空间感！
其实这种隐约带有空间感的设计，叫做微立体！不是棱角分明的立体感，而且灵动简约的立体效果：
这个设计我们依靠PPT中的渐变效果就能做出来！你只要做好渐变光圈的调整就好：
我们可以使用PPT中的主题色，得到不同明度的颜色。然后对两层形状进行渐变的调整，注意了，在底层的形状要有亮处和暗处，这样组合在一起才有空间感：
还可以给顶层添加柔化边缘，降低边界的生硬感，再进行组合：
到这里，我们还可以添加浅色的阴影，让页面的层次感更强：
圆角矩形的应用圆角矩形做出的卡片用来承载内容，让整个页面给人传达的感受更加的舒适，有温度：
圆角矩形相比一般的直角矩形，从设计上会让人感受到温度。在PPT的默认形状中，只有个别形状能够自由调整圆角。不过有一款PPT插件——英豪插件，直接能够让在页面中的形状更改为圆角：
你只需要选中页面的形状，再输入数值，就能生成圆角：
借助这个功能，我们可以让页面的的平行四边形修改为圆角：
或者给页面中的梯形添加圆角，增强页面的设计感：
渐隐线这依旧是阿里巴巴官网的一个很有趣的设计，注意观察一下页面中的线条，并不是一条没有变化的线条，而是两头的颜色透明度逐渐降低：
这样的线条，在PPT也很好做。你只需要将线条设置成渐变填充，然后在调整光圈位置的时候，修改透明度的参数就好！
这样的线条用来做页面的装饰素材，就很加分：
不仅仅是线条，文字也可以这样处理成渐隐字的效果，比如下面这些：
到这里，今天提到的3个小技巧你学会了吗！
最后，送给大家一个PPT福利资源！
就是下面我展示的这20页超级好用的工作职场必备PPT模板：
怎么获取？
PPT模板获取方式：关注我+发送关键词：20页
#ppt# #职场达人炼成记# #职场#