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

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

2. Supabase(开源firebase)

官网:https://supabase.com/

3.OpenSumi(开源IDE)

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

Nettu Meet(视频会议系统)

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

1.GitToolBox

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

2.Rainbow Brackets(彩虹括号)

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

3.CodeGlance2(代码缩略图)

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

4.Grep console

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

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适合于任何的搜索引擎,但是如果等待搜索引擎的蜘蛛去爬取,可能需要很长时间,所以我们需要手动提交到那些搜索引擎网站,让他们主动收录。下面列举几个常用的搜索引擎:

增加百度收录

百度收录的网站是https://ziyuan.baidu.com 。点击右上角搜索服务，然后点击普通收录，进入后会出现新增网站的链接，添加相关信息以后，即可以正常操作。

在普通收录下面有三种提交方式，API提交、sitemap、还有手动提交。百度的sitemap和一般网站的sitemap要求不一样，详情可见 https://ziyuan.baidu.com/college/courseinfo?id=267&page=3#h2_article_title0。

Google收录

google的收录配置网站是 https://search.google.com/search-console/about。

选择任意一种方式验证,验证完成进入控制台,点击左侧网址检查,打开页面后选择请求编入索引。

接着点击左侧站点地图,在页面里添加站点地图

此时google就会根据地址一级一级的缓存网站地图。

检验是否收录

在搜索引擎的搜索框里使用site:域名,来确认搜索引擎是否收录。

常用搜索引擎收录平台

1. Bing - https://www.bing.com/webmasters/about?cc=www (支持从google收录平台导入数据)
2. 360站长平台 - https://zhanzhang.so.com/

1. 部署平台

1. Vercel
支持Nextjs、Svelte、Nuxt.js、Gatsby.js、Angular等常见前端框架部署,支持自动配置https,支持部署Serverless接口

2. 数据库

1. MongoDB Atlas

• 类型: MongoDB
• 大小: 512MB
• 支持香港节点等数十个节点

2. CloudAMQP

• 类型: rabbitmq

3. CloudKarafka

• 类型: kafka

4. RedisLabs

• 类型: redis
• 大小: 30MB

5. upstash

• 类型:redis,kafka
• 大小:10k访问次数

3.客服聊天系统

1. Chatra

• 介绍:支持一个客服,在线和离线聊天Widget

项目简介

这是一个基于Fiber框架开发的短链接网站,有PC端和小程序端,以后考虑会有基于原生的手机端。

技术栈

Go+Fiber+ent(Facebook开源的ORM框架)+Taro(开发多端小程序)

1. Fiber框架文档地址 https://docs.gofiber.io/
2. ent官网 https://entgo.io/
3. Taro官网 http://taro-docs.jd.com/taro/docs/README

功能

• 首页
• 用户登录
• 一对一短链接
• 一对多短链接(根据多条件来跳转不同的链接)
• 短链接访问IP,设备,系统,地区统计
• 短链接提供第三方API认证调用
• 二维码生成

目录结构

short-link
├── config # 配置文件
├── controller #控制器
│   └── user.go
├── ent #数据库模型
│   ├── enttest
│   │   └── enttest.go
│   ├── hook
│   │   └── hook.go
│   ├── migrate
│   │   ├── migrate.go
│   │   └── schema.go
│   ├── predicate
│   │   └── predicate.go
│   ├── runtime
│   │   └── runtime.go
│   ├── schema
│   │   └── user.go
│   ├── user
│   │   ├── user.go
│   │   └── where.go
│   ├── client.go
│   ├── config.go
│   ├── context.go
│   ├── ent.go
│   ├── generate.go
│   ├── mutation.go
│   ├── runtime.go
│   ├── tx.go
│   ├── user.go
│   ├── user_create.go
│   ├── user_delete.go
│   ├── user_query.go
│   └── user_update.go
├── repository # 数据库操作
│   └── user.go
├── router # 路由
│   ├── middleware #中间件
│   └── router.go #路由配置
├── service # 服务层
├── util # 工具集
├── bee.json
├── go.mod
├── go.sum
├── main.go
├── README.md

项目地址

https://github.com/lookenghua/short-link