Create beautiful images of your source code.

小弟调调™

Last update: Sep 28, 2022

Related tags

Learning resource code-image

Overview

Code Image

Create beautiful images of your source code.

Using

import React from "react";
import CodeImage from '@wcj/code-image';

export default function App() {
  return (
    <CodeImage />
  );
}

Docker

docker pull wcjiang/code-image
# Or
docker pull ghcr.io/jaywcjlove/code-image:latest

docker run --name code-image --rm -d -p 9612:3000 wcjiang/code-image:latest
# Or
docker run --name code-image -itd -p 9612:3000 wcjiang/code-image:latest
# Or
docker run --name wxmp -itd -p 9612:3000 ghcr.io/jaywcjlove/code-image:latest

Visit the following URL in your browser

http://localhost:9612/

Development

Install

npm install

To develop, run the self-reloading build:

npm run build  # Compile packages      📦 @wcj/code-image
npm run watch  # Real-time compilation 📦 @wcj/code-image

Run Document Website Environment:

npm run start

Contributors

As always, thanks to our amazing contributors!

Made with action-contributors.

License

Licensed under the MIT License.

Create beautiful quotes that capture your attention.

Features Easy text highlights via normal rich text formatting Yellow = Bold, Blue = Italic Export to png, jpeg, svg, or copy png to clipboard Supports

Dec 15, 2022

Create beautiful and simple HTML pages from your Readme.md files

🐠 Oranda Create beautiful and simple HTML pages from your Readme.md files 🛠 No config 👩‍💻 Code Highlighting 💯 Emoji Support ✨ Creates Static file

Oct 13, 2022

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

Warm Up 🔥 👨‍💻 A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snipp

Dec 12, 2022

Snippets4Dummies is an easy to use Visual Code Extension which is used for building beautiful layouts as fast as your crush rejects you!

Why Snippets4Dummies? Snippets4Dummies is an easy to use Visual Code Extension which is used for building beautiful layouts as fast as your crush reje

Oct 11, 2022

Comments

chore(deps): update dependency lerna to v6
This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | lerna (source) | ^5.4.3 -> ^6.0.0 | | | | |

Release Notes

lerna/lerna

v6.0.3

Compare Source

Note: Version bump only for package lerna

v6.0.2

Compare Source

Note: Version bump only for package lerna

v6.0.1

Compare Source

Bug Fixes

