GithubHelp home page GithubHelp logo

gavinliu6 / vuepress-theme-mix Goto Github PK

View Code? Open in Web Editor NEW
51.0 51.0 16.0 1007 KB

VuePress Theme Mix for VuePress 2

Home Page: https://vuepress-theme-mix.netlify.app

License: MIT License

JavaScript 3.03% Shell 0.12% Vue 58.49% TypeScript 32.02% CSS 5.66% HTML 0.68%
vuepress vuepress-theme

vuepress-theme-mix's People

Contributors

gavinliu6 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

vuepress-theme-mix's Issues

优化滚动条显示样式,让多目录显示更友好

作者大大:

您好,今天我在撰写一篇文章时,由于次级标题很多,导致侧边目录长度超过屏幕高度,会显示出滚动条出来。

在 PC 端下使用夜间模式时,显示非常不友好。

在手机端,由于手机操作系统的默认滚动条样式细小,显示非常友好。

不知道,可否方便在 PC 端增加:下拉滚动条样式。

示例地址

似乎与最新版本的某个库不兼容

一开始我的package.json是这样的

{
  "devDependencies": {
    "vuepress": "^2.0.0-beta.43",
    "vuepress-theme-mix": "^1.3.2"
  }
}

然后一旦使用mixTheme后页面不显示,浏览器中出现了这个错误

Uncaught (in promise) Error: usePageFrontmatter() is called without provider.
    at usePageFrontmatter (chunk-RTLFYRTT.js:35:11)
    at setup (Layout.vue:57:25)
    at callWithErrorHandling (runtime-core.esm-bundler.js:155:22)
    at setupStatefulComponent (runtime-core.esm-bundler.js:7165:29)
    at setupComponent (runtime-core.esm-bundler.js:7120:11)
    at mountComponent (runtime-core.esm-bundler.js:5473:13)
    at processComponent (runtime-core.esm-bundler.js:5448:17)
    at patch (runtime-core.esm-bundler.js:5038:21)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5660:17)
    at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)

然后把package.json中改为"vuepress": "2.0.0-beta.43",然后就正常了。似乎与某个库的最新版本不兼容?

右侧侧边栏可以自定义depth么

您好,我发现当前的右侧侧边栏默认是三层结构,再小的子标题不予显示。这块可以开放一个depth参数用来控制子标题显示的层数么?

请求增加 Sitemap 生成支持

您好:

之前使用 v1 时,我使用 vuepress-theme-hope 作为主题,自从发现 vuepress-theme-mix 后,深爱简洁及配色,然而主题没并有集成 sitemap

我尝试安装了 hope 写的 vuepress-plugin-sitemap2 ,其 build 构建后,并没有站点地图生成,由于本人只能看懂 html 标识文本,vue 实在是不懂,在此提交一个 lssues,希望作者能增加 sitemap 。

感谢!

Alignment issue of the code block.

In the code block, the line number and the code line are not on the same base lines. Take VuePress Mix Theme Documentation for example:

image

Moreover, there're something issue with the scroll bar but not mentioned in issue #7:

Width: 483 px Width: 550 px
image image

By the way, Mix Theme is one of the best theme for VuePress 2 I have ever used. Thanks for your work :) ❤️

修改代码块样式

image
我想去掉这个代码块上面的三个点并且修改scrollbar的默认样式,可以在项目里直接修改吗?

转让仓库

由于本人精力有限,无暇维护该仓库,现寻求有意接手者,连带 npm 代码包一起转让。

Collapsible

Hello,

 collapsible: true

Is great but is there an option to make it collapsed as default, for example: collapsed = true

可否把 alt 属性同时也包含进图片链接里

最近发现 seo 报告里,一堆的图片 alt 属性是空的,仔细查看一下,其实 alt 属性是拆出换行显示出来,对这个还是非常满意的。

然而,不知道是否影响到图片的 alt 描述,不知能否在图片链接里 alt 属性同时也赋予。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.