0.0.2 • Published 2 years ago
create-silent v0.0.2
silent 2.0
Be a silent, static blog
for silent 1.0, check this out
Features
Old-school & Clean
- no MVVM frameworks (no vue, react, etc)
- no CCS frameworks
- no jquery
Static & Portable
- no node_modules (no dependencies, etc)
- no build systems (no gulp, webpack, etc)
- no extra build commands (no npm-run-build or -generate)
- no CI/CD required (github-actions can be optional)
- source code is all it needs to run
- npm-create tooling
Writing, Focus and Visualization
- markdown
- mermaid diagrams
Extendable & Integration
Funny & Fancy
- auto favicon (extracted from title)
- favicon dark mode
- page-level dark mode
Security & Stability
- responsive design
- IE 6+ support (needs polyfill, etc)
Usage
# create it
npm create silent <dest>
# or
npm i -g silent
silent create <dest>
# eg.
npm create silent ~/t/my-blog
# >>>
# copying /Users/fritx/.nvm/versions/node/v16.14.0/lib/node_modules/silent/blog
# => /Users/fritx/t/my-blog
# silent-create completed
# serve it
cd ~/t/my-blog
npx serve . -p 3000
# >>>
# Serving! http://localhost:3000
# deploy to your github pages?
cd ~/t/my-blog
git init
git remote add origin git@github.com:fritx/silent.git
npx gh-pages -d .
# >>>
# Published. https://fritx.github.io/silent/
Browser Compatibility
Status: no IE
- no IE https://caniuse.com/?search=arr%20includes
- no IE https://caniuse.com/?search=str%20includes
- IE10+ https://caniuse.com/?search=console
- IE9+ https://caniuse.com/?search=querySelector
- IE9+ https://caniuse.com/?search=css3%20selectors
auto title favicon:
- no IE https://caniuse.com/?search=prefers-color-scheme
- IE10+ https://caniuse.com/?search=matchMedia
- IE9+ https://caniuse.com/?search=canvas
if using giscus:
Silent Fans
Thank you!
More..
Rather than a framework or library, silent is more like a spirit - a culture. (says Huang)