run: allow for loading of env files to be skipped (#3375) (5dbd904)

v6.0.0

Compare Source

Note: Version bump only for package lerna

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

[ ] If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.
opened by renovate[bot] 0
Dependency Dashboard
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

[ ] chore(deps): update dependency lerna to v6

Detected dependencies

dockerfile

Dockerfile

github-actions

.github/workflows/ci.yml

actions/checkout v3

actions/setup-node v3

actions/checkout v3

actions/setup-node v3

actions/upload-artifact v3

peaceiris/actions-gh-pages v3

ncipollo/release-action v1

JS-DevTools/npm-publish v1

actions/checkout v3

actions/download-artifact v3

npm

core/package.json

@uiw/codemirror-extensions-langs ^4.12.2

@uiw/codemirror-themes-all ^4.12.1

@uiw/react-codemirror ^4.12.1

dom-to-image-more ^2.6.0

react-keywords ^0.0.5

styled-components ^5.3.5

@babel/runtime ^7.18.9

@types/react ^18.0.17

@types/react-dom ^18.0.6

@types/styled-components ^5.1.26

react ^18.2.0

react-dom ^18.2.0

react >=16.9.0

react-dom >=16.9.0

package.json

@kkt/ncc ^1.0.14

compile-less-cli ^1.8.13

husky ^8.0.1

lerna ^5.4.3

lint-staged ^13.0.3

prettier ^2.7.1

pretty-quick ^3.1.3

tsbb ^3.7.7

website/package.json

@babel/runtime ^7.18.9

@uiw/react-back-to-top ^1.2.1

@uiw/react-github-corners ^1.5.15

@uiw/react-markdown-preview ^4.1.0

@wcj/dark-mode ^1.0.15

react ^18.2.0

react-dom ^18.2.0

styled-components ^5.3.5

@kkt/less-modules ^7.2.0

@kkt/scope-plugin-options ^7.2.0

@types/react ^18.0.17

@types/react-dom ^18.0.6

@types/styled-components ^5.1.25

kkt ^7.2.0

markdown-react-code-preview-loader ^2.1.2

[ ] Check this box to trigger a request for Renovate to run again on this repository
opened by renovate[bot] 0

Releases(v1.0.6)

v1.0.6(Sep 10, 2022)
Documentation v1.0.6: https://raw.githack.com/uiwjs/react-monorepo-template/30f2916/index.html
Comparing Changes: https://github.com/jaywcjlove/code-image/compare/v1.0.5...v1.0.6

📖 doc: Update README.md dd7e52b @jaywcjlove

🎨 style: update window style. c1ae8cf @jaywcjlove

Source code(tar.gz)
Source code(zip)
v1.0.5(Sep 10, 2022)
Documentation v1.0.5: https://raw.githack.com/uiwjs/react-monorepo-template/0275689/index.html
Comparing Changes: https://github.com/jaywcjlove/code-image/compare/v1.0.4...v1.0.5

🌟 feat: setting download image name. 0ed3ee6 @jaywcjlove

🌟 feat: add line hightlight setting. 814571a @jaywcjlove

🎨 style: add box shadow style setting. 47c0915 @jaywcjlove

🌟 feat: Support docker. c6592c2 @jaywcjlove

💄 chore: update workflows config. ec5d1ee @jaywcjlove

🌟 feat: add window style. 9087dbb @jaywcjlove

🌟 feat: add title option. f558d97 @jaywcjlove

💄 chore: update workflows config. 45b4cf2 @jaywcjlove

📖 doc: Update README.md 8044fdc @jaywcjlove

Source code(tar.gz)
Source code(zip)
v1.0.4(Sep 9, 2022)
Documentation v1.0.4: https://raw.githack.com/uiwjs/react-monorepo-template/ed4b64e/index.html
Comparing Changes: https://github.com/jaywcjlove/code-image/compare/v1.0.3...v1.0.4

📖 doc: Update README.md 40a01fd @jaywcjlove

🎨 style: update toolbar style. 3b38cee @jaywcjlove

Source code(tar.gz)
Source code(zip)
v1.0.3(Sep 9, 2022)
Documentation v1.0.3: https://raw.githack.com/uiwjs/react-monorepo-template/fc3af14/index.html
Comparing Changes: https://github.com/jaywcjlove/code-image/compare/v1.0.2...v1.0.3

🎨 style: modify dark/light theme. afeba3e @jaywcjlove

🎨 style: modify toolbar color style. e4c93e0 @jaywcjlove

Source code(tar.gz)
Source code(zip)
v1.0.2(Sep 9, 2022)
Documentation v1.0.2: https://raw.githack.com/uiwjs/react-monorepo-template/af68a3d/index.html
Comparing Changes: https://github.com/jaywcjlove/code-image/compare/v1.0.1...v1.0.2

🌟 feat: add setting panel. 5cd23f3 @jaywcjlove

🎨 style: update toolbar button background style. 0e45d5e @jaywcjlove

📖 doc: Update core/README.md 3fcbce8 @jaywcjlove

🎨 style: modify warpper style. c397e40 @jaywcjlove

💄 chore: update workflows config. 403e79c @jaywcjlove

Source code(tar.gz)
Source code(zip)
v1.0.1(Sep 8, 2022)
Documentation v1.0.1: https://raw.githack.com/uiwjs/react-monorepo-template/8983e04/index.html
Comparing Changes: https://github.com/jaywcjlove/code-image/compare/v0.0.1...v1.0.1

🌟 feat: init project. 7959f2f @jaywcjlove

🐞 fix: fix editor line warpping. 1367deb @jaywcjlove

💄 chore: update workflows config. 108fc4f @jaywcjlove

Source code(tar.gz)
Source code(zip)
v0.0.1(Sep 8, 2022)

Source code(tar.gz)
Source code(zip)