meteorlxy / vuepress-theme-meteorlxy

:sparkling_heart: VuePress Blog Theme - Meteorlxy

VuePress Blog Theme - Meteorlxy

❤️ Meteorlxy blog theme for VuePress

Documentation

📖 Live Demo and Docs

LICENSE

MIT © @meteorlxy & Contributors

vuepress-theme-meteorlxy's Issues

[Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"

i use sample config your provide but cause error above

自定义base无效

当在config.js自定义base为'/xxx/'时,无法正常访问首页,会报404

[Bug Report] 草稿内容在分类和标签页面展现

Describe the bug

在categories和tags页面会把草稿内容也展示出来

Steps To Reproduce

Screenshots

Expected behavior

Environment (please complete the following information):

Additional context

要不要考虑添加一些国内的社交媒体链接？[Feature Request]

What problem does the feature solve?

例如网易云音乐，微信，qq，leetcode主页的社交链接，

或者图标库引入？，国内可选的有点少的可怜，一般就 GitHub+zhihu

虽然在描述部分可以用html添加这些，但我觉得有这个需求的应该不止我一个😅

description html中添加这些就破坏了主题的规范性不是吗，

脸书都加了，考虑为国内扩充一下 Tencent？👀

主题很好看❤，我这个只是站在国内用户的角度提的小建议，🌳

[Bug Report] Menu button does not work (nothing display)

Describe the bug

Menu button does not work (nothing display)

Steps To Reproduce

Steps to reproduce the behavior:

1. Go to https://vuepress-theme-meteorlxy.meteorlxy.cn/
2. Click on menu button

Screenshots

show image

Expected behavior

Environment (please complete the following information):

• Theme Version: v1.0.2
• Vuepress Version: v1.0.2
• OS: iOS
• Browser: safari, chrome, firefox

Additional context

热更新有点问题

{
  "dependencies": {
    "vuepress": "^1.0.0-alpha.46",
    "vuepress-theme-meteorlxy": "^1.0.0-alpha.34"
  }
}

版本: 1.33.0 (user setup)
Electron: 3.1.6
Chrome: 66.0.3359.181
Node.js: 10.2.0
V8: 6.6.346.32
OS: Windows_NT x64 10.0.17763

上面是我本地的npm包的版本以及VsCode和浏览器、操作系统版本信息

问题：
我在_posts文件夹下写md文件，无法热更新。虽然我在VsCode的Terminal里看到本地构建完成，但是浏览器无法及时响应，即使我主动刷新也是无济于事。

[Bug Report] palette.styl设置无效,smoothScroll无效

palette.styl设置无效,smoothScroll设置无效

如何自定义首页？

如题。我创建了/src/README.md文件，但是主体内容显示不出来。

我使用的版本如下：
"vuepress": "^1.0.0-alpha.47",
"vuepress-theme-meteorlxy": "^1.0.0-alpha.34"

update依据什么改变呢？

我在设置中是有设置lastUpdated:true的，但是更新文章update还是不变，需要md文件在git项目中吗？我的md文件每次都是用命令行复制过来这个项目的，然后再进行编译。

关于点击文章分类或标签展示的一个小bug

分类与标签展示问题

每篇文章标题下会有日期、分类及标签展示。但是点击分类切换路由之后，展示的是所有标签。
标签亦是，展示的是所有的分类。

anchor 失效问题

使用 anchor 连接进行跳转时，页面滚动位置有问题（不会精准的跳到连接中的 anchor 上），比如在地址栏输入 “http://xxx.com/posts/2019/11/15/测试文章#测试标题”，并不会跳到“测试标题”的 anchor 上，会有偏差，而且刷新的话，会回到刷新前当前页面所在的位置，anchor 完全失效。

about i18n

Hello Friend,

I would like to help add i18n for standard pages (like in Categories.vue title).

My intention is add en-US and pt-BR.

I tried using the 'vue-i18n' plugin, based on your implementation of vssue plugin, but could not find a right entry point for include 'vue-i18n' in root whith elegant way.

I've tried with enhanceappfiles and clientrootmixin.

I'm thinking of following the same strategy used in Default Theme.

Do you suggest something different?

tnks!

Ps.: Sorry my wrong english.

文档中链接太长会超出文档区域

建议添加文字折行

[Feature Request] custom home page

What problem does the feature solve?

I would like to customize the home page.

Proposed solution

An index.md or README.md in the root directory, which is used if present.

Thank you so much
Hannes

Cannot read property 'path' of undefined

1. bug:
   如果md文章没有设置title部分可能会导致build报错,下边是报错信息

TypeError: Cannot read property 'path' of undefined
    at 2.server-bundle.js:760:1212
    at a.pe [as _l] (E:\workspace\blog\node_modules\vue\dist\vue.runtime.common.prod.js:6:15705)
    at a.PostsListItemvue_type_template_id_5daace0f_render (node_modules/vuepress-theme-meteorlxy/lib/components/PostsListItem.vue?385c:1:1056)
    at a.t._render (E:\workspace\blog\node_modules\vue\dist\vue.runtime.common.prod.js:6:34798)
    at E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:69946
    at Zi (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:66510)
    at eo (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:69922)
    at Qi (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:69553)
    at yt.Xi [as renderNode] (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:66800)
    at yt.next (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:20384)
    at yt.n [as write] (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:18596)
    at yt.next (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:20467)
    at n (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:18596)
    at E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:66621
    at yt.Xi [as renderNode] (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:66772)
    at yt.next (E:\workspace\blog\node_modules\vue-server-renderer\build.prod.js:1:20384)

问题导向了PostsListItem.vue组件
2. 建议：希望能添加右侧导航在滚动到锚点时的样式，加强一下用户体验 :)

