meteorlxy / vuepress-theme-meteorlxy Goto Github PK
View Code? Open in Web Editor NEW:sparkling_heart: VuePress Blog Theme - Meteorlxy
Home Page: https://vuepress-theme-meteorlxy.meteorlxy.cn/
License: MIT License
:sparkling_heart: VuePress Blog Theme - Meteorlxy
Home Page: https://vuepress-theme-meteorlxy.meteorlxy.cn/
License: MIT License
十分感谢你的主题,使得vuepress在blog方面更加漂亮了!
在文章里放图片的话,首页会显示图片的实际大小。导致穿出模块占据满整个页面的情况。
暂时我是把图片放到<!-- more -->
后面解决
在config.js中配置
head: ['link', { rel: 'icon', href: '/favicon.ico' }],
没有出现网页的角标
我写了两个文件夹,其中一个有 MD 文件一个没有 但是 路由进去以后报 404 无页面,且首页也无那篇文章。
Steps to reproduce the behavior:
问题已解决 改成如下即可
{ text: '日记', link: '/posts/', exact: false },
{
"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
里看到本地构建完成,但是浏览器无法及时响应,即使我主动刷新也是无济于事。
博客中的一篇文章: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 版本没有问题
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.
如题
使用 anchor 连接进行跳转时,页面滚动位置有问题(不会精准的跳到连接中的 anchor 上),比如在地址栏输入 “http://xxx.com/posts/2019/11/15/测试文章#测试标题”,并不会跳到“测试标题”的 anchor 上,会有偏差,而且刷新的话,会回到刷新前当前页面所在的位置,anchor 完全失效。
依据npm中作者的配置,配置personalInfo.avator
显示图片未找到,改成avatar
头像才显示
i use sample config your provide but cause error above
The Needed Thumbnail for blog post list
add a thumbnail img for loop list in post list
where i can edit it ? thank you
your theme is awesome.. it's just be more awesome if have thumbnail img in post list..
thank you
请教一下🤨
希望 header 能支持如下选项:
headerBackground: {
useGeo: false,
url: ['/assets/img1', '/assets/img2', '/assets/img3'],
height: 150,
headerTitle: false,
},
vuepress-theme-meteorlxy/lib/components/TheHeader.vue
Lines 65 to 70 in 8558ad3
250px 太宽了, 应该提供一个可以自由调整高度的选项
高度调小以后没地方给 HeaderTitle 了, 我找不到在哪能隐藏这个.
如题。我创建了/src/README.md文件,但是主体内容显示不出来。
我使用的版本如下:
"vuepress": "^1.0.0-alpha.47",
"vuepress-theme-meteorlxy": "^1.0.0-alpha.34"
在categories和tags页面会把草稿内容也展示出来
在本地开发时,我配置了我的社交媒体信息,查看时显示正常,如图:
但是发现打包后,社交媒体图标却不见了,如图:
我检查了两边,发现类名等没有太大区别,十分疑惑,求解
我的站点的线上地址:链接
A bit similar to vuejs/vuepress#1227
As title.
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.
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
线上偶然会出现的,社交媒体按钮被广告拦截插件屏蔽,导致无法显示的问题
若站点社交媒体不见了,开启浏览器的无痕模式,打开站点,查看图标是否出现
2. 彻底解决,更换图标使用的类名 .sns-link
安装上面提到的插件,打开一个配置了社交媒体图标的显示站点
在线上站点使用审查元素选中原本应该图标的位置,发现被注入了一段css
复制出去,搜索,会发现我们使用的类名.sns-link
简单搜索了源码,发现这个类名在个人信息卡和footer中被使用了,但是不知道还有没有其他特殊的含义,如有需要,可帮忙修改
palette.styl设置无效,smoothScroll设置无效
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 ..
当在config.js自定义base为'/xxx/'时,无法正常访问首页,会报404
在自定义的页面内添加了layout: SpecialLayout,
新建了.vuepress/components/SpecialLayout.vue组件,并提供了name属性,但还是会报错。
当收到评论的邮件提醒(通过评论创建了一个Issue,maybe...),查看Issue时,为了快速的定位到评论关联到的博文内容,以便决定是否需要紧急回复。
在frontmatter中加入一个可选项,是否保存博文内容,或者保存博文链接。
none
vssue issueContent
配置项应该可以完成这个功能,唯一需要注意的点,可能是博文的图片链接,需要替换为博文的原地址。
(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
爆出了这样的一个错误,是不是某些组件该升级了?
下载了示例,编译,也是报同样的错误
Make convience for user overriding same-name components
Referring to other components with an alias of @theme
in the theme code
我在设置中是有设置lastUpdated:true的,但是更新文章update还是不变,需要md文件在git项目中吗?我的md文件每次都是用命令行复制过来这个项目的,然后再进行编译。
例如网易云音乐,微信,qq,leetcode主页的社交链接,
或者图标库引入?,国内可选的有点少的可怜,一般就 GitHub+zhihu
虽然在描述部分可以用html添加这些,但我觉得有这个需求的应该不止我一个😅
description html中添加这些就破坏了主题的规范性不是吗,
脸书都加了,考虑为国内扩充一下 Tencent?👀
主题很好看❤,我这个只是站在国内用户的角度提的小建议,🌳
每篇文章标题下会有日期、分类及标签展示。但是点击分类切换路由之后,展示的是所有标签。
标签亦是,展示的是所有的分类。
当在手机上浏览时,点击事件失效!
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. 建议:希望能添加右侧导航在滚动到锚点时的样式,加强一下用户体验 :)
请求添加平滑滚动相关配置项。页面内容太多时,平滑滚动的效果对我个人来说观感很差,而且也影响效率,不如直接跳转到锚点。
在themeConfig
中添加smoothScroll
项
无
无
Menu button does not work (nothing display)
Steps to reproduce the behavior:
创建/src/README.md文件,无法显示内容。
none
none
显示自定义的页面内容
none
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.
新添加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到线上之前再删掉。
建议添加文字折行
I would like to customize the home page.
An index.md or README.md in the root directory, which is used if present.
Thank you so much
Hannes
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.
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!
在首页点击标签或分类跳转时(/posts/categories、/posts/tags),draft=true 的文章会被搜出来。
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.
你好,首先感谢编写这么精美的主题,在使用中出现了一些问题,想咨询下。
我按照你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的,不知道哪里出现了问题,能否帮忙解答下,多谢~
希望能支持多语言。
A clear and concise description of what the problem is, and why we need this feature.
Describe what you want to happen, and the solution you'd like.
Any alternative solutions or features you've considered.
Add any other context or screenshots about the feature request here.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.