开源的 Gitee+ 微信小程序，提供仓库浏览、检索等功能
haoteby 2025-09-05 23:41 4 浏览
总在用我们国产的码云 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啊！！
相关推荐
- 引爆朋友圈!我用npx一行命令“偷”光了微信热门文章
-
嘿，各位朋友们，大家好！怎么优雅地获取微信公众号的热门文章？你可能会说，这不就是爬虫吗？用Pythonrequests+BeautifulSoup，或者Node.jsaxios+che...
- Islands Architecture(孤岛架构)在携程新版首页的实践
-
一、项目背景2022，携程PC版首页终于迎来了首次改版，完成了用户体验与技术栈的全面升级。作为与用户连接的重要入口，旧版PC首页已经陪伴携程走过了22年，承担着重要使命的同时，也遇到了很多问题：...
- 开源的 Gitee+ 微信小程序，提供仓库浏览、检索等功能
-
总在用我们国产的码云Gitee代码托管平台，但该平台还没有一个我用着顺手的小程序，于是Gitee+就诞生了。界面截图：仓库地址请在Gitee上搜索“Gitee+”。准备工作在开发Gite...
- 首例iPhone 15 Pro电池鼓包事件出现 原因可能是过热
-
iPhone15Pro和iPhone15ProMax的过热问题早已传得沸沸扬扬，一些用户抱怨这两款旗舰机手感过热。不过，他们都没有遇到电池鼓包的问题，直到今天，一位Redditor...
- 一看就会一搭就废?分享7个亲测有效的穿搭“套路”
-
晚上好啊~最近写了不少穿搭稿，每次看评论经常能看到这样的留言：眼睛：我已经学会了～手：我有自己的想法。还有同学留言：一看就会，一搭就废。不奇怪！知易行难嘛。明明学了很多穿搭技巧，等到自己要穿的时候就忘...
- 十个网络安全小技巧 防止个人信息泄漏
-
随着社会的进步和发展，个人信息泄露事件层出不穷。当个人信息泄漏后，轻则会收到漫天飞舞的短信，重则可能造成经济损失。因此为了不影响正常的生活，需要时时刻刻警惕自己的信息不被泄露。那么如何才能有效地防止个...
- 2018国家网络安全宣传周系列动漫③丨如何防止电脑被偷窥?这几招教你逮住黑客
-
来源:光明网2018国家网络安全宣传周系列动漫③——个人电脑安全篇电脑已经成为人们日常重要的工具之一，但电脑安全防护意识却在大众心目中并不完善，再之，信息安全系统的不完善，很容易成为黑客的攻击目标。无...
- 「网络安全宣传周」送您一份安全上网指南
-
网络安全学习9月17日-24日是国家网络安全宣传周，今年的主题是“网络安全为人民，网络安全靠人民”。我们作为一名合格的好网民，要具备一定的网络安全知识和网络安全防护技能，更要注意提高网络安全意识，防范...
- 职场达人都在偷偷用的Excel神技:WEEKDAY函数让日期秒变星期几
-
你是不是经常需要查看某个日期对应星期几？还在手动翻日历？作为Excel函数专家，今天我要教你一个超实用的技巧——用WEEKDAY函数一键判断日期是周几！这个函数看似简单，但灵活运用能解决工作中的各...
- 制作 Excel 日历的两种思路:手动创建和 使用公式动态生成
-
制作Excel日历主要有两种思路：手动创建（简单灵活）和使用公式动态生成（自动更新）。下面我将分别介绍两种方法，并提供详细步骤：...
- Web OS 时代就在眼下，只是你还没注意到 App as a Browser 这个事实
-
这篇文章由36Kr新来的99（1999）后作者Link编译得来。文章作者LukeWroblewski是现任Google产品主管，他此前参与创立的Bagcheck和Polar...
- 如何在Form表单中添加WebBrowser控件，vba编程学习
-
vba编程中，如果需要显示某个网页的内容可以使用WebBrowser控件来实现。方法也比较容易，下面介绍一下如何在Form中添加WebBrowser控件。１、打开WindowsExcel，同时按A...
- DevExpress Demo示例展示:媲美Excel的电子表格控件
-
今天介绍一个很强大的电子表格（Spreadsheet）控件：DevExpressSpreadsheetforASP.NETMVC。它是一个仿ExcelUI的电子表格控件，可完全无障碍读写...
- Word,Excel,PPTOffice文件Web浏览器预览
-
前两天接到一个需求:需要在线预览用户上传的Word,Excel,PPT文档前端同事一听到这个需求,心里就开始骂了,什么鬼需求啊,浏览器怎么打开Word,Excel吗?这个要开发一个浏览器插件,这...
- web报表工具有什么好推荐_webi报表
-
接触数据分析，到深入参与企业数字化转型和数据行业建议，已将近8年多，对数据分析、报表工具还是有些个人经验。我从个人的经验角度，和大家说说我用过哪些web报表工具。首先是开源的web报表：BIRTPr...