silent

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

• analytics: google, baidu, etc
• comment system: disqus +cusdis +giscus, etc
• backend permission api

Funny & Fancy & Performance

• prefer history.pushState api
• progress bar on top
• auto favicon (extracted from title)
• favicon dark mode
• page-level dark mode

Security & Stability

• responsive design
• prefer es5 and guarded with eslint
• fallback on browser compatibility break
• IE 6+ support (needs polyfill, etc)

Usage

# create it
npm create silent <dest>
# or
npm i -g silent
silent create <dest>

# e.g.
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 [e-mail]: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
• no IE https://caniuse.com/?search=builtin%20object%20assign
• IE10+ https://caniuse.com/?search=console
• IE10+ https://caniuse.com/?search=pushstate
• IE9+ https://caniuse.com/?search=object.keys
• IE9+ https://caniuse.com/?search=arr%20foreach
• IE9+ https://caniuse.com/?search=querySelector
• IE9+ https://caniuse.com/?search=css3%20selectors
• IE8+ https://caniuse.com/?search=scrollintoview

mermaid:

• no IE https://caniuse.com/?search=arrow%20function

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:

• no IE https://caniuse.com/?search=ResizeObserver
• IE8+ https://caniuse.com/?search=postmessage
• IE8+ https://caniuse.com/?search=localstorage

Silent Fans

Thank you!

• ZhanZengyu's Blog
• Meizhuo's Blog
• Amen's Blog
• Jayin's Blog
• Derek's Blog
• Huang's Blog
• Jason's Blog
• Jayden's Blog
• Fritx' Blog

More..

Rather than a framework or library, silent is more like a spirit - a culture. (says Huang)

• Silent One Year Old
• Silent T-Shirt