Ruize Jin | Data Scientist & AI Engineer

Duke University

Thu, 01 Jan 2026 00:00:00 -0500

Interpretable Multi-Task Insurance Pricing

Mon, 01 Sep 2025 00:00:00 -0400

Built an interpretable PyTorch multi-task neural additive model using shared feature subnetworks to jointly predict claim frequency and severity on freMTPL data. Evaluated the model with six-fold cross-validation against GLM, GBM, and single-task NAM benchmarks.

Central University of Finance and Economics

Mon, 01 Jun 2026 00:00:00 +0800

NYC Taxi Mobility Intelligence

Sat, 01 Mar 2025 00:00:00 -0500

An interactive pre-trip prediction system for NYC Yellow Taxi rides. Given a pickup location, destination, and departure time, the system estimates travel time and pre-tip trip cost using a leakage-safe, temporally validated machine-learning pipeline.

Create your own version of the site

Tue, 11 Feb 2025 14:38:33 +0200

This article is a guide to help you create your own version of the site using Adritian. It will cover the main steps to get started with the theme, and how to customize it to your needs.

Creating a site

This theme is for the content management system Hugo, so that will be a pre-requirement. Make sure that you install the extended version of Hugo, as the theme uses SCSS for styling, as well as image optimization.

How to Add Custom Icons to the Adritian Theme

Fri, 28 Feb 2025 08:05:05 +0100

How to Add Custom Icons to the Adritian Theme

This guide will walk you through adding custom icons to your Adritian Hugo theme. Whether you need new social media icons, brand logos, or custom symbols, follow these steps to integrate them seamlessly.

Icons

Fri, 28 Feb 2025 08:05:05 +0100

The theme has multiple icons available for use.

You can see them rendered here:

threads
bluesky
x-twitter
email
user
table-list
download
circle-info
square-twitter
square-facebook
linkedin
square-github
circle-arrow-left
circle-arrow-right
circle-arrow-up
circle-arrow-down
quote-left
face-smile
square-arrow-up-right
youtube
square-xing
instagram
dribbble
behance
file-pdf
codepen
yelp
cloud-arrow-down
medium
stack-overflow
meetup
tiktok

You can use them in several ways.

Cross-Repo Content Sync: Preview Your Changes Before They Merge

Wed, 29 Apr 2026 10:00:00 +0000

When contributing content changes to the Adritian theme — a new blog post, updated homepage copy, or a new shortcode example — you can now see exactly how it will look on the live demo site before the PR is merged.

What Changed

Previously, when a PR was opened against the theme repository, the CI workflow would update the demo site’s go.mod to point to the PR branch. This meant you could preview theme code changes (layout tweaks, CSS updates, new partials) on the Vercel preview URL, but content changes from exampleSite would not be reflected.

Color schemes: personalize your site accent color

Sat, 11 Apr 2026 09:00:00 +0000

The theme ships with 7 named color schemes that replace the primary accent color across every component — links, buttons, tags, progress bars, focus rings, and skill bars — in both light and dark modes. No SCSS knowledge required.

If you have the live switcher enabled, you can try all the schemes right here in this post:

The 7 built-in schemes

Each scheme defines two hex values: a primary color for light mode and a brighter variant for dark mode (to maintain readability on dark backgrounds).

Showcase

Sun, 15 Mar 2026 00:00:00 +0000

These are real websites built by the community using the Adritian Hugo theme.

Is your site missing? Submit it via GitHub — we’d love to feature it here!

SEO Features: Meta Descriptions, Hreflang, and Structured Data

Mon, 02 Mar 2026 10:00:00 +0000

The Adritian theme includes built-in SEO features that help search engines understand and properly index your content. This post covers what’s available and how to get the most out of it.

Per-Page Meta Descriptions

Every page on your site gets a unique <meta name="description"> tag using this fallback chain:

Page description front matter (if set)
Auto-generated page summary (plainified and truncated to 155 characters)
Site-wide fallback from your i18n head_description string

To set a custom description for any page, add it to your front matter:

Search improvements: multilingual, reliable, and configurable

Thu, 01 Jan 2026 09:00:00 +0000

The search functionality in the theme is powered by Fuse.js and runs entirely in the browser. This post explains how it works, how the search index is built, and how to customize it for multilingual and subdirectory deployments.

How search works

Search is client-side:

