极速搭建属于你的博客网站-CSDN博客

本文链接：https://blog.csdn.net/u010067603/article/details/122118748

本文提供了一种简明教程，指导读者如何搭建个人博客。首先介绍环境配置，包括Git和NodeJs的安装配置，接着详细阐述搭建Vuepress的步骤和注意事项。在遇到问题时，如'git branch error'和OpenSSL错误，提供了解决方案。最后分享了搭建Vuepress的灵感来源，推荐了开源托管网站Vercel，并解释了前端中的脚手架概念，以及作者博客的访问地址。

摘要由CSDN通过智能技术生成

简明教程

一、环境配置

首先我们要把需要的东西都下好，例如：node 、git 、vuepress

Git和NodeJs安装配置教程

Vuepress 搭建及配置教程

二、搭建细节

若执行以下命令时存在失败，

  npm install @vuepress-reco/theme-cli -g
  theme-cli init

可访问vuepress-reco仓库，使用Git指令或直接下载ZIP包。

Git指令：git clone https://github.com/vuepress-reco/vuepress-theme-reco-demo.git

若需本地预览Blog显示效果，可进入下载的vuepress项目的目录，执行以下指令：

    // 第一步，进入项目根目录
   cd blog

    // 第二步，安装依赖包(项目根目录下执行)
   npm install

   // 第三步，等依赖包下载完成后，执行该指令启动项目，可在启动的浏览器查看预览效果
   npm run dev

若不需要本地显示，则可不执行，将下载的vuepress项目上传自己的Git仓库后，在vercel网站导入并构建即可。待工程构建成功后，可通过生成的URL访问博客。

三、常见报错

git branch error: refname refs/heads/master not found

OpenSSL SSL_read: Connection was reset, errno 10054 …

四、其他信息

搭建Vuepress想法来源

https://www.sharesomething.cn/course/blog/blog.html

博客开源托管网站

https://vercel.com/

前端中脚手架的含义

https://zhuanlan.zhihu.com/p/278095920

我的博客访问地址

https://xiaomi-living-room.vercel.app/