80maker / vuepress-theme-maker Goto Github PK

已在1.2.2版本修复;

老板，还是有点问题

首页图片能加载出来，进入文章后头图就加载不出来了
这是我现在部署的地址：

https://i2333g3.gitee.io/personal-learning-blog/post/2022/04/21/shell.html

左侧头像加载不出
从首页进文章页后，刷新地址变成了：https://i2333g3.gitee.io/personal-learning-blog/post/2022/04/21/logo.jpg 了

应该是 https://i2333g3.gitee.io/personal-learning-blog/logo.jpg

Originally posted by @2333Ge in #15 (comment)

https://80shuo.com/post/2020/12/26/theme-learning-0.html

当部署到形如 https://foo.github.io/bar/ 的pages上时，图片资源加载不出来

在官网查到这个描述，

如果你打算将你的网站部署到 https://foo.github.io/bar/，那么 base 的值就应该被设置为 "/bar/" (应当总是以斜杠开始，并以斜杠结束)。

有了基础路径（Base URL），如果你希望引用一张放在 .vuepress/public 中的图片，你需要使用这样路径：/bar/image.png，然而，一旦某一天你决定去修改 base，这样的路径引用将会显得异常脆弱。为了解决这个问题，VuePress 提供了内置的一个 helper $withBase（它被注入到了 Vue 的原型上），可以帮助你生成正确的路径：

在对应文件加上withbase后能加载出来了

目前发现的加载不出来资源的地方有：首页图片、tags汇总页跳转链接、文章主页头部图片

在 .vuepress/config.js 中 写入theme: 'vuepress-theme-maker' 出现报错

Error: [vuepress] Failed to load custom theme "vuepress-theme-maker". File vuepress-theme-vuepress-theme-maker/Layout.vue does not exist.

当进度提示图标为100%时跳转到无滚动条页面会变成NaN

代码

 blog: {
            directories: [
                {
                  id: 'experience',
                  dirname: 'experience',
                  path: '/experience/',
                  itemPermalink: '/experience/:year/:month/:day/:slug.html',
                  pagination: {
                    perPagePosts: 10,
                  },
                }
            ],
            frontmatters: [
                {
                  id: "tag",
                  keys: ['tag', 'tags'],
                  path: '/tags/',
                  frontmatter: { title: 'Tag' },
                  pagination: {
                    lengthPerPage: 10
                  }
                },
                {
                  id: "category",
                  keys: ['category', 'categories'],
                  path: '/categories/',
                  frontmatter: { title: 'Category' },
                  pagination: {
                    lengthPerPage: 10
                  }
                }
            ],

This is pointed out in the Vuepress documentation:

WARN

Note that if you're accessing $pagination at a route which doesn't match any classification, the value of $pagination will be null.

So when you develop layout components, you need to verify that $pagination exists.

Build fails because it can't find items in $pagination.pages. Looks like a problem with the config file?

I am not familiar with this system. From the OAuth-looking interface, these should be changed with an and environmental variable lookup; and if they are in use, the credentials should be rotated.

test

Going to https://80shuo.com/ the html does not have <meta charset="utf-8"> or any other meta tag in HTML head, but those are specified in ssr:

Where could this issue come from?

https://80shuo.com/friend-links/

http://localhost:8088/post/2020/11/26/md5.html

For a particular post, I want to create a script tag and run code inside it on the client side. So I just put it in the .md file and because of it the build process failed. I understand it's because vue is trying to run that script on the server side.

I can't seem to find a way to make vuepress skip this script and just write it in the built html side the way it is. I also just need the code for a single post, so I don't want to change anything big.

My question: is there a way to make the theme-maker ignore that script tag? perhaps wrapping it in something? any ideas?

https://80shuo.com/post/2020/12/26/theme-learning-0.html