Vercel项目推荐_木木の博客

文章目录

今日热榜

搭建方法

1.fork项目

2.修改.env文件

# 全局 API 地址
VITE_GLOBAL_API="https://api-hot.efefee.cn"
# ICP 备案号
VITE_ICP = "陕ICP备2024028531号-1"
# 全局目录
VITE_DIR = "/"

其中api请去上面GitHub获取

3.登入vercel一键导入项目部署

站点监控

github地址：StatusLive 是一个基于 Uptimerobot 的状态页

搭建方法

1.fork项目

2.修改.env文件

VUE_APP_use_env = 1 # 此参数为 1 时启用环境变量代替conf.json，无法读取此参数时使用conf.json

VUE_APP_config_title = 清羽飞扬-状态监控 # 页面标题
VUE_APP_config_title_english = StatusLive #页面副标题

VUE_APP_config_mode = 2 # 模式选项，1为公开模式，2为隐私模式
VUE_APP_config_readonly_apikey = USE_SERVER_APIKEY # 公开模式用，填写从UptimeRobot后台获得的ReadOnly-ApiKey
VUE_APP_config_proxy_link = https://statuslive.freejishu.com/core/?publickey=7613db31-2504-0fde-5907-5e76aedc916e # 隐私模式用，反代访问路径
VUE_APP_config_history_time = 60 # 获取过去 X 天的可用率，单位为天
VUE_APP_config_logs_history_days = 30 # 获取过去 X 天的状态日志，单位为天

VUE_APP_config_success_min = 98 # 合格(success)等级标准，低于此数字为警告(warning)等级
VUE_APP_config_warning_min = 90 # 警告(warning)等级标准，低于此数字为危险(danger)等级
VUE_APP_config_auto_refresh_seconds = 60

VUE_APP_logs_each_page = 10

其中VUE_APP_config_proxy_link参数需要在对应地址申请反代接口，请参考以下官方文档进行申请

StatusLive公共反代使用说明 · freejishu/StatusLive · Discussion #15

3.登入vercel一键导入项目部署

在线计算器

github地址：nocpiun/calcium: A web-based calculator app

功能：

*基础计算
*求和（Sigma）、积分（Integral）与乘积（Product）计算
*变量创建与存储
*函数图像绘制
*数制转换
*单位转换
*家庭关系计算
*货币兑换
*历史记录功能

搭建方法

fork项目，登入vercel一键导入部署即可

思维导图

github地址：wanglin2/mind-map: 一个还算强大的Web思维导图

特点：

*轻量级：作为一个 JavaScript 思维导图库，它不依赖任何框架，便于快速集成。

*Web 思维导图应用：基于该库、Vue2.x 和 ElementUI 开发的 Web 应用，支持本地文件操作。

*跨平台客户端：提供 Windows、Mac 和 Linux 客户端下载，方便不同操作系统的用户使用。

*插件化架构：除了核心功能外，其他功能以插件形式提供，可以根据需要引入，以减小打包体积。

*多种图表结构：支持逻辑结构图、思维导图、组织结构图等多种图表结构。

*自定义主题：内置多种主题，允许高度自定义样式，并支持注册新主题。

*丰富的节点内容：支持文本、图片、图标、超链接等多种形式的节点内容。

*交互性：支持节点拖拽、多种选择方式、画布拖动和缩放。

*导出与导入：支持多种文件格式的导出和导入，如 JSON、PNG、SVG、PDF 等。

*高级功能：提供快捷键、搜索替换、协同编辑、演示模式等功能。

*官方插件支持：官方提供了多种插件，如富文本编辑、多选、导出、协同编辑等，可以根据需求引入。

搭建方法

fork项目，登入vercel一键导入部署即可

IT工具箱

github地址：CorentinTh/it-tools: Collection of handy online tools for developers, with great UX.

功能：

*Token生成器：用于生成自定义的随机字符串，适用于需要临时或唯一标识符的场景。
*哈希文本：支持多种哈希函数，对文本进行加密处理，常用于数据安全性校验。
*UUID生成器：生成通用唯一识别码（UUID），确保数据的唯一性。
*Base64编解码器：用于Base64编码和解码，支持在不支持二进制的系统中表示二进制数据。
*颜色转换器：支持不同颜色格式间的转换，对设计师和前端开发者非常实用。
*YAML转JSON：将YAML格式的数据转换为JSON格式，方便不同编程语言和数据交换的需求。
*JSON转YAML：与YAML转JSON相反，支持将JSON格式转换为YAML格式。
*URL编码/解码：对URL进行编码和解码，确保URL的规范性和可读性。
*HTML实体转义：转义HTML特殊字符，防止HTML注入攻击，确保网页内容的正确显示。
*JSON美化和格式化：将JSON字符串进行美化和格式化，使其更易于阅读和调试。