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

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

const head = document.getElementsByTagName("head")[0];
if (head) {
  const css = head.lastChild;
  if (css && css.textContent) {
    const cssContent = css.textContent.replace("__waline__css__", "");
    const cssContentPerferredDark =
      "@media (prefers-color-scheme: dark){html:not([data-mode])" +
      cssContent +
      "}";
    const cssContentSelectedDark = "html[data-mode=dark]" + cssContent;
    css.textContent = cssContentPerferredDark;
    const 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(--active-color)"
);

Auto insert LQIP - Low Quality Image Placeholders by lqip-modern generator

Generation lqip base64 by running script:

npm run lqip

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.