Halo Theme Hshan

screenshot of Halo Theme Hshan
vite
less

一款简洁但不简单的 Halo 主题,大道至简

Overview:

Halo Theme Hshan is a customizable theme designed for the Halo blogging platform. It offers a range of features and updates to enhance the user experience. The theme has undergone multiple revisions to improve its complexity and functionality. Users can support the theme and preview its features through the provided links.

Features:

  • 日志页面: Provides a dedicated page for displaying journal entries.
  • 文章目录且可配置: Allows users to create and configure article directories.
  • 友链页面: Includes a page specifically for displaying links to other websites.
  • 页面标题可配置: Enables users to customize page titles.
  • 适配移动端: Ensures compatibility with mobile devices.
  • 搜索功能: Provides a search functionality within the theme.
  • 代码行号显示: Displays line numbers for code snippets.
  • 暗夜模式: Offers a dark mode option.
  • 链接页面分组显示: Displays links in grouped sections.
  • 切换两个文章列表风格: Allows users to choose between two different article list styles.
  • 导航栏下拉菜单 只支持两级下拉菜单: Supports a dropdown menu in the navigation bar with two levels of submenus.
  • 相册页面: Includes a dedicated page for displaying photo albums.
  • Mermaid绘图的支持: Supports the use of Mermaid for drawing diagrams.
  • 滚动条可配置: Allows users to customize the appearance of scrollbars.
  • PJAX 异步加载,适配播放器(修复切换页面之后会重新加载播放列表): Implements PJAX for asynchronous loading and fixes issues with reloading playlists when switching pages.
  • 适配 halo 1.3.x: Ensures compatibility with the Halo 1.3.x version.
  • 集成 pjax: Integrates with pjax for seamless page transitions.
  • 随机文章封面图更新日志2020-1-20: Automatically updates the cover image for random articles.
  • 重构友链页面2020-1-25: Revamps the layout and functionality of the friends' page.
  • 归档和留言板页面优化, header部分重构优化, 目录功能优化, 添加搜索功能2020-1-28: Improves the archive and comments pages, enhances the header design, optimizes directory functionality, and adds a search feature.
  • 优化目录和菜单样式2020-2-1: Enhances the appearance of directories and menus.
  • 表格响应式, 文章摘要可配置, 一些已知的问题, 友情页面友链用户头像可配置2020-2-6: Makes tables responsive, allows for configurable article summaries, addresses known issues, and provides the option to configure user avatars in the friends' page.
  • 添加置顶标签, 代码行号, 文章图片居中2020-2-8: Introduces sticky tags, code line numbers, and centers article images.
  • 暗夜模式, 菜单顶部可加logo2020-2-15: Includes a dark mode option and allows for the addition of a logo in the top menu.
  • 修复一些已知问题2020-2-18: Fixes various known issues.
  • 新增两个文章列表风格2020-2-22: Adds two additional styles for article lists.
  • 导航栏下拉菜单 只支持两级下拉菜单2020-2-24: Enhances the navigation bar dropdown menu to support two levels of submenus.
  • 相册页面2020-2-29: Introduces a dedicated page for displaying photo albums.
  • Mermaid绘图的支持2020-3-6: Adds support for using Mermaid to create diagrams.
  • 滚动条可配置, ajax分页,文章页面图片高度可配置2020-3-21: Allows users to customize the appearance of scrollbars, implements AJAX pagination, and provides the option to configure the height of images in article pages.
  • 修复添加播放器之后底部锚点不起作用的问题2020-3-25: Fixes an issue where bottom anchors would not work after adding a player.
  • 集成 pjax ,适配 halo 1.3.x详细更新日志请点击注意由于Halo是使用后端渲染目录, 且如果在发布文章的时候在文章开头加上 [TOC] 会在文章页面开头有一个 ul 标签, 本主题使用前端渲染目录的时候, 会粗暴的去除文章开头的 ul 列表. 所以建议不要在文章最开头使用列表.

Summary:

Halo Theme Hshan is a highly customizable theme for the Halo blogging platform. It offers a wide range of features, including article directories, search functionality, dark mode, and responsive design. The theme has undergone continuous development to address known issues and enhance user experience. Users can easily install the theme by downloading it from the repository and uploading it to the Halo admin dashboard.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.