NexT v8 Roadmap

[stevenjoezhang]

Previous Roadmap

NexT v7 Roadmap theme-next/hexo-theme-next#67
NexT v7.5 Roadmap theme-next/hexo-theme-next#809

Requested Features

• Sidebar on mobile for scheme Pisces & Gemini (Please let on mobile support Pisces / Gemini scheme theme-next/hexo-theme-next#281, NexT v7.x Roadmap theme-next/hexo-theme-next#67 (comment)).
• Remake whole / full image tag (How do I do this? make featured image; image thumbnails in /archive; page without sidebar theme-next/hexo-theme-next#230, https://louisbarranqueiro.github.io/hexo-theme-tranquilpeak/2014/10/29/Tags-plugins-showcase/, http://theme-next.iissnan.com/tag-plugins.html#full-width-image)
• Image thumbnails in archive page (How do I do this? make featured image; image thumbnails in /archive; page without sidebar theme-next/hexo-theme-next#230, 7b91f8e)
• Suggest to support "like coin" under each post (NexT v7.5 Roadmap theme-next/hexo-theme-next#809 (comment))
• Lazy loading via attribute for images & iframes (NexT v7.5 Roadmap theme-next/hexo-theme-next#809 (comment), feat: lazyload hexojs/hexo-renderer-marked#156)
• Make tabs with long contents floating on the top (Make tabs with long contents floating on the top theme-next/hexo-theme-next#958, Make the nav bar of tabs with long content stick to the top #361)
• Gallery page (Support gallery feature by default theme-next/hexo-theme-next#1253)
• Wrap category list (有方法可以使category的菜单实现折叠吗 theme-next/hexo-theme-next#1282)
• Update / replace Velocity.js (https://github.com/daneden/animate.css, Replace Velocity.js with Animate.css #41).
• Menu slidedown animation on mobile (without Velocity, 659347c).
• Highlight search keyword when a new page is opened from local search result (Optimize local search #64)
• Local search: Limit the number of words in each search result (如何限制搜索每个结果的字数？ theme-next/hexo-generator-searchdb#5)

Known Issues

• Use position: sticky (Fix affix bug theme-next/hexo-theme-next#1039 (comment), b9968b6)
• Title of exturl link (【必读】更新说明及常见问题 #4 (comment), fix(exturl): Return encrypted URL with title. #193)
• Dark mode color (note flat, link-grid box-shadow, 44ba30e) This patch is a workaround, not a bug fix. Need to synchronize with Bootstrap.
• If notes are used in tabs, hexo.render.renderSync will be executed twice on the contents of notes. When using hexo-renderer-pandoc, this will escape the html content. Relevant issue: 嵌套的tag渲染错误 hexojs/hexo-renderer-pandoc#39, 使用pandoc进行渲染时，嵌套的tag出现错误 #12 (Fixed in 17502da, ade4f44)
• box-shadow of header-inner & site-brand-container overlap each other (Gemini, mobile, 402c34e)
• :hover not trigger on mobile (e.g. copy button), need to click twice. Use CSS any-hover query
• In darkmode, the lines of mermaid could not be seen (Mermaid Images's colors are messed up In Dark Theme  theme-next/hexo-theme-next#1651)
• Tab item style on mobile (eb4388f)

Miscellaneous

• Rename math.per_page to math.every_page (Not load mathjax per page  theme-next/hexo-theme-next#257, Add every_page option in config hexo-filter-mathjax#18, a3dcac5)
• Full image as post gallery (Feat: Add display_in_post option for photos theme-next/hexo-theme-next#449 (comment))
• Increase the size of b2t & sidebar toggle button (Use em as unit, Option onmoble for sidebar wasn't worked theme-next/hexo-theme-next#808 (comment))
• Export code block highlight colors to front-end CSS variables, and add a switch for light / dark mode like developers.google.com (Allow different highlight style for dark mode | 指定深色模式代码高亮 theme-next/hexo-theme-next#1395, 03e50d0)
• Run lebab (74fa9ec, 924318a)
• Group picture feature is gonna to be fully refactored (using flex layout, fc68fbe)
• Calculate --sidebar-wrapper-height in pure CSS (Calculate --sidebar-wrapper-height in pure CSS #360)
• W3C validation aria-label issue & Title of copy-button
• Replace Anime.js with Web Animations API, window.scrollTo and scrollIntoView
• Another style of link-grid (like volantis)
• Other CDN providers (https://www.skypack.dev, https://www.jsdelivr.com/esm)
• Move source/js/third-party/search/local-search.js to hexo-generator-searchdb
• Refactor back2top margin

  hexo-theme-next/source/css/_common/components/back-to-top-sidebar.styl

  Line 2 in 777a70b

  margin: 20px - $sidebar-offset -10px -20px;

Deprecated Features

• Remove / replace normalize.css (https://github.com/sindresorhus/modern-normalize, https://github.com/jgthms/minireset.css)
• https://github.com/HubSpot/pace is deprecated. Use https://github.com/rstacruz/nprogress instead? (Add NProgress #79)
• pace is transferred to https://github.com/CodeByZach/pace Add pace-js #352
• Deprecate leancloud_counter (Update valine comment system version theme-next/hexo-theme-next#345 (comment))

Hexo 5.0 (hexojs/hexo#4423)

• next_tagcloud helper (feat(tagcloud): new option class & level hexojs/hexo#4370, Update for Hexo 5.0 #58)

Hexo 5.x

• next.yml & Merge theme config (feat(load_theme_config): support alternate theme config hexojs/hexo#4120, refactor(hexo): merge theme_config before generation hexojs/hexo#4360, 817ef09)
• Use Hexo integrated nunjucks renderer (refactor(nunjucks): dedicated nunjucks renderer hexojs/hexo#4356, 589fc87)

Help Wanted

• Anchor not work with lazyload (Anchor not work with lazyload theme-next/hexo-theme-next#1385)

To be Discussed

• Bash symbols will be copied while clicking the copy-button. (Disable selection for highlight meta theme-next/hexo-theme-next#977 (comment), I can't copy java annotation(Can't selected) in code block. theme-next/hexo-theme-next#1329)
• Remove font.enable option ( font.global.family 中如何配置多个字体 theme-next/hexo-theme-next#1238 (comment))
• Add copyright to clipboard when user copy (Add copyright to clipboard when user copy theme-next/hexo-theme-next#1325, Add copyright when copying #84)
• Post install script to copy config file
• Remove default in sub-menu (Use loop.index)
• Integrate hexo-recommended-posts plugin (Integrate hexo-recommended-posts plugin iissnan/hexo-theme-next#2054)

---

Please feel free to leave your thought in comments (or edit this post directly if u have permissions).

[stale]

This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can also use our support channels to get help with the project.

[github-actions]

This issue has been added to the latest roadmap.

[stevenjoezhang]

Migrate from Stylus to Sass

random(255) random-color iissnan/hexo-theme-next@7b99487
@use sass/sass#2750
@import in @if sass/sass#451
Dynamic import

@use "sass:meta";
@include meta.load-css('_variables/' + hexo-config('scheme'));

Then update Bootstrap color

find . -name "*.styl" -exec rename 's/\.styl$/.scss/' '{}' \;

# source/css/_variables/base.scss
(\$.*?)\.(default|primary|info|success|warning|danger)
map.get($1, '$2')

(--.*?: )(\$.*?);
$1#{$2};

sass-migrator module --verbose --migrate-deps source/css/main.scss

[stevenjoezhang]

Other comment systems

• https://github.com/imaegoo/twikoo (Add plugin: hexo-next-twikoo awesome-next#6)
• https://github.com/schn4ck/schnack
• https://github.com/qwqcode/Artalk

[stevenjoezhang]

Upgrade firebase https://firebase.google.com/docs/web/modular-upgrade

https://caniuse.com/es6-module

[stevenjoezhang]

Superseded by #366

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. It is possible issue was solved or at least outdated. Feel free to open new for related bugs.