VuePress 1.0.0-alpha.38 发布,轻量级静态网站生成器

栏目: 编程语言 · 发布时间: 7年前

内容简介:VuePress 1.0.0-alpha.38 发布了,VuePress 是一个由 Vue 驱动的轻量级静态网站生成器,它是为了满足 Vue 自己的项目文档需求而创建的。更新内容如下:

VuePress 1.0.0-alpha.38 发布了,VuePress 是一个由 Vue 驱动的轻量级静态网站生成器,它是为了满足 Vue 自己的项目文档需求而创建的。

VuePress 1.0.0-alpha.38 发布,轻量级静态网站生成器

更新内容如下:

Bug Fixes

  • $plugin-pwa:设置 service worker 的当前注册范围

  • $theme-default:侧栏组项目不能包含空子项

Features

  • $core:支持全局布局

    可以通过 siteConfig 或 themeEntryFile 使用自定义全局布局组件:

    module.exports = {
      globalLayout: '/path/to/your/global/vue/sfc'
    }

    以下是默认全局布局组件的内容,设置全局 header 和 footer 的示例:

    <template>
      <div id="global-layout">
        <header><h1>Header</h1></header>
        <component :is="layout"/>
        <footer><h1>Footer</h1></footer>
      </div>
    </template>
    
    <script>
    export default {
      computed: {
        layout () {
          if (this.$page.path) {
            if (this.$vuepress.isLayoutExists(this.$page.frontmatter.layout)) {
              return this.$page.frontmatter.layout
            }
            return 'Layout'
          }
          return 'NotFound'
        }
      }
    }
    </script>

    还可以按惯例直接创建组件 .vuepress/components/GlobalLayout.vue 或 themePath/layouts/GlobalLayout.vue,无需任何配置。加载优先级如下:

    • siteConfig

    • siteAgreement

    • themeEntryFile

    • themeAgreement

    • default

  • $theme-default:通过 frontmatter 禁用搜索框

更新日志


以上所述就是小编给大家介绍的《VuePress 1.0.0-alpha.38 发布,轻量级静态网站生成器》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。

社交网站界面设计

社交网站界面设计

Christian Crumlish、Erin Malone / 樊旺斌、师蓉 / 机械工业出版社 / 2010-9-1 / 69.00元

《社交网站界面设计》提供100多种模式、原则以及最佳实践,并针对在设计社交网站时经常遇到的问题给出明确建议。本书将提供给你培养用户交互习惯和构建社区最具价值的参考。 本书作者将与你分享难得的经验,教会你平衡各种不同的因素,并与你的用户共同构建和谐健康的网络社区。 本书教会你 掌握创建任何网站时都会用到的原则 学习基本设计模式,以便向现有的网站中添加新的社交组件 学会在......一起来看看 《社交网站界面设计》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

URL 编码/解码
URL 编码/解码

URL 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器