Hugo generates a JSON index (index.json) that contains the title, plain content, tags, categories, and other metadata for each page.
The search page loads fuse.js and downloads the JSON index.
Fuse.js performs a fast in-browser search and renders the results.

Because the index is a normal Hugo output, it follows your baseURL and language configuration automatically.

SCOR SE

Sat, 01 Nov 2025 00:00:00 +0800

Built a SQL ETL pipeline and analyzed claims and policy data in Python for 20 Life & Health clients, reducing analysis time by 50% and informing client segmentation and marketing strategy.
Built Power BI dashboards for Life & Health portfolio reporting and experience analysis, with automated quarterly refreshes for recurring performance monitoring and reporting.
Deployed a Qwen-powered AI agent to collect insurers’ solvency reports and extract and validate key data, reducing report-processing time by 70% and supporting market solvency analysis.

Siemens

Tue, 01 Jul 2025 00:00:00 +0800

Deployed Selenium crawlers and AWS pipelines to automate macroeconomic data collection; optimized PySpark workflows, improving resource utilization by 30% and reducing processing time by 45%.
Cleaned and migrated COPA data with pandas and delivered CPD reports to business teams, supporting performance analysis and decision-making.
Developed scripts to scrape, structure, and ingest million-scale business documents into a RAG knowledge base supporting Siemens’ in-house LLM and grounded, domain-specific responses.

Responsive Images

Sat, 15 Mar 2025 10:00:00 +0000

The Adritian theme includes a responsive-image shortcode that generates optimized <picture> elements with WebP conversion, multiple srcset widths, and lazy loading.

Basic usage

Place your images in the assets/ directory and reference them with the shortcode:

The shortcode above produces a <picture> element with:

WebP srcset at 400w, 800w, and 1200w (up to the original image width)
Original format srcset at the same widths
Lazy loading via loading="lazy" and decoding="async"
CLS prevention via width and height attributes

Custom sizes hint

Use the sizes parameter to give the browser a layout hint for which srcset entry to pick:

Test Post - Images Array Format

Tue, 04 Mar 2025 10:00:00 +0000

This is a test post to verify that the JSON-LD schema correctly extracts the first image from the images array format.

Test Post - No Image Fallback

Mon, 03 Mar 2025 10:00:00 +0000

This is a test post with no image specified in frontmatter. The JSON-LD schema should fallback to the site-level image configured in hugo.toml.

Test Post - FeaturedImage Parameter

Sun, 02 Mar 2025 10:00:00 +0000

This is a test post to verify that the JSON-LD schema correctly extracts the image from the featuredImage frontmatter parameter.

Test Post - YAML Image Format

Sat, 01 Mar 2025 10:00:00 +0000

This is a test post to verify that the JSON-LD schema correctly extracts the image from the images.featured_image YAML frontmatter parameter.

New Theme Features Demo

Thu, 20 Feb 2025 10:00:00 +0000

This post demonstrates the new features that have been added to the Adritian Hugo theme to make it more feature-complete and competitive with other popular Hugo themes.

Overview of New Features

The Adritian theme now includes several enhancements that are commonly found in modern Hugo themes for personal websites and portfolios.

At the end of each blog post, you’ll now see a section showing related posts based on shared tags and publish dates. This helps visitors discover more relevant content on your site.

Theme shortcodes

Fri, 14 Feb 2025 14:38:33 +0200

Shortcodes are a convenient functionality of Hugo, allowing you to embed templates or layouts within other content.

Some of the example built-in shortcodes are Instagram posts, YouTube videos, QR codes, etc. You can find the full list in the official docs.

The theme provides custom shortcodes to allow you to customize your landing page as you want:

toc: Generates a styled table of contents from page headings.
education-list: Displays a list of educational qualifications.
experience-list: Shows a list of professional experiences.
platform-links: Embeds links to various platforms with icons.
newsletter-section: Adds a section for newsletter subscription.
link: Creates a hyperlink with an icon.
experience-section: Inserts a detailed experience section.
contact-section: Adds a contact information section, with a customizable form and information.
client-and-work-section: Displays a section for clients and work.
about-section: About section, with image, buttons for call to action and image.
testimonial-section: Adds references from customers, colleagues, etc.
showcase: two-column block with a full-width image to the left, and a text snippet to the right. Great for a call to action or introduction of the person (assuming it’s a personal website).
text-section: utility shortcode used to render text in some parts of the theme where it would otherwise be full-width, appearing “too floaty”. See the github issue #260 for context.
spacer: Adds vertical spacing before the next element.
responsive-image: Renders a responsive <picture> element with WebP srcset and lazy loading.
color-scheme-selector: Displays the color scheme picker inline (requires params.colorSchemeSwitcher.enable = true).

