Vuepress-theme-waiyuanneifang NPM

vuepress-theme-waiyuanneifang

It's a vuepress theme aimed at adding the categories, TAB walls, pagination, comments and other features required for blogging, suitable for vuepress 0.x;
You can open https://waiyuanneifang.github.io to see it.

Preview

主页

分类

分类.png

Tags page

Installation and use

安装

npm install vuepress-theme-waiyuanneifang -dev--save

配置.vuepress/config.js

module.exports = {
    // 网站的标题。这将是所有页面标题的前缀，并显示在默认主题的导航栏中。
    title: "外圆内方",
    // 主题
    theme: "waiyuanneifang",
    // 网站描述。这将在页面 HTML 中表现为一个 <meta> 标签
    description: "外圆内方的个人博客",
	// 被注入页面 HTML <head> 额外的标签。每个标签可以用 [tagName, { attrName: attrValue }, innerHTML?] 的形式指定。例如，要添加自定义图标
    head: [
    	["link", { rel: "icon", href: `/favicon.ico` }],
    	[
    		"meta",
    		{
    			name: "viewport",
    			content: "width=device-width,initial-scale=1,user-scalable=no"
    		}
    	]
    ],
	// 为使用的主题提供配置选项。这些选项将根据你使用的主题而有所不同。
    themeConfig: {
		// 导航
    	nav: [
    		{
    			text: "分类",
    			icon: "icon-app-store",
    			items: [
    				{ text: "js", link: "/categories/js/" },
    				{ text: "Vue", link: "/categories/Vue/" },
    				{ text: "React", link: "/categories/React/" }
    			]
    		},
    		{ text: "随笔", link: "/heartFeel/", icon: "icon-highlight" },
    		{ text: "标签", link: "/tags/", icon: "icon-tags" }
    	],
		// 评论配置，先登录或注册 LeanCloud(https://leancloud.cn/), 创建应用获取APP ID 和 APP Key
    	valineConfig: {
    		appId: "",
    		appKey: ""
    	}
    },
    // webpack设置
    configureWebpack: {
    	// 配置webpack如何寻找模块对应的文件
    	resolve: {
    		// 别名
    		alias: {
    			"@images": "public/images"
    		}
    	}
    },
	// 注册google-analytics, 获取跟踪id。
    ga: ""
}

vuepress vue theme

@everything-registry/sub-chunk-3104

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago