Skip to content

ditatompel/insights

Folders and files

NameName
Last commit message
Last commit date

Latest commit

1922ad0 · Mar 23, 2025
Mar 17, 2025
Jun 5, 2024
Jun 16, 2023
Oct 25, 2024
Mar 23, 2025
May 25, 2023
May 26, 2023
Jul 3, 2024
Jun 5, 2024
May 25, 2023
Jul 16, 2024
Jul 16, 2024
Feb 23, 2024
Sep 6, 2024
Mar 20, 2025
Mar 20, 2025
Mar 16, 2025
Apr 2, 2024
May 25, 2023
May 25, 2023

Repository files navigation

insights.ditatompel.com Site

This is replacement for rtd.ditatompel.com (previously using Ghost) and based from starter theme template of HB Framework. live demo: https://theme.hbstack.dev/.

Requirements

  • Go
  • Hugo 124.1
  • Embedded Dart Sass
  • NodeJS >= 20

I install this by just following https://hbstack.dev/en/docs/getting-started/installation/ process.

# Clone the repository
git clone --depth 1 https://github.com/hbstack/theme insights
cd rtd-ditatompel-com
# change the module path located in go.mod, replace the module github.com/hbstack/theme with this repo : github.com/ditatompel/insights.
sed -i -e 's/module\ github.com\/hbstack\/theme/module\ github.com\/ditatompel\/insights/' go.mod
# push to remote repo
git add .
git commit --amend
git remote set-url origin git@github.com:ditatompel/insights.git
git push origin main
# install build tools
npm ci
# start hugo server
npm run dev
# or
npm run prod

Original upstream section

Documentations

English 简体中文
Prerequisites 先决条件
Installation 安裝
Configuration 配置
Content 内容
Deployment 部署
Modules 模块

Features

  • Fast and SEO friendly: PageSpeed Insight scored perfect 💯 in all four metrics on mobile and desktop.
  • Multi-purpose: blog, project documentations, digital garden, gallery, landing pages and so on.
  • Responsive: mobile first, built on top of Bootstrap v5.3.
  • 🧊 Modular and flexible: extend features via various modules.
  • 🌓 Dark mode: light, dark or auto (follow system).
  • 🔍 Search: powerful client side fuzzy search that allows filtering and sorting of results, as well as searching from all multilingual sites.
  • PurgeCSS: remove unused CSS.
  • 🚀 PWA:
    • Installable: add site to home screen.
    • Offline available: offline page and offline image.
    • Allow precaching resources, such as CSS, JS and fonts.
  • Advanced:
  • 🖼️ Images Processing: process images via URL query string and fragment, such as alignment, resizing, cropping and so on, friendly to Markdown.
  • 💻 Code block panel: expand toggle, code copy button, line number toggle and wrap toggle.
  • Menus: supports header menus and footer menus.
  • Related posts slide.
  • 🖼️ Image viewer: zoom in/out image.
  • 🗂️ Archives: group by year and month.
  • 📝 Multiple authors: articles can be co-authored.
  • 🌐 Multilingual.
  • ⬅️ RTL: supports Right-to-Left languages.
  • ⬆️ Back/Return to top button.
  • Social links: supports header and footer social links.
  • Content: supports KaTex (math), Mermaid (diagrams) and Bootstrap shortcodes.
  • ...

Screenshot

Screenshot