[Vssue] Comments for docs

Flexible HeaderStyle Settings

希望 header 能支持如下选项:

    headerBackground: {
        useGeo: false,
        url: ['/assets/img1', '/assets/img2', '/assets/img3'],
        height: 150,
        headerTitle: false,
    },

1. 支持在多张图片里选择随机的一张作为 header 图片

vuepress-theme-meteorlxy/lib/components/TheHeader.vue

Lines 65 to 70 in 8558ad3

	'background-image': `url(${this.background.url})`,
	} : !this.$ssrContext ? {
	// avoid prerendering the geopattern in build stage
	// or the html files will be 14KB larger
	'background-image': this.gpImg(),
	} : {}

2. 250px 太宽了, 应该提供一个可以自由调整高度的选项

3. 高度调小以后没地方给 HeaderTitle 了, 我找不到在哪能隐藏这个.

页面加载失败

你好，首先感谢编写这么精美的主题，在使用中出现了一些问题，想咨询下。

我按照你github pages的repo 进行配置，yarn dev后打开浏览器访问首页，结果显示空白，F12后，输出如下：
vue.runtime.esm.js?2b0e:601 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> at node_modules/@vuepress/core/lib/app/components/LayoutDistributor.vue

clone你的github pages的repo，测试也是有问题。
但是clone主题这个repo，确是OK的，不知道哪里出现了问题，能否帮忙解答下，多谢~

iphone ios系统 首页右上角缩略图点击失效

如题

[Bug Report] 首页点击标签或分类跳转，会显示 draft

在首页点击标签或分类跳转时（/posts/categories、/posts/tags），draft=true 的文章会被搜出来。

favicon角标配置无效

在config.js中配置
head: ['link', { rel: 'icon', href: '/favicon.ico' }],

没有出现网页的角标

[Feature Request] 创建Issues时，同时将博文内容保存到Issues

What problem does the feature solve?

当收到评论的邮件提醒（通过评论创建了一个Issue，maybe...），查看Issue时，为了快速的定位到评论关联到的博文内容，以便决定是否需要紧急回复。

Proposed solution

在frontmatter中加入一个可选项，是否保存博文内容，或者保存博文链接。

Alternative solutions

none

Additional context

vssue issueContent 配置项应该可以完成这个功能，唯一需要注意的点，可能是博文的图片链接，需要替换为博文的原地址。

总是重定向 404 github

怎么设置特定页面的自定义布局

在自定义的页面内添加了layout: SpecialLayout，
新建了.vuepress/components/SpecialLayout.vue组件，并提供了name属性，但还是会报错。

[Bug Report] 自动生成首页有点问题

Describe the bug

