A clean and elegant Jsume theme featuring a minimal black-and-white color scheme.
- Powered by Jsume — build your resume using simple JSON
- GitHub Gist integration — use Gist as a free and convenient data store
- Server-side rendering (SSR) — faster load times and better SEO
- Responsive design — looks great on both desktop and mobile
- Fullscreen mode — focus on what matters most
- Zoom controls — adjust text size to your preference
- Drawing mode — annotate during presentations or interviews
- Keyboard shortcuts
- Multi-language support, including:
- English
- 简体中文
- 繁體中文 (HK)
- 繁體中文 (TW)
- 日本語
- Español
- Français
- Deutsch
- Русский
- 한국어
For a regular static website, you need to redeploy it every time you make changes to the content. However, this solution only requires updating the Jsume JSON file on Gist directly — the webpage will automatically updates with the latest data.
- M : toggle menu
- ESC : close menu
- F : toggle fullscreen mode
- ESC : exit fullscreen mode
- I : zoom in
- O : zoom out
- U : reset zoom
- P : toggle drawing mode
- ESC : exit drawing mode
- C : clear drawings
- L : line
- A : arrow tool
- D : draw
- S : stylus
- R : rectangle
- E : ellipse
- X : erase
- - : decrease brush size
- = : increase brush size
- ⌘Z / ^Z : undo
- ⌘⇧Z / ^⇧Z : redo
- 1 , ... , 7 : color presets
Create a GitHub Gist to store your Jsume JSON files.
Supported file names:
en-US.jsume.jsonzh-CN.jsume.jsonzh-HK.jsume.jsonzh-TW.jsume.jsonja-JP.jsume.jsones-ES.jsume.jsonfr-FR.jsume.jsonde-DE.jsume.jsonru-RU.jsume.jsonko-KR.jsume.json
Each file name corresponds to a locale. You can include multiple files to support multiple languages. Check out the example Gist here.
The content of each file should be a valid Jsume JSON structure which you can find in the documentation of @jsume/schemas. You can easily generate and validate a Jsume JSON file using the @jsume/cli.
You can use this repository as a template — making it easy to sync updates from the source repo in the future.
Click the "Use this template" button at the top of this page to create a new repository based on this one.
Note
Check out GitHub's documentation on "Creating a repository from a template"
Then, follow the deployment instructions for your chosen platform:
There are several environment variables you need to set for the application to work correctly.
| Key | Description | Example |
|---|---|---|
NUXT_PUBLIC_DEFAULT_LOCALE |
Default display language | en-US |
NUXT_PUBLIC_GIST_ID |
ID of your Gist storing Jsume JSON files | 787bff4db91d283c50ee9c691698561b |
NUXT_PUBLIC_GITHUB_ACCESS_TOKEN |
Github Personal Access Token (optional, for private Gists or higher rate limits) | |
SERVER_PRESET |
Build target for Nuxt | netlify_edge, vercel_edge, ... |
Important
SERVER_PRESET sets the building preset for Nuxt. For example, if you are deploying to Netlify, set it to netlify_edge. It's equivalent to running nuxt build --preset=netlify_edge command.
You can use with or without GitHub access token. However, to access private gists, you need to provide a GitHub access token. It is recommended to provide it, because authenticated requests have a higher rate limit.
Note
Check out GitHub's documentation on "Creating a fine-grained personal access token"
MIT License © 2025–Present Moozon Wei