The shortcodes can be customized with different arguments:

Other installation methods

Tue, 11 Feb 2025 14:38:33 +0200

This is a guide that extends the default instructions offered in the theme readme.

Manual configuration

If you prefer to manually set your site, you need to replace the contents of your config file (hugo.toml) file by these:

hugo.toml configuration

baseURL = "<your website url>"
locale = "en"

[module]
[module.hugoVersion]
# We use hugo.Deps to list dependencies, which was added in Hugo 0.92.0
min = "0.92.0"

[[module.imports]]
path="github.com/zetxek/adritian-free-hugo-theme"

## Base mounts - so your site's assets are available
 [[module.mounts]]
 source = "archetypes"
 target = "archetypes"

 [[module.mounts]]
 source = "assets"
 target = "assets"

 [[module.mounts]]
 source = "i18n"
 target = "i18n"

 [[module.mounts]]
 source = "layouts" 
 target = "layouts"

 [[module.mounts]]
 source = "static"
 target = "static"

# The following mounts are required for the theme to be able to load bootstrap
# Remember also to copy the theme's `package.json` to your site, and run `npm install`
[[module.mounts]]
 source = "node_modules/bootstrap/scss"
 target = "assets/scss/bootstrap"

[[module.mounts]]
 source = "node_modules/bootstrap/dist/js"
 target = "assets/js/bootstrap"

[[module.mounts]]
 source = "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
 target = "assets/js/vendor/bootstrap.bundle.min.js"

## Optional, if you want print improvements (to PDF/printed)
[[module.mounts]]
source = "node_modules/bootstrap-print-css/css/bootstrap-print.css"
target = "assets/css/bootstrap-print.css"

[params]

 title = 'Your website title'
 description = 'Your website description'
 sections = ["showcase", "about", "education", "experience", "client-and-work", "testimonial", "contact", "newsletter"]

 # If you want to display an image logo in the header, you can add it here
 # logo = '/img/hugo.svg'
 homepageExperienceCount = 6

 [params.analytics]
 ## Analytics parameters.
 ### Supported so far: Vercel (Page Insights, Analytics)
 ### And Google (Tag Manager, Analytics)

 # controls vercel page insights - disabled by default
 # to enable, just set to true
 vercelPageInsights = false
 vercelAnalytics = false
 
 # google analytics and tag manager. to enable, set "enabled" to true
 # and add the tracking code (UA-something for analytics, GTM-something for tag manager)
 [params.analytics.googleAnalytics]
 code = "UA-XXXXX-Y"
 enabled = false
 [params.analytics.googleTagManager]
 code = "GTM-XXXXX"
 enabled = false

[build]
 [build.buildStats]
 disableClasses = false
 disableIDs = false
 disableTags = false
 enable = true

[params.languages.selector.disable]
 footer = false