我写了两个文件夹，其中一个有 MD 文件一个没有 但是 路由进去以后报 404 无页面，且首页也无那篇文章。

Steps To Reproduce

Steps to reproduce the behavior:

1. 我的NAV 写的是 { text: '日记', link: '/_posts/', exact: false },
2. 文件夹也是_posts
3. 文件夹下有一个.md文件
4. 在首页正确显示了这个.md 文件 但是在 localhost/_posts 下面显示的是 404 没有这个页面

• Vuepress Version: [v1.x]
• OS: [MacOS 14.3]

Additional context

问题已解决 改成如下即可
{ text: '日记', link: '/posts/', exact: false },

[Vssue] Comments for docs

[Feature Request] 侧边栏 ToC 支持高亮等

1. 侧边栏 ToC 支持当前区间高亮显示，效果类似：

2. footer 加入备案

well done and go on!

1.0.1升级到1.20以及1.10后，404错误

[Bug Report] Banner is blank

Hello I recently pulled the theme package from npm and followed the documentation. After running the dev script, the banner was empty. How can I fix this ?

Also I removed the config.js/url

Edit: Ah I found the issue. Changes not applied after updating the config.js. Stopping then running again fixed the problem.

加一个wechat好吗，brother

[Feature Request] 关于社交媒体图标被广告拦截插件屏蔽的优化点

解决什么问题

线上偶然会出现的，社交媒体按钮被广告拦截插件屏蔽，导致无法显示的问题

如何判断是否出现该问题

若站点社交媒体不见了，开启浏览器的无痕模式，打开站点，查看图标是否出现

如何解决

1. 临时解决；关掉广告拦截插件，例如：Adblocker for Chrome - NoAds
   
   或者尝试其他可能引起该问题的插件

2. 彻底解决，更换图标使用的类名 .sns-link

如何复现

安装上面提到的插件，打开一个配置了社交媒体图标的显示站点

问题发现的思路

在线上站点使用审查元素选中原本应该图标的位置，发现被注入了一段css

复制出去，搜索，会发现我们使用的类名.sns-link

解决

其他

简单搜索了源码，发现这个类名在个人信息卡和footer中被使用了，但是不知道还有没有其他特殊的含义，如有需要，可帮忙修改

Layout.vue does not exist 怎么解决

请教一下🤨

[Feature Request] Override same-name components via theme inheritance

What problem does the feature solve?

Make convience for user overriding same-name components

Proposed solution

Referring to other components with an alias of @theme in the theme code

Alternative solutions

Additional context

你好，npm run build编译失败

(undefined) ./node_modules/vue-property-decorator/lib/vue-property-decorator.js
Module not found: Error: Can't resolve 'vue-class-component' in 'D:\server\新建文件夹 (2)\vuepress-theme-meteorlxy\node_modules\vue-property-decorator\lib'
resolve 'vue-class-component' in 'D:\server\新建文件夹 (2)\vuepress-theme-meteorlxy\node_modules\vue-property-decorator\lib'
Parsed request is a module
爆出了这样的一个错误，是不是某些组件该升级了？
下载了示例，编译，也是报同样的错误

Navbar on mobile devices not usable

Just notices that on mobile devices your theme is not rendering the navbar properly, if the name of the home link is to long. I hope this helps improving your theme. Nice work.

(Andorid with chrome - if you need more information about the configuration just reply)

新建文章vssue设为ture会报错

新添加md文件后，frontmatter里的vssue默认为true,本地运行后再点进文章页会报错
vssue.js?ffa6:1612 Error: Failed to get comments
at VueComponent.initCommentsByIssueTitle (vssue.js:1343)
at async VueComponent.init (vssue.js:1604)
因为获取不到评论然后会直接跳转到线上地址。
目前只能本地调试时先将vusse设为false，等文章编辑完成，push到线上之前再删掉。

[Feature Request] external links

What problem does the feature solve?

first: really nice blogging theme, love it! but:

at the top right you have 2 links: chagelog and github. It is not obvious that those a external links.

Proposed solution

it would be great if those links could automatically get something like an arrow at the end, which indicates that one is leaving the blog when clicking!

首页图片异常

