149 lines
3.6 KiB
JavaScript
149 lines
3.6 KiB
JavaScript
'use strict'
|
||
|
||
/**
|
||
* Get page data via path (permalink).
|
||
*
|
||
* @param {array} pages
|
||
* @param {string} path
|
||
* @returns {object}
|
||
*/
|
||
|
||
function findPageForPath (pages, path) {
|
||
for (let i = 0; i < pages.length; i++) {
|
||
const page = pages[i]
|
||
if (page.path.toLowerCase() === path.toLowerCase()) {
|
||
return page
|
||
}
|
||
}
|
||
return {
|
||
path: '',
|
||
frontmatter: {}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* Expose a function to get ClientComputedMixin constructor.
|
||
* Note that this file will run in both server and client side.
|
||
*
|
||
* @param {object} siteData
|
||
* @returns {ClientComputedMixin}
|
||
*/
|
||
|
||
module.exports = siteData => {
|
||
return class ClientComputedMixin {
|
||
setPage (page) {
|
||
this.__page = page
|
||
}
|
||
|
||
get $site () {
|
||
return siteData
|
||
}
|
||
|
||
get $themeConfig () {
|
||
return this.$site.themeConfig
|
||
}
|
||
|
||
get $frontmatter () {
|
||
return this.$page.frontmatter
|
||
}
|
||
|
||
get $localeConfig () {
|
||
const { locales = {}} = this.$site
|
||
let targetLang
|
||
let defaultLang
|
||
for (const path in locales) {
|
||
if (path === '/') {
|
||
defaultLang = locales[path]
|
||
} else if (this.$page.path.indexOf(path) === 0) {
|
||
targetLang = locales[path]
|
||
}
|
||
}
|
||
return targetLang || defaultLang || {}
|
||
}
|
||
|
||
get $siteTitle () {
|
||
return this.$localeConfig.title || this.$site.title || ''
|
||
}
|
||
|
||
get $title () {
|
||
const page = this.$page
|
||
const { metaTitle } = this.$page.frontmatter
|
||
if (typeof metaTitle === 'string') {
|
||
return metaTitle
|
||
}
|
||
|
||
const siteTitle = this.$siteTitle
|
||
let selfTitle = page.frontmatter.home ? null : (
|
||
page.frontmatter.title // explicit title
|
||
|| page.title // inferred title
|
||
)
|
||
if (page.frontmatter.titlePrefix !== undefined) {
|
||
selfTitle = page.frontmatter.titlePrefix + '_' + selfTitle
|
||
}
|
||
|
||
let isNotSharing = true
|
||
if (typeof window !== 'undefined') {
|
||
if (location.search !== undefined && location.search.indexOf('sharing') >= 0) {
|
||
// 如果带参数 sharing，则设置 isNotSharing = false
|
||
isNotSharing = false
|
||
} else {
|
||
isNotSharing = true
|
||
}
|
||
}
|
||
|
||
if (page.path.indexOf('/learning/') === 0 && isNotSharing) {
|
||
return selfTitle + '_Kubernetes教程_K8S教程_K8S培训'
|
||
}
|
||
if (page.path.indexOf('/install/') === 0) {
|
||
return selfTitle + '_K8S安装部署'
|
||
}
|
||
if (page.path === '/') {
|
||
return selfTitle
|
||
}
|
||
return siteTitle
|
||
? selfTitle
|
||
? (selfTitle + '_' + siteTitle)
|
||
: siteTitle
|
||
: selfTitle || 'VuePress'
|
||
}
|
||
|
||
get $description () {
|
||
// #565 hoist description from meta
|
||
const description = getMetaDescription(this.$page.frontmatter.meta)
|
||
if (description) {
|
||
return description
|
||
}
|
||
return this.$page.frontmatter.description || this.$localeConfig.description || this.$site.description || ''
|
||
}
|
||
|
||
get $lang () {
|
||
return this.$page.frontmatter.lang || this.$localeConfig.lang || 'en-US'
|
||
}
|
||
|
||
get $localePath () {
|
||
return this.$localeConfig.path || '/'
|
||
}
|
||
|
||
get $themeLocaleConfig () {
|
||
return (this.$site.themeConfig.locales || {})[this.$localePath] || {}
|
||
}
|
||
|
||
get $page () {
|
||
if (this.__page) {
|
||
return this.__page
|
||
}
|
||
return findPageForPath(
|
||
this.$site.pages,
|
||
this.$route.path
|
||
)
|
||
}
|
||
}
|
||
}
|
||
|
||
function getMetaDescription (meta) {
|
||
if (meta) {
|
||
const descriptionMeta = meta.filter(item => item.name === 'description')[0]
|
||
if (descriptionMeta) return descriptionMeta.content
|
||
}
|
||
}
|