💥 A simple and beautiful vuepress Blog & Doc theme.

点击博客右上角Tag,会跳转到/Tag/目录下，而点击文章下方的标签，会跳转到/Tags/目录下。不知道这个是不是bug，如果不是，麻烦大佬提供一下解决方法。多谢！

• [x] I confirm that this is an issue rather than a question.

Bug report

What is actually happening?

在文章中，标签和分类如果包含中文，会在页面访问指定路由时404

---
title: api
date: 2020-05-29
categories: 
 - 中文分类
tags: 
 - 中文标签
---

复现步骤

1. 脚手架创建项目，随意修改一个文章的分类/标签 包含中文

2. 运行后控制台会有警告

提示路由的路径包含不可编码的字符

试验了一下 Vue-router是支持中文路由的

3. 访问效果通过按钮目录点击导航没问题，但如果直接输入目标地址就是404

点它 ok

直接访问它对应的路由，不ok

https://sugarat.top/categories/%E5%85%B6%E5%AE%83/

Other relevant information

• Your OS: 应该也不是操作系统问题
  • Mac OS BigSur
  • Linux
• Node.js version: 都切换了应该不是 Node的问题
  • 10
  • 12
  • 14
• VuePress version: 都试了也不行
  • 1.5.1
  • 1.71
• VuePress-theme-reco version: 怀疑是这个问题
  • 1.5.7
• Which package manager did you use for the install(npm/cnpm/yarn)?
  • npm
  • yarn

• [x] I confirm that this is an issue rather than a question.

Bug report

What is actually happening?

npm run dev后预览的网页一切正常但是build之后的网页nginx加载浏览发现缺失了footer并且所有链接点击之后路由跳转了但页面并未变化。

Other relevant information

• Your OS: Windows10 1809
• Node.js version: 10.15.3
• VuePress version: 3.9.2
• VuePress-theme-reco version: 1.0.0-alpha.25
• Which package manager did you use for the install(npm/cnpm/yarn)? npm

修改默认主题 你可以使用 vuepress eject [targetDir] 这个命令来将默认主题的源码复制到 .vuepress/theme 文件夹下，从而可以对默认主题进行任意的修改。需要注意的是一旦 eject，即使升级 VuePress 你也无法再获得 VuePress 对默认主题的更新。

Feature request

What problem does this feature solve?

当前实现下 heroImage 要么用默认的，要么显式设置，但是两种方式的结果都会引入 heroImage。个人觉得如果能够让 heroImage 可关掉就更好了，即不要默认的，也不想自定义。

How should this be implemented in your opinion?

通过添加一个开关，类似 home: true 标识当前是否是主页，把整个 heroImage 相关的 div 屏蔽掉

Are you willing to work on this yourself?

很久没用 vue.js 了，不是很熟悉，所以暂时没有提 PR 的计划= = 要是哪位大佬能够帮忙实现一下就更好了~

这个主题很好看~

• [x] I confirm that this is an issue rather than a question.

Bug report

What is actually happening?

vuepress dev 和 vuepress build 出现 warning：

warning An error was encountered in plugin "@vuepress-reco/back-to-top"
warning An error was encountered in plugin "@vuepress-reco/extract-code"
warning An error was encountered in plugin "@vuepress-reco/loading-page"
warning An error was encountered in plugin "@vuepress-reco/pagation"
warning An error was encountered in plugin "@vuepress-reco/comments"
warning An error was encountered in plugin "@vuepress/medium-zoom"
warning An error was encountered in plugin "@vuepress/plugin-blog"

vuepress build 失败：

[Vue warn]: Error in render: "TypeError: Cannot read property 'list' of undefined"

found in

---> <PersonalInfo>
       <Sidebar>
         <Common>
           <Anonymous>
             <GlobalLayout>
               <Root>