[languages]
 [languages.en]
 disabled = false
 locale = 'en'
 direction = 'ltr'
 label = 'English'
 title = ''
 weight = 0

 [languages.en.menus]
 [[languages.en.menus.header]]
 name = 'About'
 URL = '#about'
 weight = 2
 [[languages.en.menus.header]]
 name = 'Portfolio'
 URL = '#portfolio'
 weight = 3
 # [[languages.en.menus.header]]
 # name = "Experience"
 # URL = "#experience"
 # weight = 4

 [[languages.en.menus.header]]
 name = "Blog"
 URL = "/blog"
 weight = 5

 [[languages.en.menus.header]]
 name = "Contact"
 URL = "#contact"
 weight = 6

 [[languages.en.menus.footer]]
 name = "About"
 URL = "#about"
 weight = 2

 [[languages.en.menus.footer]]
 name = "Portfolio"
 URL = "#portfolio"
 weight = 3

 [[languages.en.menus.footer]]
 name = "Contact"
 URL = "#contact"
 weight = 4


 [languages.es]
 disabled = false
 locale = 'es'
 direction = 'ltr'
 label = 'Español'
 title = ''
 weight = 0
 [[languages.es.menus.header]]
 name = 'Sobre mi'
 URL = '/es/#about'
 weight = 2
 [[languages.es.menus.header]]
 name = 'Portfolio'
 URL = '/es/#portfolio'
 weight = 3

 # [[languages.es.menus.header]]
 # name = "Experiencia"
 # URL = "/es/#experience"
 # weight = 4

 [[languages.es.menus.header]]
 name = "Blog"
 URL = "/es/blog"
 weight = 5

 [[languages.es.menus.header]]
 name = "Contacto"
 URL = "/es/#contact"
 weight = 6

 [[languages.es.menus.footer]]
 name = "Sobre mi"
 URL = "/es/#about"
 weight = 2

 [[languages.es.menus.footer]]
 name = "Portfolio"
 URL = "/es/#portfolio"
 weight = 3

 [[languages.es.menus.footer]]
 name = "Contact"
 URL = "/es/#contact"
 weight = 4

 [languages.fr]
 disabled = false
 locale = 'fr'
 direction = 'ltr'
 label = 'Français'
 title = ''
 weight = 0

 [languages.fr.menus]
 [[languages.fr.menus.header]]
 name = 'About'
 URL = '#about'
 weight = 2
 [[languages.fr.menus.header]]
 name = 'Portfolio'
 URL = '#portfolio'
 weight = 3
 # [[languages.fr.menus.header]]
 # name = "Experience"
 # URL = "#experience"
 # weight = 4

 [[languages.fr.menus.header]]
 name = "Blog"
 URL = "/blog"
 weight = 5

 [[languages.fr.menus.header]]
 name = "Contact"
 URL = "#contact"
 weight = 6

 [[languages.fr.menus.footer]]
 name = "About"
 URL = "#about"
 weight = 2

 [[languages.fr.menus.footer]]
 name = "Portfolio"
 URL = "#portfolio"
 weight = 3

 [[languages.fr.menus.footer]]
 name = "Contact"
 URL = "#contact"
 weight = 4

# Plugins
[params.plugins]

 # CSS Plugins
 [[params.plugins.css]]
 URL = "css/custom.css"
 [[params.plugins.css]]
 URL = "css/adritian-icons.css"
 ## Optional, if you want print improvements (to PDF/printed)
 [[params.plugins.css]]
 URL = "css/bootstrap-print.css"
 
 # JS Plugins
 [[params.plugins.js]]
 URL = "js/rad-animations.js"
 [[params.plugins.js]]
 URL = "js/sticky-header.js"
 [[params.plugins.js]]
 URL = "js/library/fontfaceobserver.js"

 # SCSS Plugins
 [[params.plugins.scss]]
 URL = "scss/adritian.scss"


# theme/color style 
[params.colorTheme]

## the following configuration would disable automatic theme selection
# [params.colorTheme.auto]
# disable = true
# [params.colorTheme.forced]
# theme = "dark"

## the following parameter will disable theme override in the footer
# [params.colorTheme.selector.disable]
# footer = true


## by default we allow override AND automatic selection

[params.blog]
layout = "default" # options: default, sidebar
sidebarWidth = "25" # percentage width of the sidebar
showCategories = true
showRecentPosts = true
recentPostCount = 5
listStyle = "summary" # options: simple, summary

Get the module: hugo mod get -u
Execute hugo mod npm pack - this will generate a package.json file in the root folder of your site, with the dependencies for the theme.
Execute npm install - this will install the dependencies for the theme (including bootstrap)
(Optional, to override the defaults) Create a file data/homepage.yml with the contents of the exampleSite/data/homepage.yml file, and customize to your needs (note: this file is not included in your theme if you use hugo modules, download it manually from the repository)

Traditional Installation (as git submodule)

If you prefer not to use Hugo Modules, you can still install the theme as a git submodule. The guide is very similar to official “Quick Start”, just changing the theme URL in the git submodule add command:

Pagination Test Post 8

Wed, 08 Jan 2025 10:00:00 +0000

This is a test post to verify pagination functionality on tag pages.

Pagination Test Post 7

Tue, 07 Jan 2025 10:00:00 +0000

This is a test post to verify pagination functionality on tag pages.

Pagination Test Post 6

Mon, 06 Jan 2025 10:00:00 +0000

This is a test post to verify pagination functionality on tag pages.

