Skip to content

lotusk08/lotusk08.github.io

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Steve Hoang

    My personal blog's source code

Using Jekyll with Chirpy theme, host in Github with submodule, deployed on Cloudflare.

Deploy & public by CloudFlare

Fix error while building like this Could not find html-proofer-5.0.9, async-2.21.1, nokogiri-1.18.1-x86_64-linux-gnu, pdf-reader-2.13.0, ... in locally installed gems (Bundler::GemNotFound). Failed: Error while executing user command. Exited with error code: 1 in Cloudflare with config the variables for your Preview/Production environment

Variable name Value
BUNDLE_WITHOUT test

Comment system by Waline

stevehoang.com

Deploy & running on Vercel with MongoDB Sync dark/light theme color config in waline.html

let head = document.getElementsByTagName("head")[0];
let css = head.lastChild;
let cssContent = css.textContent.replace("__waline__css__", "");
let cssContentPerferredDark = "@media (prefers-color-scheme: dark){html:not([data-mode])" + cssContent + "}";
let cssContentSelectedDark = "html[data-mode=dark]" + cssContent;
css.textContent = cssContentPerferredDark;
let style = document.createElement('style');
style.textContent = cssContentSelectedDark;
head.appendChild(style);

document.documentElement.style.setProperty('--waline-theme-color', 'var(--link-color)');
document.documentElement.style.setProperty('--waline-active-color', 'var(--sidebar-active-color)');

Low Quality Image Placeholders by lqip-modern generator

Generation lqip base64 by running script:

node tools/lqip/index.js

Customizations

  • Font replace: 'Lato => System Fonts Stack'
  • Personal styling:
    • feat: name effective (sidebar).
    • feat: back-to-top progress bar & scroll percentage text.
    • feat: adjust style code blocks.
    • feat: restyle prompt-alerts/note blocks.
    • feat: adjust breadcumb (desktop) & topbar (mobile) content.
    • feat: TOC auto hidden/show with scrolling/hover
    • feat: URLs without trailing slashes
    • style: moving social icon from sidebar to footer
    • style: merge tag to archive page. Moving about page to footer. Hide tab, about, category.
    • style: restyle sidebar: remove background, restyle nav.link hover effect.
    • fix: theme color switching.

About

Sources code of my blog

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Languages

  • HTML 40.6%
  • SCSS 35.1%
  • JavaScript 18.7%
  • Shell 4.5%
  • Ruby 1.1%