riccardoperra/codeimage：一个美化代码屏幕截图的工具

项目介绍

riccardoperra/codeimage 是一个托管在 GitHub 上的开源项目，主要使用 TypeScript 编写，采用 MIT License 许可证，目前获得 2.1k 个 Star、137 次 Fork。

仓库全名: riccardoperra/codeimage

README 摘要

Create elegant code screenshots of your source code. Introduction CodeImage is the newest tool to help developers to create beautiful screenshots of their code, providing several features to speed up the process to post in social media. Supported by 🤖 Tech stack CodeImage architecture consist of a PNPM monorepo, currently subdivided in packages and apps. Apps @codeimage/app The front-end application, entirely built…

完整内容见 GitHub 原始 README 或本页。

常见问题

codeimage 用什么语言开发？

主要使用 TypeScript 编写，采用 MIT License 许可证，目前有 2.1k 个 Star。

codeimage 可以免费商用吗？

如何获取 codeimage 的源码？

可以直接克隆仓库：git clone https://github.com/riccardoperra/codeimage.git，默认分支为 main；安装与运行步骤见仓库 README。

codeimage 最近还在维护吗？

仓库最近一次更新为 3月28日，当前有 2 个未关闭 Issue；Star 数为 2.1k，可作为社区活跃度的参考。

关于

GitHub 原始描述（英文）

A tool to beautify your code screenshots. Built with SolidJS and Fastify.

beautiful code codesnippets editor fastify screenshot sharing snippets solid solid-js tweet typescript

MIT License
2.1k Stars
137 Forks
5 Watching

描述取自 GitHub 官方 API，保持仓库作者书写的原文。

简要分析

热度分

2370

价值分

1296

活跃状态

活跃

GitHub

语言占比

CSS

HTML

JavaScript

MDX

SCSS

Shell

TypeScript

Release

v1.9.12025年9月19日
v1.9.02025年2月7日
v1.8.52025年1月6日
v1.8.42024年12月23日
v1.8.32024年12月21日

贡献者

Create elegant code screenshots of your source code.

Latest release Version Build workflow badge License

Introduction

CodeImage is the newest tool to help developers to create beautiful screenshots of their code, providing several features to speed up the process to post in social media.

Supported by

CodeImage showcase

🤖 Tech stack

CodeImage architecture consist of a PNPM monorepo, currently subdivided in packages and apps.

Apps

@codeimage/app

The front-end application, entirely built with SolidJS.

It currently also relies on these libraries:

vanilla-extract: Zero-runtime Stylesheets-in-TypeScript.
CodeMirror6: Extensible code editor
StateBuilder: Composable state management
@codeui/kit: Accessible UI Kit based on Kobalte
solid-primitives: SolidJS primitives library

@codeimage/api

The REST API layer built with Fastify, Prisma ORM and Auth0.

Packages

@codeimage/ui: contains the source code of the UI kit of CodeImage front-end application.

Note the UI kit is being moved to @codeui/kit repository
@codeimage/config: contains the base configurations and interfaces for CodeImage
@codeimage/highlight: contains the custom editor and highlighting themes for CodeMirror
@codeimage/dom-export: contains the html-to-image fork which includes several fix for image export
@codeimage/locale: contains a wrapper of @solid-primitives/i18n which includes strict typing for i18n
@codeimage/vanilla-extract: contain the Vanilla Extract plugin fork which includes SolidJS and PNPM fixes to work under monorepo.
@codeimage/prisma-models: contains the Prisma ORM backend models shared across front-end and back-end application.
@codeimage/atomic-state: contain the source code of a small state manager which includes some utilities helper for RxJS and solid-js/store

🌏 Contributions

Warning Read this before opening any PR!

When contributing, it’s better to first discuss the change you wish to make via issue or discussion, or any other method with the owners of this repository before making a change.

See the CONTRIBUTING.md guide for more details.

CodeImage is the winner of SolidHack 2022 for the Best Application category!

License

暂无评论

codeimage