error Error rendering /: false
undefined
TypeError: Cannot read property 'list' of undefined
    at Proxy.$recoPosts (node_modules/vuepress-theme-reco/mixins/posts.js:7:23)
    at Proxy.computedGetter (/Users/stevapple/.config/yarn/global/node_modules/vue/dist/vue.runtime.common.dev.js:4831:15)
    at Proxy.render (node_modules/vuepress-theme-reco/components/PersonalInfo.vue?597a:1:142)
    at VueComponent.Vue._render (/Users/stevapple/.config/yarn/global/node_modules/vue/dist/vue.runtime.common.dev.js:3538:22)
    at resolve (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8415:27)
    at waitForServerPrefetch (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8287:3)
    at renderComponentInner (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8426:3)
    at renderComponent (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8383:5)
    at RenderContext.renderNode (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8294:5)
    at RenderContext.next (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:2598:23)
    at cachedWrite (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:2451:9)
    at renderElement (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8544:5)
    at renderNode (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8296:5)
    at resolve (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8421:5)
    at waitForServerPrefetch (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8287:3)
    at renderComponentInner (/Users/stevapple/.config/yarn/global/node_modules/vue-server-renderer/build.dev.js:8426:3)

vuepress dev 前端五处报错：

[Vue warn]: Unknown custom element: <LoadingPage> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Common> at node_modules/vuepress-theme-reco/components/Common.vue
       <Layout> at node_modules/vuepress-theme-reco/layouts/Layout.vue
         <GlobalLayout> at .config/yarn/global/node_modules/@vuepress/core/lib/client/components/GlobalLayout.vue
           <Root>

[Vue warn]: Error in render: "TypeError: undefined is not an object (evaluating 'this.$categories.list')"

found in

---> <PersonalInfo> at node_modules/vuepress-theme-reco/components/PersonalInfo.vue
       <Sidebar> at node_modules/vuepress-theme-reco/components/Sidebar.vue
         <Common> at node_modules/vuepress-theme-reco/components/Common.vue
           <Layout> at node_modules/vuepress-theme-reco/layouts/Layout.vue
             <GlobalLayout> at .config/yarn/global/node_modules/@vuepress/core/lib/client/components/GlobalLayout.vue
               <Root>

TypeError: undefined is not an object (evaluating 'this.$categories.list')

[Vue warn]: Unknown custom element: <AccessNumber> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Footer> at node_modules/vuepress-theme-reco/components/Footer.vue
       <Common> at node_modules/vuepress-theme-reco/components/Common.vue
         <Layout> at node_modules/vuepress-theme-reco/layouts/Layout.vue
           <GlobalLayout> at .config/yarn/global/node_modules/@vuepress/core/lib/client/components/GlobalLayout.vue
             <Root>

[Vue warn]: Unknown custom element: <Comments> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Common> at node_modules/vuepress-theme-reco/components/Common.vue
       <Layout> at node_modules/vuepress-theme-reco/layouts/Layout.vue
         <GlobalLayout> at .config/yarn/global/node_modules/@vuepress/core/lib/client/components/GlobalLayout.vue
           <Root>

Other relevant information

• Your OS: macOS 10.15.4
• Node.js version: v13.11.0
• VuePress version: 1.4.0
• VuePress-theme-reco version: 1.3.2
• Which package manager did you use for the install(npm/cnpm/yarn)? npm and yarn, both have the same output

Bug report

What is actually happening?

DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.

在 netlify 网站部署后, 网站打不开, 并且出现了上述问题！

Other relevant information

网址: https://fanle.netlify.com/

• Your OS: https://app.netlify.com/
• VuePress version: 1.2.0
• VuePress-theme-reco version: 1.2.2

Bug report