Pagination Test Post 5

Sun, 05 Jan 2025 10:00:00 +0000

This is a test post to verify pagination functionality on tag pages.

Pagination Test Post 4

Sat, 04 Jan 2025 10:00:00 +0000

This is a test post to verify pagination functionality on tag pages.

Pagination Test Post 3

Fri, 03 Jan 2025 10:00:00 +0000

This is a test post to verify pagination functionality on tag pages.

Pagination Test Post 2

Thu, 02 Jan 2025 10:00:00 +0000

This is a test post to verify pagination functionality on tag pages.

Pagination Test Post 1

Wed, 01 Jan 2025 10:00:00 +0000

This is a test post to verify pagination functionality on tag pages.

Sample content: featured image

Mon, 24 Jun 2024 14:38:33 +0200

Sample blog content. Like a lorem ipsum but saying something more interesting.

Welcome to the world of “Content Ipsum,” the fresh alternative to the classic lorem ipsum. It’s the perfect blend for designers and writers who crave a dash of creativity and meaning in their placeholder text. Imagine a text that not only fills the space but also sparks the imagination, a text that weaves tales of innovation, inspiration, and the endless possibilities that creativity brings.

Sample content: formatting styles

Fri, 21 Jun 2024 14:38:33 +0200

Sample blog content. Like a lorem ipsum but saying something more interesting.

We will show some content that is supported:

Basic Syntax

Headings

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Emphasis

*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_

This text will be italic

Peking University International Hospital

Sat, 01 Jun 2024 00:00:00 +0800

Worked with reimbursement and finance teams to validate quarterly inpatient data and resolve discrepancies across more than 2,000 records, reducing errors by 32%.
Presented DRG/DIP reimbursement analyses to visiting faculty and the dean, explaining stakeholder trade-offs and financial implications for hospitals, patients, and insurers.

Breaking News

Thu, 25 Jan 2024 16:45:00 +0000

This is breaking news content demonstrating how different sections can contain different types of content while using the same underlying Hugo section functionality.

News Section Benefits

Separate URL space: /news/ vs /articles/
Different content structure: News vs long-form articles
Independent RSS feeds: /news/index.xml
Custom styling: Different templates if needed

This allows for clear content separation while maintaining consistency in the overall site structure.

Advanced Hugo Sections

Sat, 20 Jan 2024 14:30:00 +0000

This is the second article, demonstrating how multiple articles appear in the same section.

Advanced Section Features

Hugo sections provide powerful features for content organization:

Custom Section Templates

You can create custom templates for each section by placing them in layouts/SECTION/:

layouts/articles/list.html - for /articles/ page
layouts/articles/single.html - for individual articles

Section Variables

In templates, you can access section-specific data:

{{ .Section }} // "articles"
{{ .Type }} // content type
{{ .Pages }} // all pages in section
{{ .RegularPages }} // only regular pages

Taxonomies per Section

Each section can have its own taxonomies (tags, categories) with independent organization.

Example Book

Mon, 15 Jan 2024 10:00:00 +0000

This page lives under content/book/example-book.md, so its own permalink stays /book/example-book/ (child pages are not affected by the parent section’s url front matter). Its breadcrumb ancestor for “Books”, however, must link to /books/, matching the section’s actual rendered URL.

First Article

Mon, 15 Jan 2024 10:00:00 +0000

This is the first article content. Hugo sections allow you to organize content into logical groups, and each section gets its own URL path.

What are Hugo Sections?

Hugo sections are a way to organize your content into logical groups. When you create a folder under content/, Hugo automatically treats it as a section.

Benefits of Using Sections

Organization: Keep related content together
URLs: Automatic URL structure (/articles/, /news/, etc.)
Templates: Custom layouts for different content types
RSS: Each section gets its own RSS feed

Example Structure

content/
├── articles/
│ ├── _index.md
│ ├── first-article.md
│ └── second-article.md
└── news/
 ├── _index.md
 └── breaking-news.md

This creates accessible URLs like:

Hugo Basics Part 2

Tue, 17 Jan 2023 00:00:00 +0000

In part two, we will explore layouts, templates, and how to customize your Hugo site.

Hugo Basics Part 1

Tue, 10 Jan 2023 00:00:00 +0000

Welcome to the first installment of Hugo Basics. We’ll cover project setup and your first content file.

Buscar