十分感谢你的主题，使得vuepress在blog方面更加漂亮了！
在文章里放图片的话，首页会显示图片的实际大小。导致穿出模块占据满整个页面的情况。
暂时我是把图片放到<!-- more -->后面解决

点击事件有问题

当在手机上浏览时，点击事件失效！

页面加载失败返回404

博客中的一篇文章：https://blog.kkyan.cn ---- 《100天跨考网研交换》

直接从首页是可以打开的，但是从外部链接进入就提示404：
https://blog.kkyan.cn/posts/2018/07/18/_100%E5%A4%A9%E8%B7%A8%E8%80%83%E7%BD%91%E7%A0%94%E4%BA%A4%E6%8D%A2.html

而且页面渲染出现问题，想知道可能的原因在哪里

使用的 1.0.0-alpha.28

之前使用 alpha25 版本没有问题

自定义首页无法显示内容[Bug Report]

Describe the bug

创建/src/README.md文件，无法显示内容。

Steps To Reproduce

none

Screenshots

none

Expected behavior

显示自定义的页面内容

Environment (please complete the following information):

• Theme Version: "^1.0.0-alpha.34"
• Vuepress Version: "^1.0.0-alpha.47"
• OS: Windows 10
• Browser: chrome 73

Additional context

none

[Bug Report] build打包后社交媒体图标不显示

build打包后社交媒体图标不显示

在本地开发时，我配置了我的社交媒体信息，查看时显示正常，如图：

但是发现打包后，社交媒体图标却不见了，如图：

我检查了两边，发现类名等没有太大区别，十分疑惑，求解

我的站点的线上地址：链接

Question for Vssue

Hi,

Whenever I enable comments, theme automatically redirects someone to login with github when they visit a post page.

Has anyone experienced this? Post page automatically redirecting to github, without user explicitly saying they want to comment.

[Feature Request] Img Thumbnail

What problem does the feature solve?

The Needed Thumbnail for blog post list

Proposed solution

add a thumbnail img for loop list in post list

Alternative solutions

where i can edit it ? thank you

Additional context

your theme is awesome.. it's just be more awesome if have thumbnail img in post list..

thank you

Detail Example For The *MD

First of all , thank you open this repo . Can you show the ex of the content of one blog's content format ? cause i do not know how to write one ..

“分类”、“标签”剔除 draft 统计

当前 draft 的分类(category)和标签(tag)会显示，建议剔除：

[Feature Request] add smoothScroll config

What problem does the feature solve?

请求添加平滑滚动相关配置项。页面内容太多时，平滑滚动的效果对我个人来说观感很差，而且也影响效率，不如直接跳转到锚点。

Proposed solution

在themeConfig中添加smoothScroll项

Alternative solutions

无

Additional context

无

npmjs文档修改

依据npm中作者的配置，配置personalInfo.avator显示图片未找到，改成avatar头像才显示

[Feature Request] 多语言不支持 locales

What problem does the feature solve?

希望能支持多语言。
A clear and concise description of what the problem is, and why we need this feature.

Proposed solution

Describe what you want to happen, and the solution you'd like.

Alternative solutions

Any alternative solutions or features you've considered.

Additional context

Add any other context or screenshots about the feature request here.

[Bug Report] Using relative paths in markdown files will generate 404 links after build

Describe the bug

A bit similar to vuejs/vuepress#1227

As title.

Steps To Reproduce

This blog article page is generated by this markdown file (raw file here).

If you just click all the links on the page directly, everything works fine.
However, if you right click, Copy Link Address and then paste it to a new tab address bar, press the Enter key, finally it will end up with 404 Not Found.

Let's take the first link 前言 as an example.
Copy Link Address, we will have https://kenberkeley.github.io/_posts/my-it-job-hunting-experience-in-australia/0-preface/ , which SPA mode can handle properly whilst direct visits will always fail.

Expected behavior

Should generate https://kenberkeley.github.io/posts/my-it-job-hunting-experience-in-australia/preface/ for the 前言 link, instead of the improper link with /_posts/ and the actual filename 0-preface.
The permalink defined in 前言 page is /posts/my-it-job-hunting-experience-in-australia/preface

Environment (please complete the following information):

• Theme Version: v1.5.0
• Vuepress Version: v1.1.0
• OS: All
• Browser: All