error @vuepress/plugin-blog apply clientDynamicModules failed.
(node:13336) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'reduce' of undefined
    at clientDynamicModules (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\plugin-blog\lib\node\index.js:88:81)
    at ClientDynamicModulesOption.asyncApply (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\core\lib\node\plugin-api\abstract\AsyncOption.js:33:21)
    at async ClientDynamicModulesOption.apply (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\core\lib\node\plugin-api\override\ClientDynamicModulesOption.js:15:5)
    at async PluginAPI.applyAsyncOption (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\core\lib\node\plugin-api\index.js:277:5)
    at async Promise.all (index 0)
    at async App.process (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\core\lib\node\App.js:124:5)
(node:13336) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 2)
(node:13336) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
error @vuepress/plugin-blog apply clientDynamicModules failed.
(node:13336) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'reduce' of undefined
    at clientDynamicModules (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\plugin-blog\lib\node\index.js:88:81)
    at ClientDynamicModulesOption.asyncApply (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\core\lib\node\plugin-api\abstract\AsyncOption.js:33:21)
    at async ClientDynamicModulesOption.apply (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\core\lib\node\plugin-api\override\ClientDynamicModulesOption.js:15:5)
    at async PluginAPI.applyAsyncOption (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\core\lib\node\plugin-api\index.js:277:5)
    at async Promise.all (index 0)
    at async App.process (e:\我的项目\一些网站\vuepress\danielmlc-blog\node_modules\[email protected][email protected]@@vuepress\core\lib\node\App.js:124:5)
(node:13336) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 4)
warning Override existing page /tag/.
warning Override existing page /categories/.
warning Override existing page /timeline/.

What is actually happening?

Other relevant information

  "vuepress": "1.2.0",
  "vuepress-theme-reco": "1.2.0-alpha.15",

我刚发了一篇文章 2020/4/1号的 发现被排在了最后。是不是有什么配置可以让最新文章置顶

• [x] I confirm that this is an issue rather than a question.

Bug report

What is actually happening?

default theme can return 404 page.

i copy reco to my docs/.vuepress/theme

a (blank) page returned below instead of the proper 404 page (below):

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title></title>
  <link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="icon" href="favicon.ico"><link rel="manifest" href="site.webmanifest"><meta name="application-name" content="fastzhong-bits"><meta name="description" content="fastzhong's study notes"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta charset="utf-8"></head>
  <body>
    <div id="app"></div>
  <script type="text/javascript" src="/assets/js/app.js"></script></body>
</html>

Other relevant information

• Your OS: MacOS 11.4
• Node.js version: 16.3
• VuePress version: 1.8.2
• VuePress-theme-reco version: 1.6.6
• Which package manager did you use for the install(npm/cnpm/yarn)? yarn

http://vuepress-theme-reco.recoluan.com/ http://www.likemashang.com/ 都没法访问

Feature request

config.js feat： darkIcon: /dark.ico

home.vue

feat: darkHeroImage: /dark.png

• [ ] I confirm that this is an issue rather than a question.

Bug report

What is actually happening?

当我新增博客的页面总共到64个页面的时候，主页页面会显示混乱，就是最新提交的5篇就消失了的。就是在主页显示不出来最新的5篇文章（更新到第64篇，多余64篇也是同样的问题，只能显示前59篇），但是在分类、标签、时间线和搜索框下都能找到最新更新的文章，就只是首页显示时混乱的。而且，当我文章总数到64篇的时候，页面显示不正确，但是删除其中的任意一篇，主页页面都可以正常显示，就是文章总数只要不大于64，那么无论怎们换文章都可以正常显示。我也经过多次测试，但是都不能解决这个问题，看其使用这个主题的的人，大多数都还没有写道第64篇，所以不知道其他人有没有这个问题。

Other relevant information

• Your OS: Windows10 专业版
• Node.js version: 14.17.0
• VuePress version: 1.8.2
• VuePress-theme-reco version: 1.6.6
• Which package manager did you use for the install(npm/cnpm/yarn)?yarn

我是1.6.1的主题版本，这版本中只支持文章的二级和三级标题，实在有点少，很多使用想用一级或四级标题都不能显示，希望题主主在新版本中能支持更多的标题级别。

