前端
GitHub Desktop
GitHub Desktop是一个基于Electron的开源GitHuc应用程序。它用TypeScript编写,并使用React。支持macOS,Windows,你可以在此基础上进行二次开发,也可以直接在github仓库中下载安装包使用。
项目地址:https://github.com/desktop/desktop
Nuxt
Nuxt.js 是一个基于 Vue.js 的通用应用框架,是vue的进一步封装,最常用的就是用来作SSR(服务器端渲染),SSR意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 的问题,对于一般网站影响不大,但是对于论坛类,内容类网站来说是致命的,搜索引擎无法抓取页面相关内容,也就是用户搜不到此网站的相关信息。因此,Nuxt.js适合作新闻、博客、电影、咨询等需要搜索引擎提供流量的项目。
nuxt具有以下优点:
1.基于 Vue.js
2.自动代码分层
3.服务端渲染
4.强大的路由功能,不用编写router,支持异步数据
5.静态文件服务
6.ES6/ES7 语法支持
7.打包和压缩 JS 和 CSS
8.HTML头部标签管理,利于SEO
9.本地开发支持热加载
10.集成ESLint
11.支持各种样式预处理器: SASS、LESS、 Stylus等
12.nuxt自己集成了vuex,所以不需要安装,在/store目录下新建index.js即可使用
Nuxt有许多著名的开源案例,GithubStars、LiveMentor、New York Public Radio等网站都是基于nuxt开发的。
参考阅读:
文档 & 写作
Vuepress
Vue Press是以markdown为中心的静态站点生成器。您可以在markdown中编写自己的内容(文档、博客等。),然后VuePress会帮助您生成一个静态站点来承载它们。
创建Vue Press的目的是为了支持Vue . js及其子项目的文档化,但现在它已经帮助大量用户构建文档、博客等静态站点。简单的说它就是一个快速建设文档站点的工具,在简单配置好功能后,需要做的事情就剩下写好一个个 Markdown 文档,并且可以将其发布到github。
笔者有很多文档都是使用vuepress构建的,包括vuepress的官网本身也是使用vuepress构建的。主题可自定义,UI好看,编写md十分方便,强力推荐一波!
参考阅读
Vuepress theme
Docus
Docus为构建由NuxtJS支持的快速进步的web应用程序提供了简单直观的体验。目标是减少程序员必须做出的决定的数量,并消除必须配置网站开发的所有和每个领域的复杂性。直接的结果是,通过专注于内容,您可以在更少的时间内创建更多的内容。从一个想法建立一个网站从未如此简单。
可以看到,Nuxt的官网和NuxtLabs就是用Docus构建的,但事实上,docus还处于测试阶段,在不久的将来,我们或许可以用上更加方便文档生成器。
参考阅读
MiaoYan
妙言是一个markdown的笔记本,该笔记本UI风格有没,如同其slogan:轻灵的 Markdown 笔记本伴你写出妙言。
该笔记本具有以下优点:
- 🏂 妙:纯本地使用、安全、语法高亮、黑暗模式、源文件保存、国际化、演示模式、PPT 模式、单独编辑模式、文档自动排版、文档导出、内部跳转、图床、LaTeX、Mermaid、PlantUML、Markmap 脑图
- 🎊 美:极简的设计风格,文件夹 + 文件列表 + 编辑器方式 3 列模式
- 🚄 快:使用 Swift5 原生开发,相比 Web 套壳方式性能体验好
- 🥛 简:很轻巧,纯编辑器输入体验,众多快捷键助你快人一步
仓库地址:https://github.com/tw93/MiaoYan
另类
how to cook
程序员做饭指南是作者在隔离期间整理出来的一些做菜经验,里面汇总了一些家庭中常见的菜谱,从家常菜、素菜、荤菜到甜品饮料,应有尽有,极为硬核!
作者说:在家隔离,出不了门。只能宅在家做饭了。作为程序员,我偶尔在网上找找菜谱和做法。但是这些菜谱往往写法千奇百怪,经常中间莫名出来一些材料。对于习惯了形式语言的程序员来说极其不友好。所以,我计划自己搜寻菜谱并结合实际做菜的经验,准备用更清晰精准的描述来整理常见菜的做法,以方便程序员在家做饭。
ros_face
该项目为手柄控制脸部肌肉的一种解决方案,感兴趣的小伙伴可以尝试复现一下!
演示视频:开源痛苦面具
仓库地址:https://github.com/maHidaka/ros_face
Other
AllContributors
每位开源项目的参与者都值得记录和感谢,传统方式是开源项目的负责人一个一个把参与者的名字记录到 README.md 文件中,非常低效,可能到后面就懒得添加了。
可以使用一种更高效、自动化的方式来添加项目贡献者,AllContributors允许你使用命令行或者机器人的方式自动将项目的贡献者补充到项目文档中,并且生成排版精美的表格,效果如下:
项目地址:https://github.com/all-contributors/all-contributors
github-readme-stats
有的时候你会看到别人的主页特别丰富,这是因为他们用了github-readme-stats的一些小插件来完善自己的主页。
首先,创建一个与自己的同名的仓库,里面只放readme,就可以用readme来显示自己的个人主页信息,如下图所示。
那么下面这种统计卡片是怎么做的呢?
这个时候你就可以参考github-readme-stats了,这个项目提供了很多功能,比如统计卡片、更多置顶、语言卡片等。
仓库地址:https://github.com/anuraghazra/github-readme-stats
probot
该项目可以用于构建 GitHub 应用程序以自动化和改进您的工作流程的框架,作为你仓库的自动机器人。
仓库地址:https://github.com/probot/probot
评论区