开源的 Gitee+ 微信小程序，提供仓库浏览、检索等功能
bigegpt 2025-01-12 11:35 6 浏览
总在用我们国产的码云 Gitee 代码托管平台，但该平台还没有一个我用着顺手的小程序，于是 Gitee+ 就诞生了。界面截图：
仓库地址请在 Gitee 上搜索“Gitee+”。
准备工作
在开发 Gitee+ 之前，有两个问题需要确定：
- 码云 api
- markdown 语法解析
第一个问题，码云OpenAPI 其实很完善，但是我想在展示推荐项目和热门项目还有热门搜索词条，并没有这个API，怎么办？自己动手丰衣足食。最开始是托朋友用php爬虫实现，后来想着小程序有云开发啊干嘛要准备多余的服务端呢？两个云函数搭配 cheerio 即可轻松实现我的需求！ 第二个问题，markdown 语法解析基本是这个小程序最重要的地方了。2019年有这个想法的时候就关注了几个相关开源仓库终于派上用场。
- html2wxml
- wxParse
- towxml
- wemark
每个我都做了试用，towxml 基本是目前开源里最完美的渲染markdown库了。在这再次感谢作者开源！
问题都得以解决，可以着手开发了！
技术选型
微信小程序是我看官方文档学习的，所以我对原生语法非常之熟悉，最终还是决定用原生写，有机会再尝试下别的框架... 数据来源就是 码云OpenAPI 和小程序的云开发； UI 上面使用了有赞 Vant Weapp 的若干组件。
开发之前
我并不懂设计，也不会用PS，logo是在 logoko 在线制作的，界面设计是我翻烂了站酷、花瓣然后硬生生自己想出来的，费了我不少功夫。 仓库主页的设计参考了一下Gitter。
Gitee+ 的主要功能就是 按语言筛选推荐项目、用户/项目搜索、用户个人主页，再往细了说就是 仓库列表、仓库内容、用户登录、用户主页、用户列表。 确定了功能后就能选出自己需要的 api 和小程序的页面，然后就是写页面接数据了。
开发中的问题
主要就是文件和图片解析
其中的难点就是markdown语法解析和项目文件的解析。前者已经在准备工作中得到解决，md文件不用说了直接用 towxml 渲染就可以了。但是像 .js，.json，css等文件不能直接用 towxml 渲染，刚开始我直接把内容输出到页面上，但没有格式很难看，灵机一动想到一个好主意！！获取到文件后缀基本就算获取到文件语言了，直接在文件内容前后拼接上代码块在放到 towxml 渲染！对于 wxml 和 wxss 直接将它们认为 html 和 css，就算后缀不是正确的文件语言，经测试也能很好的带格式渲染出来，开心！！
content = '```' + this.data.type + '\n' + content + '\n```'
例如：
sql
然后代码渲染的问题解决了，还有图片的问题来了。刚开始我直接把图片视为普通文件把base64解密后直接输出，显示的就是一堆乱码。后来想了想应该直接放在 image 标签里，可以直接显示base64图像的啊！为什么之前没想到
content = 'data:image/png;base64,' + res.content
<image src="{{ content }}" mode="widthFix"></image>
待解决问题
普通图片的问题已经解决了，svg 还没有解决，另外可能还有什么字体文件之类，但这些没 svg 紧急，svg 有方案的大佬快来告诉我，我试了几种方案没有成功，最近略忙也搁置了，解决后会来更新！
最后
欢迎各位大佬前来指点一番！！！ 手里有star的铁子们给个star啊！！
相关推荐
- 10w qps缓存数据库——Redis（redis缓存调优）
-
一、Redis数据库介绍：Redis：非关系型缓存数据库nosql：非关系型数据库没有表，没有表与表之间的关系，更不存在外键存储数据的形式为key：values的形式c语言写的服务（监听端口），用来存...
- Redis系列专题4--Redis配置参数详解
-
本文基于windowsX64，3.2.100版本讲解，不同版本默认配置参数不同在Redis中，Redis的根目录中有一个配置文件（redis.conf，windows下为redis.windows....
- 开源一夏 | 23 张图，4500 字从入门到精通解释 Redis
-
redis是目前出场率最高的NoSQL数据库，同时也是一个开源的数据结构存储系统，在缓存、数据库、消息处理等场景使用的非常多，本文瑞哥就带着大家用一篇文章入门这个强大的开源数据库——Redis。...
- redis的简单与集群搭建（redis建立集群）
-
Redis是什么？是开源免费用c语言编写的单线程高性能的（key-value形式）内存数据库，基于内存运行并支持持久化的nosql数据库作用主要用来做缓存，单不仅仅是做缓存，比如：redis的计数器生...
- 推荐几个好用Redis图形化客户端工具
-
RedisPlushttps://gitee.com/MaxBill/RedisPlusRedisPlus是为Redis可视化管理开发的一款开源免费的桌面客户端软件，支持Windows、Linux...
- 关于Redis在windows上运行及fork函数问题
-
Redis在将数据库进行持久化操作时，需要fork一个进程，但是windows并不支持fork，导致在持久化操作期间，Redis必须阻塞所有的客户端直至持久化操作完成。微软的一些工程师花费时间在解决在...
- 你必须懂的Redis十大应用场景（redis常见应用场景）
-
Redis作为一款高性能的键值存储数据库，在互联网业务中有着广泛的应用。今天，我们就来详细盘点一下Redis的十大常用业务场景，并附上Golang的示例代码和简图，帮助大家更好地理解和应用Redis。...
- 极简Redis配置（redis的配置）
-
一、概述Redis的配置文件位于Redis安装目录下，文件名为redis.conf(Windows名为redis.windows.conf，linux下的是redis.conf)你可以通过C...
- 什么是redis，怎么启动及如何压测
-
从今天起咱们一起来学习一下关于“redis监控与调优”的内容。一、Redis介绍Redis是一种高级key-value数据库。它跟memcached类似，不过数据可以持久化，而且支持的数据类型很丰富。...
- 一款全新Redis UI可视化管理工具，支持WebUI和桌面——P3X Redis UI
-
介绍P3XRedisUI这是一个非常实用的RedisGUI，提供响应式WebUI访问或作为桌面应用程序使用，桌面端是跨平台的，而且完美支持中文界面。Githubhttps://github....
- windows系统的服务器快速部署java项目环境地址
-
1、mysql:https://dev.mysql.com/downloads/mysql/（msi安装包）2、redis:https://github.com/tporadowski/redis/r...
- window11 下 redis 下载与安装（windows安装redis客户端）
-
#热爱编程是一种怎样的体验#window11下redis下载与安装1）各个版本redis下载(windows)https://github.com/MicrosoftArchive/r...
- 一款轻量级的Redis客户端工具，贼好用!
-
使用命令行来操作Redis是一件非常麻烦的事情，我们一般会选用客户端工具来操作Redis。今天给大家分享一款好用的Redis客户端工具TinyRDM，它的界面清新又优雅，希望对大家有所帮助！简介Ti...
- 一个.NET开发且功能强大的Windows远程控制系统
-
我们致力于探索、分享和推荐最新的实用技术栈、开源项目、框架和实用工具。每天都有新鲜的开源资讯等待你的发现！项目介绍SiMayRemoteMonitorOS是一个基于Windows的远程控制系统，完...
- Redis客户端工具详解(4款主流工具)
-
大家好，我是mikechen。Redis是大型架构的基石，也是大厂最爱考察内容，今天就给大家重点详解4款Redis工具@mikechen本篇已收于mikechen原创超30万字《阿里架构师进阶专题合集...
- 一周热门
- 最近发表
- 标签列表
-
- mybatiscollection (79)
- mqtt服务器 (88)
- keyerror (78)
- c#map (65)
- resize函数 (64)
- xftp6 (83)
- bt搜索 (75)
- c#var (76)
- mybatis大于等于 (64)
- xcode-select (66)
- mysql授权 (74)
- 下载测试 (70)
- skip-name-resolve (63)
- linuxlink (65)
- pythonwget (67)
- logstashinput (65)
- hadoop端口 (65)
- vue阻止冒泡 (67)
- oracle时间戳转换日期 (64)
- jquery跨域 (68)
- php写入文件 (73)
- kafkatools (66)
- mysql导出数据库 (66)
- jquery鼠标移入移出 (71)
- 取小数点后两位的函数 (73)