• [x] I confirm that this is an issue rather than a question.

Bug report

What is actually happening?

I put some embed code from Pixiv to a markdown file:

<script src="https://source.pixiv.net/source/embed.js" data-id="58991926_d5683fc24174ac94ab41e473fa2c8cf2" data-size="large" data-border="off" charset="utf-8"></script><noscript><p><a href="https://www.pixiv.net/member_illust.php?mode=medium&amp;illust_id=58991926" target="_blank">君の名は。</a> by <a href="https://www.pixiv.net/member.php?id=3014645" target="_blank">Masabodo</a> on <a href="https://www.pixiv.net/" target="_blank">pixiv</a></p></noscript>

But the content isn't showing, and errors come out in the console:

acg-wallpaper-recommendation-0.md?1ced:1 Uncaught (in promise) Error: Cannot find module 'https://source.pixiv.net/source/embed.js?vue&type=script&data-id=58991926_d5683fc24174ac94ab41e473fa2c8cf2&data-size=large&data-border=off&charset=utf-8&lang=js&'
    at webpackMissingModule (acg-wallpaper-recommendation-0.md?1ced:1)
    at eval (acg-wallpaper-recommendation-0.md?1ced:1)
    at Module../blogs/recommendations/2017/acg-wallpaper-recommendation-0.md (10.js:11)
    at __webpack_require__ (app.js:833)
    at fn (app.js:130)

client?e0b3:159 ./blogs/recommendations/2017/acg-wallpaper-recommendation-0.md
Module not found: Error: Can't resolve 'https://source.pixiv.net/source/embed.js?vue&type=script&data-id=58991926_d5683fc24174ac94ab41e473fa2c8cf2&data-size=large&data-border=off&charset=utf-8&lang=js&' in '/home/dyz/dev/dyzdyz010.github.io/blogs/recommendations/2017'

./blogs/recommendations/2017/acg-wallpaper-recommendation-0.md?vue&type=custom&index=0&blockType=noscript (./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??ref--1-1!./node_modules/@vuepress/markdown-loader??ref--1-2!./blogs/recommendations/2017/acg-wallpaper-recommendation-0.md?vue&type=custom&index=0&blockType=noscript) 4:0
Module parse failed: Unexpected token (4:0)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/vue-loader/lib/index.js
 * ./node_modules/@vuepress/markdown-loader/index.js
You may need an additional loader to handle the result of these loaders.
| 
| 
> <p><a href="https://www.pixiv.net/member_illust.php?mode=medium&amp;illust_id=58991926" target="_blank">君の名は。</a> by <a href="https://www.pixiv.net/member.php?id=3014645" target="_blank">Masabodo</a> on <a href="https://www.pixiv.net/" target="_blank">pixiv</a></p>

Other relevant information

• Your OS: Ubuntu 18.04 LTS
• Node.js version: 14.16.0
• VuePress version: 1.8.2
• VuePress-theme-reco version: 1.6.6
• Which package manager did you use for the install(npm/cnpm/yarn)? npm

Feature request

如下图，只能显示部分目录，而我想目录的高度变大一点 最好类似Typora这种，可以一下子显示整篇文章的目录

如果能让用户自定义 subSidebar 高度，就会很棒，请问有什么方式可以实现这个需求吗？

• [ yes ] I confirm that this is an issue rather than a question.

Bug report

What is actually happening?

文章md：

在首页无法解析，图片无法显示

.vuepress/config.js中配置base为“/press/”

文章详情页显示正常如下：

首页无法显示图片

Other relevant information

由于目前如果要配置base，官方文档提供了只能用标签的方式，所以目前这种方式对于有配置base的开发者来说非常不方便。希望大大能更新一下这个bug。

• Your OS: Windows10
• Node.js version: 10+
• VuePress version: 1.8.2
• VuePress-theme-reco version:1.6.6
• Which package manager did you use for the install(npm/cnpm/yarn)? npm