terminal-portfolio-template

(★ 10)

A lightweight, terminal-style personal homepage template. Build your interactive developer portfolio easily with pure HTML/CSS/JS and a built-in config generator.

File Explorer

ZIP Download

- - bug_report.md
  - feature_request.md
  - performance_improvement.md
  - question.md
- - ci.yml
  - deploy-pages.yml
- style_bluescreen.css
- style_chocolate.css
- style_lila.css
- style_midnight.css
- style_og.css
- style_olive.css
- style_orange.css
- style_rainbow.css
- generator.test.js
- index.html
- main.js
- style.css
- ascii_banner.js
- caret.js
- commands.js
- github.js
- main.js
- utils.cjs
- utils.js
- utils.test.js
.gitignore
.nojekyll
eslint.config.js
index.html
package-lock.json
package.json
README.de.md
README.ko.md
README.md
README.tr.md
README.zh-CN.md
vitest.config.js

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

Command Glossary

Commands referenced in this DOCs, explained below.

🔍

`banner`

View Details ▼

Print the argument as a large ASCII art.

banner "{{Hello World}}"

Print the text message as a large banner (quotes are optional):

banner {{[-w|--width]}} 50 "{{Hello World}}"

Use a banner width of 50 characters:

banner

Read text from `stdin`:

🔍

`edit`

View Details ▼

A terminal-based text editor from Microsoft.

edit {{path/to/file}}

Open a file:

tldr run-mailcap

View documentation for the original command:

<Ctrl f>{{pattern}}<Enter>

Search for a pattern:

🔍

`emacs`

View Details ▼

The extensible, customizable, self-documenting, real-time display editor.
See also: `emacsclient`.

emacs {{path/to/file}}

Start Emacs and open a file:

emacs +{{line_number}} {{path/to/file}}

Open a file at a specified line number:

emacs --script {{path/to/file.el}}

Run an Emacs Lisp file as a script:

🔍

`npm audit`

View Details ▼

Scan project dependencies for known security vulnerabilities.

npm audit

Scan the project's dependencies for known vulnerabilities:

npm audit fix

Automatically fix vulnerabilities in the project's dependencies:

npm audit fix {{[-f|--force]}}

Force an automatic fix to dependencies with vulnerabilities:

🔍

`npm install`

View Details ▼

Install Node packages.

npm {{[i|install]}}

Install dependencies listed in `package.json`:

npm {{[i|install]}} {{package_name}}@{{version}}

Download a specific version of a package and add it to the list of dependencies in `package.json`:

npm {{[i|install]}} {{package_name}} {{[-D|--save-dev]}}

Download the latest version of a package and add it to the list of dev dependencies in `package.json`:

🔍

`npm run`

View Details ▼

Run a script.

npm run

List available scripts:

npm run {{script_name}}

Run a script:

npm run {{script_name}} -- {{argument}} {{--option}}

Pass arguments to a script:

🔍

`npm test`

View Details ▼

This command is an alias of `npm run test`.

tldr npm run

View documentation for the original command:

🔍

`npm`

View Details ▼

JavaScript and Node.js package manager.
Manage Node.js projects and their module dependencies.
Some subcommands such as `install`, `run`, etc. have their own usage documentation.

npm init {{[-y|--yes]}}

Create a `package.json` file with default values (omit `--yes` to do it interactively):

npm {{[i|install]}}

Download all the packages listed as dependencies in `package.json`:

npm {{[i|install]}} {{package_name}}@{{version}}

Download a specific version of a package and add it to the list of dependencies in `package.json`:

🔍

`nvim`

View Details ▼

Neovim, a programmer's text editor based on Vim, provides several modes for different kinds of text manipulation.
Pressing `<i>` in normal mode enters insert mode. `<Esc>` or `<Ctrl c>` goes back to normal mode, which doesn't allow regular text insertion.
See also: `vim`, `vimtutor`, `vimdiff`.

nvim {{path/to/file}}

Open a file:

<Esc><i>

Enter text editing mode (insert mode):

<Esc>{{<y><y>|<d><d>}}

Copy ("yank") or cut ("delete") the current line (paste it with `<p>`):

🔍

`python`

View Details ▼

Python language interpreter.

python

Start a REPL (interactive shell):

python {{path/to/file.py}}

Execute a specific Python file:

python -i {{path/to/file.py}}

Execute a specific Python file and start a REPL:

🔍

`vim`

View Details ▼

Vim (Vi IMproved), a command-line text editor, provides several modes for different kinds of text manipulation.
Pressing `<i>` in normal mode enters insert mode. Pressing `<Esc>` goes back to normal mode, which enables the use of Vim commands.
See also: `vimdiff`, `vimtutor`, `nvim`, `gvim`.

vim {{path/to/file}}

Open a file:

vim +{{line_number}} {{path/to/file}}

Open a file at a specified line number:

<:>help<Enter>

View Vim's help manual:

🔍

`links`

View Details ▼

Command-line text-only web browser.
See also: `links2`.

links {{https://example.com}}

Visit a website:

links -anonymous {{https://example.com}}

Apply restrictions for anonymous account:

links -enable-cookies {{0|1}} {{https://example.com}}

Enable Cookies (`1` to enable):

# Project Badges

HTML5
CSS3
JavaScript
GitHub Pages Visit
License: MIT Visit