开源产品推荐

1. Penpot(原型、UI设计工具)

官网:https://help.penpot.app/

68747470733a2f2f70656e706f742e6170702f696d616765732f726561646d652f686f6d652d75692e6a7067.jpg

2. Supabase(开源firebase)

68747470733a2f2f73757061626173652e636f6d2f646f63732f6173736574732f696d616765732f73757061626173652d6172636869746563747572652d39303530613733313765396563376566623738303766353139343132326534382e706e67.png

3.OpenSumi(开源IDE)

官网:https://opensumi.com/zh

O1CN01uIRRRl1wmLkN9geV3_!!6000000006350-2-tps-2844-1830.png

Nettu Meet(视频会议系统)

官网:https://github.com/fmeringdal/nettu-meet

更新于3 年

前端 React

共38字

React组件库

1.Radix
官网: https://www.radix-ui.com/

微信截图_20220319125738.png

微信截图_20220319125805.png

更新于3 年

共229字

IDEA系列常用插件:适用于IDEA、Webstorm、Goland、Pycharm、Phpstorm

1.GitToolBox

可以在每一行查看上次提交的信息,提交人,可以根据左侧的颜色,了解本次操作是修改,删除还是新增

2.Rainbow Brackets(彩虹括号)

让一对的括号显示成一种颜色,不同对的快显示成不同的颜色,方便用户区分。

3.CodeGlance2(代码缩略图)

原本有一个叫CodeGlance的插件,貌似作者不维护了,新版本无法使用。右侧缩略图可以快速滑动到对应位置。

4.Grep console

自定义日志颜色，idea控制台可以彩色显示各种级别的log，安装完成后，在console中右键就能打开。

更新于3 年

共651字

SEO优化-Sitemap

sitemap简单来说就是网站地图,通过可视化的形式,展示网站的主要结构,目的是方便搜索引擎以及用户更快的找到你的页面。不同框架有不同的生成方法,下面介绍nextjs框架的:

安装next-sitemap

yarn add next-sitemap -D

创建配置文件next-sitemap.js

/** @type {import('next-sitemap').IConfig} */

module.exports = {
  siteUrl: process.env.SITE_URL || 'https://example.com',
  generateRobotsTxt: true, // (optional)
  // ...other options
}

添加指令

{
  "build": "next build",
  "postbuild": "next-sitemap"
}

这样构建的时候就会自动生成sitemap。但是可能其中有一些路由不需要生产sitemap，这时候在next-sitemap.js里配置exclude,配置那些页面文件路径,生成的时候就不会存在那些页面地址了。
sitemap适合于任何的搜索引擎,但是如果等待搜索引擎的蜘蛛去爬取,可能需要很长时间,所以我们需要手动提交到那些搜索引擎网站,让他们主动收录。下面列举几个常用的搜索引擎: