docs/.vuepress: 用于存放全局的配置、组件、静态资源等。 docs/.vuepress/components: 该目录中的 Vue 组件将会被自动注册为全局组件。 docs/.vuepress/theme: 用于存放本地主题。 docs/.vuepress/styles: 用于存放样式相关的文件。 docs/.vuepress/styles/index.styl: 将会被自动应用的全局样式文件,会生成在最终...
1 【简介】 Vuepress是由Vue支持的静态网站生成工具,不太需要编写代码,就可轻松搭建个人blog。VuePress 由两部分组成:第一部分是一个极简静态网站生成器(opens new window),它包含由 Vue 驱动的主题系统和插件…
比如我们部署到一个服务器上,这个服务器的域名是 zhang.beer,并通过 nginx 转发到指定路径 vuepress,这时就需要同时将此处的 base 也设置为 vuepress,就可以通过访问 zhang.beer/vuepress 来访问博客了。 process.env.BASE_URL 用于动态修改基本地址的环境变量。例如当部署时传入环境变量 BASE_URL = /another 时,便...
3.将 VuePress 安装为本地依赖 yarn add -D vuepress 4.创建你的第一篇文档 5.在package.json增加运行和打包命令 6.本地热编译 yarn docs:dev 到此你已经上手了VuePress,然后开始看一些配置 配置问题 发现神三元博客源码和预览地址,感觉他的博客模板做为我的第一版很合适,那就直接套用,然后修改里面的配置和删...
VuePress简介 VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的 HTML
3.1 初始化Vuepress 第一步: 在电脑任意位置创建文件夹,用于存放我们的博客系统,我这里新建了一个blog文件夹,如下图: 第二步: 在blog文件夹下打开命令行工具,如果安装了git,鼠标右键菜单里面会有git菜单,点击git bash here: 第三步: 先检查下node是否安装好,执行命令: ...
另外,如果是使用VuePress的默认主题的话,可能还是会让博客看起来比较单调,所以这里推荐使用vuepress-theme-reco(vuepress-reco),一个基于 VuePress 2.x 的主题,这个主题插件看起来还是挺好看的,今天就以这个主题为例,来手把手教大家如何搭建一个属于自己的博客网站。
在.vuepress下创建config.js mkdir .vuepress touch config.js 1. 2. 创建README.md文件 --- home: true bgImage: '/bg.svg' actionText: 快速上手 → actionLink: /zh/guide/ features: - title: 简洁至上 details: 以 Markdown 为中心的项目结构,以最少的配置帮助你专注于写作。
二、wordpress or vuepress 说到建站,肯定绕不过老牌冠军产品wordpress。据说全球有35%的网站都是用wordpress建的,所以如果用它则不会遇到解决不了的问题,博客系统需要的主题、插件、seo、统计、互动等问题都有很好的解决方案。 但是最终我选择了vuepress,主要原因有: ...
博客1(默认主题)、博客2(自定义主题) 三、开始搭建 coding之前,建议大家先了解markdown语法,为之后的文档撰写做铺垫:传送门 1. 全局安装 VuePress npm install \-g vuepress 2. 创建并进入项目 mkdir vuepress-demo && cd vuepress-demo 3. 初始化项目 ...