搭建步骤步骤1: 创建并进入一个新目录 mkdir my-blog cd my-blog 步骤2: 初始化项目 git init pnpm init 步骤3:将 VuePress 安装为本地依赖 pnpm add -D vuepress@next @vuepress/client@next vue 步骤4:在 package.json 中添加一些 scripts在新窗口打开 { "scripts": { "docs:dev": "vuepress dev ...
5. 部署到gitee 我们本地把博客大致弄好之后,就要去部署了,让所有人都可以访问,这里我们就借助gitee来实现这一步。 5.1 新建仓库 在gitee上面我们新建一个仓库,用于存放我们的博客系统。 这里有一点两点需要注意: 仓库名称建议与个人空间地址保持一致,这样就可以就可以通过个人[空间地址.gitee.io]的形式访问了。 仓...
5. 部署到gitee 我们本地把博客大致弄好之后,就要去部署了,让所有人都可以访问,这里我们就借助gitee来实现这一步。 5.1 新建仓库 在gitee上面我们新建一个仓库,用于存放我们的博客系统。 这里有一点两点需要注意: 仓库名称建议与个人空间地址保持一致,这样就可以就可以通过个人[空间地址.http://gitee.io]的形式访问...
Yarn 基于VuePress搭建的个人静态网站,享受 Vue + webpack 的开发体验。 简述 记录在不断地学习过程中所记录的笔记 Find Me 掘金｢听雨づ生 GithubGitHub Home 码云Gitee码云 听雨的个人网站 说明 VuePress 搭建个人博客源码仓库 需要模板请移步vuepress博客模板 ...
本篇文章学习一下如何使用 VuePress 搭建个人博客，并且部署在 Gitee Pages 上。安装环境 1. Node.js ...
VuePress+Gitee快速搭建个人博客的尝试 部署实现过程 重新认识vuepress 项目修改过程 理论基础摘要 总结 部署实现过程 步骤1:本地博客快速搭建。下载项目,安装依赖(npm install)、运行项目(npm run dev)、构建项目(npm run build)。昨天已经做过一遍了。所以不赘述了。
进入Gitee 的 vuepress-demo 仓库,选择"服务"-->"Gitee Pages" 不需要填写任何内容,点击"启动"就行。 在线访问:https://huaairen.gitee.io/vuepress-demo/ 3.2.官方文档教程 VuePress 的官方教程其实特别详细,喜欢从 0 搭建博客的小伙伴可以选择官网教程。
2.gitee源码地址 项目讲解 .vuepress(博客的配置,这是重点) blogs(放博文的地方) node_modules(依赖包) public(执行打包后才会有的部署包) 那很明显重点说.vuepress配置,说这之前一笔盖过blogs文件夹,里面的文件放一些你自己的博文,至于怎么分层按你自己喜好,比如我分为算法、css、js、html等等 ...
Vuepress搭建地址:https://jshai.gitee.io/vuepress-blog/ 什么是Vuepress VuePress是由Vue.js开发团队创建的一个静态网站生成器。它的设计目标是用于编写技术文档或者博客,并且提供了一系列的默认主题和插件,使得构建和维护现代化的静态网站变得更加简单。
>vuepress-demo\docs\.vuepress\config.js>>base改为码云同项目名字>>base:'/vuepress-demo/',// 这是部署到github相关的配置 3. 编译vuepress-demo 运行build.cmd 4. 上传到码云 5. 选中Gitee Pages 6. 填入静态HTML地址 7. 点击更新 8. 访问 http://xxxxx/vuepress-demo __EOF__...