A simple, lightweight Hexo theme

Overview

hexo-theme-async

master version https://img.shields.io/npm/v/hexo-theme-async?color=%09%23bf00ff hexo version license

🇬🇧 English | 🇨🇳 中文简体

Installation

cd hexo
npm install --save hexo-renderer-less hexo-renderer-ejs hexo-wordcount
cd themes
git clone [email protected]:MaLuns/hexo-theme-async.git

Then change your setting in .theme_config.yml.

You can also use the NPM package.

cd hexo
npm install --save hexo-theme-async hexo-renderer-less hexo-renderer-ejs hexo-wordcount

You can override the theme._config.yml configuration in _config.yml.

Demo

You can review demo at my personal blog in chinese.

Config

# user
user:
  name: ThemeAsync
  first_name: Theme
  last_name: Async
  logo: The logo link
  email: Your email
  domain: Your domain name
  avatar: Your avatar
  describe: A short description
  ruleText: Your friend chain rules
  birthDay: 04/10/2022 17:00:00 
  copyrightYear: 2022

# logo
favicon:
  icon16: favicon 
  icon32: favicon
  appleTouchIcon: Apple touch icon
  webmanifest: Web App Manifest
  visibilitychange: false
  hidden: The logo link
  show_text: (/≧▽≦/)Yi! Good again!
  hide_text: (●—●)Oh, it's falling apart!

# menu
top_bars:
    - title: home
      url: /
    - title: archives
      url: /archives/
    - title: links
      url: /links/
    - title: about
      url: /about/

# page banner 
banner:
  index:
    type: img
    bgurl: 
    bannerTitle: 
    bannerText: Hi my new friend!
    videoUrl: 
  archive:
    type: img
    bgurl: 
    bannerTitle: 
    bannerText: The article archive
  links:
    type: img
    bgurl: 
    bannerTitle: 
    bannerText: A link to a friend's website
  about:
    type: img
    bgurl: 
    bannerTitle: 
    bannerText: About me

