一张图搞懂拥有一个博客(VuePress)

简介: 一张图搞懂拥有一个博客(VuePress)

前言


随着知识和工作经验的不断递增,总需要一个地方记录自己的学习总结,方便在后续忘记的时候,只要翻翻就可以重获天际,今天小编推荐给一款市场最流行的文档书写工具VuePress。

脑图总结


微信图片_20220520131537.png


搭建环境



搭建流程


  1. 创建一个新项目目录
mkdir vuepress-project && cd vuepress-project
  1. 使用你喜欢的包管理器进行初始化
yarn init # npm init
  1. 将 VuePress 安装为本地依赖
yarn add -D vuepress # npm install -D vuepress
  1. 创新项目目录并编写README.md文件
mkdir docs && echo '# Hello VuePress' > docs/README.md
  1. package.json 中配置scripts
{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}
  1. 在本地启动服务器
yarn docs:dev # npm run docs:dev

启动成功,在在浏览器中输入http://localhost:8080即可访问。


目录
相关文章
|
1月前
|
自然语言处理 JavaScript 前端开发
[JS]同事看了我做的this笔记,直摇头,坦言:我还是参考启发博文吧
本文介绍了JavaScript中`this`关键字的重要性和使用规则。作者回顾了早期笔记,总结了`this`指向的各种情况,并分享了最新的理解。文章强调了`this`在不同上下文中的指向,包括对象方法、全局函数、箭头函数等,并提供了改变`this`指向的方法。适合JavaScript开发者参考。
48 2
|
3月前
|
算法 前端开发 开发工具
vitepress从0到1,让每个前后端小伙伴都拥有一个属于自己的博客
这篇文章详细介绍了如何从零开始使用VitePress搭建个人博客,包括项目初始化、配置美化及部署全流程。
|
前端开发 Cloud Native 安全
简单使用 Hugo 博客
简单使用 Hugo 博客
130 0
|
人工智能 Java
编程小白的第一篇博客
编程小白的第一篇博客
65 0
|
安全 JavaScript Serverless
基于函数计算快速搭建Vuepress博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Vuepress博客。
|
缓存 JavaScript 前端开发
【Hexo】手把手教你搭建属于你自己的博客
【Hexo】手把手教你搭建属于你自己的博客
174 0
【Hexo】手把手教你搭建属于你自己的博客
|
JavaScript 前端开发
VuePress 博客搭建系列 33 篇正式完结
本篇聊一聊我为什么会写这个系列,以及写作这个系列中的一些感悟。
393 0
VuePress 博客搭建系列 33 篇正式完结
|
运维 监控 Serverless
基于函数计算快速搭建Vuepress博客-3
基于函数计算快速搭建Vuepress博客-3
144 0
|
存储 运维 监控
基于函数计算快速搭建Vuepress博客-2
基于函数计算快速搭建Vuepress博客-2
147 0
|
存储 运维 监控
基于函数计算快速搭建Vuepress博客-1
基于函数计算快速搭建Vuepress博客-1
214 0