insights.ditatompel.com website
https://insights.ditatompel.com
- SCSS 51.4%
- HTML 30.6%
- Makefile 9.8%
- TypeScript 8.2%
Christian Ditaputratama
095e9df8f8
All checks were successful
Production / Build and copy to production server (push) Successful in 6m49s
|
||
|---|---|---|
| .forgejo/workflows | ||
| .github | ||
| archetypes | ||
| assets | ||
| config | ||
| content | ||
| images | ||
| layouts/partials/hugopress/modules/hb-custom/hooks | ||
| .editorconfig | ||
| .gitignore | ||
| .mergify.yml | ||
| .rgignore | ||
| go.mod | ||
| go.sum | ||
| LICENSE | ||
| Makefile | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| renovate.json | ||
| theme.toml | ||
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:
- Custom SCSS variables and style.
- Custom JavaScript.
- Custom HTML markup:
- 🖼️ 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
