一、安装vuepress 如果用 npm 来安装, Node.js 版本需要 >=8 才可以 yarn global add vuepress # 或者:npm install -g vuepress 1. 提示:如果你的现有项目依赖了 webpack 3.x,推荐使用 Yarn 而不是 npm 来安装 VuePress。因为在这种情形下,npm 会生成错误的依赖树。 二、初始化项目 yarn init -y # 或...
比如我们部署到一个服务器上,这个服务器的域名是 zhang.beer,并通过 nginx 转发到指定路径 vuepress,这时就需要同时将此处的 base 也设置为 vuepress,就可以通过访问 zhang.beer/vuepress 来访问博客了。 process.env.BASE_URL 用于动态修改基本地址的环境变量。例如当部署时传入环境变量 BASE_URL = /another 时,便...
本文详细说了自己如何快速使用VuePress快速搭建个人博客,看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。 技术选用VuePress ,进入VuePress官网,快速上手。 上手VuePress 1.创建并进入一个新目录 2.使用你喜欢的包管理器进行初始化 3.将 VuePress 安装为本地依赖 yarn add -D vuepress 4.创建...
mkdirvuepressBlogDemo 全局安装 VuePress npm install-g vuepress 进入vuepressBlogDemo 文件夹,初始化项目 使用npm init或npm init -y(默认yes) npminit-y 创建文件夹和文件 在vuepressBlogDemo 文件夹中创建 docs 文件夹,在 docs 中创建 .vuepress 文件夹,在.vuepress中创建 public 文件夹和 config.js 文件,最...
1 【简介】 Vuepress是由Vue支持的静态网站生成工具,不太需要编写代码,就可轻松搭建个人blog。VuePress 由两部分组成:第一部分是一个极简静态网站生成器(opens new window),它包含由 Vue 驱动的主题系统和插件…
3. 搭建步骤 3.1 初始化Vuepress 第一步: 在电脑任意位置创建文件夹,用于存放我们的博客系统,我这里新建了一个blog文件夹,如下图: 第二步: 在blog文件夹下打开命令行工具,如果安装了git,鼠标右键菜单里面会有git菜单,点击git bash here: 第三步:
另外,如果是使用VuePress的默认主题的话,可能还是会让博客看起来比较单调,所以这里推荐使用vuepress-theme-reco,一个基于 VuePress 2.x 的主题,这个主题插件看起来还是挺好看的,今天就以这个主题为例,来手把手教大家如何搭建一个属于自己的博客网站。 3、安装配置 ...
步骤一:安装VuePress 全局安装vuepress 上述命令需要用户已经安装了node、yarn、git环境。如果用户对这一部分内容不熟悉,请参考相关教程 步骤二:初始化...
为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：博客地址如下：Github https://mqyqingfeng.github.io/learn-typescript/Gitee http://mqyqingfeng.gitee.io/learn-typescript/ 0. VuePress VuePress 自然不用多说，基于 Vue 的静态网站生成器，风格简约，配置也比较简单。之所以不使用 Vit...