# sidebar
sidebar:
  typedTextPrefix: I`m
  typedText: [ 'Web Developer' ]
  info: 
    - key: sidebar.residence
      val: residence
    - key: sidebar.city
      val: city
    - key: sidebar.age
      val: age
  social:
    - icon: fab fa-github
      url: https://github.com
    - icon: iconfont cg-gitee
      url: https://gitee.com
    - icon: iconfont cg-weibo
      url: https://weibo.com/

# about page
about:
  title: 
  introduction: 
  blog: 
  privacy: 

# Friend's website
links:
  - name:  # site name
    url:   # site url
    image: # avatar
    desc: 

# Page Visit Statistics
webAnalytics:  
  enable: false 
  baidu:   # Baidu key
  google:  # Tracking ID for Google statistics
  tencent: # Tencent statistics
    sid:
    cid:

# Comment on the plug-in
comment:
  enable: false
  bComments:
    v: 0.0.12
    env: 
  twikoo:
    envId:
    region: 
    path: window.location.pathname

# Service Worker
sw: false
You might also like...

Dark theme for VSCode with italics support (good for Dank Mono, Operator Mono)

Dark theme for VSCode with italics support (good for Dank Mono, Operator Mono)

Omni Owl for Visual Studio Code Dark theme for Visual Studio Code (with Italics) Install • Team • Imitate Preview • License Install All instructions c

Dec 23, 2022

A soothing pastel theme for Hyper.

A soothing pastel theme for Hyper.

Catppuccin for Hyper ~ Hypurr Contents Install License Install Please note that the name of NPM package and the theme itself is hypurr and not hyper-c

Dec 23, 2022

Theme generator for Rosé Pine

Theme generator for Rosé Pine

Rosé Pine Build All natural pine, faux fur and a bit of soho vibes for the classy minimalist Theme generator for Rosé Pine Getting started Start by cr

Sep 21, 2022

(Almost) monochromatic light theme for VSCode

(Almost) monochromatic light theme for VSCode

monotropic for Visual Studio Code (Almost) monochromatic theme for VSCode. Originally based on caffo/monotropic-theme (emacs). Install now 🛒 Screensh

Dec 18, 2022

A pleasing darker theme made mostly with complementary purple and blue colors, occasionally with a touch of pink or red.

A pleasing darker theme made mostly with complementary purple and blue colors, occasionally with a touch of pink or red.

Nebula Float away in space with a beautiful blurple oriented color theme. DISCLAIMER: ⚠️ This theme is not as high contrast as other themes. A pleasin

Nov 23, 2022

A Gatsby-based starter theme with e-commerce styled components

A Gatsby-based starter theme with e-commerce styled components

This beautiful theme from the Matter Design Team gives you the styling and scaffolding for your next e-commerce site. You can customize to your heart'

Jan 3, 2023

Soothing pastel theme for Blink Shell

Soothing pastel theme for Blink Shell

Catppuccin for Blink Shell Usage Navigate to the .js file with the theme of your choosing. Copy the URL. Open the settings panel in Blink Shell using

Dec 23, 2022

Self-use version of web page theme Rocky for static blogger Gridea.

Gridea Theme Rocky Custom Self-use version of web page theme Rocky for static blogger Gridea. 中文说明 Description This is a self-use version of web page

Oct 7, 2022

Optimized dracula theme vscode extension for flutter, web, electron and golang development.

Optimized dracula theme vscode extension for flutter, web, electron and golang development.

Optimized Dracula Theme A color theme inspired by dracula color theme. This color theme is not based on dracula color theme. The color styles are simi

Jul 11, 2022
Comments
  • 建议添加文章多级导航导航栏,改善代码块行间距等

    建议添加文章多级导航导航栏,改善代码块行间距等

    1. 添加文章多级导航栏(更有利于主题的完整性,以及更利于从其他 Hexo 主题移植至本主题)
    2. 改善代码块行间距(代码块中的行间距过小,且文字略小,对于阅读舒适性有可见性影响)
    3. 改善滚动条及鼠标中键交互行为(目前滚动条无法上下拖动交互,鼠标中键无法按住以上下拖动)
    4. 网页时而会出现滚动到最底部但内容仍未完整的情况(算是比较恶性的问题,本人使用Edge浏览器,除Mojang官网外(此网站本身有问题),其余未出现过此问题,望尽快修复)
    5. 明暗切换响应速度有明显延迟

    以上所有建议与问题,均使用 Windows11 Edge 100.0.1185.50 访问 www.imalun.com 测试

    opened by TACGqwq 3
  • 激活和离开时端口文字没有生效

    激活和离开时端口文字没有生效

    favicon:
      logo: favicon-32x32.png
      icon16: favicon-16x16.png 
      icon32: favicon-32x32.png
      appleTouchIcon: apple-touch-icon.png
      webmanifest: /site.webmanifest
      visibilitychange: true
      hidden: failure.ico
      show_text: (/≧▽≦/)咦!又好了!
      hide_text: (●—●)喔哟,崩溃啦!
    

    我按照文档这样写的,但是没有生效,我还遇到了一些其他bug,您看到了可否回一下呢?(我非常喜欢这个主题)

    opened by dinghui40 1
  • hexo 报错

    hexo 报错

    你好我在使用你的hexo主题时,出现下面的错误,请问要怎么解决呢? Unhandled rejection ReferenceError: F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:62 60|

    61| <% page.posts.each(function(post,postIndex){ %>

    62| <%- partial('./_partial/post-card',{ post }) %> 63| <% }) %> 64|

    65|

    F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout_partial\post-card.ejs:26 24|

  • 25|
  • 26| <%= wordcount(post.content) %> 27|

  • 28|
29|

wordcount is not defined at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout_partial\post-card.ejs:36:7) at post-card (F:\MyHexoBlogs\myblogs\node_modules\ejs\lib\ejs.js:682:17) at _View._compiledSync (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:132:24) at _View.renderSync (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:59:25) at Object.partial (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\plugins\helper\partial.js:34:15) at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:50:17) at _Query.forEach (F:\MyHexoBlogs\myblogs\node_modules\warehouse\lib\query.js:36:7) at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:47:19) at index (F:\MyHexoBlogs\myblogs\node_modules\ejs\lib\ejs.js:682:17) at _View._compiled (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:136:50) at _View.render (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:39:17) at F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\hexo\index.js:64:21 at tryCatcher (F:\MyHexoBlogs\myblogs\node_modules\bluebird\js\release\util.js:16:23) at F:\MyHexoBlogs\myblogs\node_modules\bluebird\js\release\method.js:15:34 at RouteStream.read (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\hexo\router.js:47:5) at RouteStream.Readable.read (node:internal/streams/readable:487:10) at resume (node:internal/streams/readable:987:12) at processTicksAndRejections (node:internal/process/task_queues:83:21)

Unhandled rejection ReferenceError: F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:62 60|

61| <% page.posts.each(function(post,postIndex){ %>

62| <%- partial('./_partial/post-card',{ post }) %> 63| <% }) %> 64|

65|

F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout_partial\post-card.ejs:26 24| 25|

  • 26| <%= wordcount(post.content) %> 27|

  • 28| 29|

    wordcount is not defined at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout_partial\post-card.ejs:36:7) at post-card (F:\MyHexoBlogs\myblogs\node_modules\ejs\lib\ejs.js:682:17) at _View._compiledSync (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:132:24) at _View.renderSync (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:59:25) at Object.partial (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\plugins\helper\partial.js:34:15) at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:50:17) at _Query.forEach (F:\MyHexoBlogs\myblogs\node_modules\warehouse\lib\query.js:36:7) at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:47:19) at index (F:\MyHexoBlogs\myblogs\node_modules\ejs\lib\ejs.js:682:17) at _View._compiled (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:136:50) at _View.render (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:39:17) at F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\hexo\index.js:64:21 at tryCatcher (F:\MyHexoBlogs\myblogs\node_modules\bluebird\js\release\util.js:16:23) at F:\MyHexoBlogs\myblogs\node_modules\bluebird\js\release\method.js:15:34 at RouteStream.read (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\hexo\router.js:47:5) at RouteStream.Readable.read (node:internal/streams/readable:487:10) at resume (node:internal/streams/readable:987:12) at processTicksAndRejections (node:internal/process/task_queues:83:21)

    Unhandled rejection ReferenceError: F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:62 60|

    61| <% page.posts.each(function(post,postIndex){ %>

    62| <%- partial('./_partial/post-card',{ post }) %> 63| <% }) %> 64|

    65|

    F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout_partial\post-card.ejs:26 24| 25|

  • 26| <%= wordcount(post.content) %> 27|

  • 28| 29|

    wordcount is not defined at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout_partial\post-card.ejs:36:7) at post-card (F:\MyHexoBlogs\myblogs\node_modules\ejs\lib\ejs.js:682:17) at _View._compiledSync (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:132:24) at _View.renderSync (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:59:25) at Object.partial (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\plugins\helper\partial.js:34:15) at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:50:17) at _Query.forEach (F:\MyHexoBlogs\myblogs\node_modules\warehouse\lib\query.js:36:7) at eval (F:\MyHexoBlogs\myblogs\themes\hexo-theme-async\layout\index.ejs:47:19) at index (F:\MyHexoBlogs\myblogs\node_modules\ejs\lib\ejs.js:682:17) at _View._compiled (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:136:50) at _View.render (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\theme\view.js:39:17) at F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\hexo\index.js:64:21 at tryCatcher (F:\MyHexoBlogs\myblogs\node_modules\bluebird\js\release\util.js:16:23) at F:\MyHexoBlogs\myblogs\node_modules\bluebird\js\release\method.js:15:34 at RouteStream.read (F:\MyHexoBlogs\myblogs\node_modules\hexo\lib\hexo\router.js:47:5) at RouteStream.Readable.read (node:internal/streams/readable:487:10) at resume (node:internal/streams/readable:987:12) at processTicksAndRejections (node:internal/process/task_queues:83:21)

    opened by blyspyder 1
    Releases(v1.2.12)
    • v1.2.12(Jan 3, 2023)

      🚀 Features

      • 支持阅读模式、单双栏切换
      • 增加 tabs、imgs、gallery、caniuse、flink 标签插件
      • 可调整上下篇文章卡片大小

      🎈 Performance

      • 优化 table、details 样式
      • 优化 footer 移动端样式

      🐞 Bug Fixes

      • 修复自定义页面不显示评论插件
      Source code(tar.gz)
      Source code(zip)
    • v1.2.11(Dec 30, 2022)

      🚀 Features

      • 支持复制代码片段
      • 支持根据主题模式设置黑白两种logo、文章图片、封面等
      • 支持自定义页面

      🎈 Performance

      • 优化代码片段样式
      Source code(tar.gz)
      Source code(zip)
    • v1.2.9(Dec 30, 2022)

    • v1.2.8(Dec 30, 2022)

    • v1.2.7(Dec 30, 2022)

    • v1.2.6(Dec 9, 2022)

      🚀 Features

      • 封面日期添加格式化配置

      🎈 Performance

      • 优化移动端中banner、文章详情里svg样式

      🐞 Bug Fixes

      • 文章目录显示不全
      Source code(tar.gz)
      Source code(zip)
    • v1.2.5(Dec 9, 2022)

      🚀 Features

      • 可自定义默认封面图
      • 可自定义文章作者

      🐞 Bug Fixes

      • 复制时版权信息不显示当前文章作者
      • 多个分割线未去重显示
      Source code(tar.gz)
      Source code(zip)
    • v1.2.4(Nov 26, 2022)

    • v1.2.3(Nov 10, 2022)

    • v1.2.2(Nov 5, 2022)

      🚀 Features

      • 适配 bComments, twikoo
      • 添加日期格式化配置

      🎈 Performance

      • banner 支持配置背景定位信息

      🐞 Bug Fixes

      • 修复单篇文章强制关闭目录失效
      Source code(tar.gz)
      Source code(zip)
    • v1.2.1(Oct 12, 2022)

      🦄 Refactor

      • 重构主题切换实现方式

      🎈 Performance

      • 优化移动端间距增大显示区域
      • 优化文章目录

      🐞 Bug Fixes

      • 嵌套导航 target 设置失效
      Source code(tar.gz)
      Source code(zip)
    • v1.1.10(Oct 4, 2022)

    • v1.1.8(Sep 26, 2022)

      🚀 Features

      • 增加百度自动推送
      • 增加文章版权信息

      🎈 Performance

      • 分类页可选择只显示标题
      • 主题可根据系统选择加载样式
      • Pjax 下支持动态加载脚本插件

      🐞 Bug Fixes

      • 修复单闭合 img 懒加载替换错误
      • 修复 lang 属性取值错误
      • 修复移动端 theme-color 取值异常
      • 修复初次安装无配置时兼容处理
      Source code(tar.gz)
      Source code(zip)
    • v1.1.7(Sep 20, 2022)

      🚀 Features

      • 文章支持显示打赏功能
      • 文章图片支持懒加载

      🎈 Performance

      • 优化 footer 区域显示和配置(不兼容,详情见:页脚-footer
      • 优化 about 配置可省略

      🐞 Bug Fixes

      • 开启 sw 时,内置插件更新异常
      Source code(tar.gz)
      Source code(zip)
    • v1.1.6(Sep 19, 2022)

    • v1.1.4(Sep 13, 2022)

      🚀 Features

      • 支持文章详情页单栏预览
      • 添加项目列表模板

      🌈 Style

      • 增强文章详情中链接显示

      🎈 Performance

      • 拆分友链信息配置
      Source code(tar.gz)
      Source code(zip)
    • v1.1.3(Sep 13, 2022)

      🐞 Bug Fixes

      • 修复动态增加 dom, 滚动插件高度未更新,以及 sticky 元素失效
      • 窗口大小变动时,虚拟滚动条消失
      • 文章详情小屏幕显示错位

      🚀 Features

      • 增加 返回顶部
      Source code(tar.gz)
      Source code(zip)
    • v1.1.2(Sep 9, 2022)

    • v1.1.1(Sep 7, 2022)

    • v1.1.0(Sep 6, 2022)

      🚀 Features

      • 添加自定义样式支持
      • 添加个性化语言支持
      • 添加对 KaTex 支持
      • 增加 404 模板

      🎈 Performance

      • 剥离对 Jquery 依赖
      • 三方插件依赖调整为动态加载,并切换为 CDN 加载
      • 移除内置置顶脚本,使用 hexo-generator-index
      • 文章封面图字段变更

      🐞 Bug Fixes

      • 修复无需要主题切换时,初始化异常
      Source code(tar.gz)
      Source code(zip)
    🌗 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.

    themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by

    SerKo 4 Nov 29, 2022
    My XFCE dotties - The GTK theme as well as the kvantume theme used here are forks of the Matcha GTK/kvantum theme

    DOTFILES OF MY XFCE SETUP The GTK theme as well as the kvantume theme used here

    Mehedi Rahman Mahi 201 Dec 31, 2022
    Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

    Gatsby Starter Portfolio: Cara Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gat

    prashanth s 1 Dec 24, 2021
    Logseq-craft-theme - Craft Theme for Logseq

    Craft for Logseq Almost all creativity requires purposeful play. A Craft insprir

    Alexander Rink 33 Oct 26, 2022
    Theme Redone is a custom WordPress theme starter/framework with its own Gutenberg blocks solution and a CLI that speeds up the block creation process.

    Theme Redone The Framework for Developing Custom WordPress Themes with its own Gutenberg Blocks creation solution. Theme Redone is a custom WordPress

    null 103 Dec 30, 2022
    EggyJS is a Javascript micro Library for simple, lightweight toast popups focused on being dependency-less, lightweight, quick and efficient.

    EggyJS EggyJS is a Javascript micro Library for simple, lightweight toast popups. The goal of this library was to create something that meets the foll

    Sam 10 Jan 8, 2023
    Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics.

    Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

    Priya Chakraborty 0 Jan 29, 2022
    A starter project that includes theme switching functionality with Stitches CSS-in-JS and Remix SSR.

    Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.

    Ross Moody 13 Dec 22, 2022
    Perfect SvelteKit dark mode in 2 lines of code. Support System preference and any other theme with no flashing

    This library is a port of next-theme for SvelteKit. All credit goes to pacocoursey and all next-themes contributors While usable, this library is stil

    null 42 Sep 30, 2022