VuePress搭建技术网站与个人博客

1.主要思路是按照这篇博客来搭建的。

https://www.bilibili.com/video/BV1dA411b76g?p=2&spm_id_from=pageDriver

https://www.jianshu.com/p/37509da5a020 

还有一些很有用的资源。

这个老哥讲了reco主题配置的相关。

https://www.bilibili.com/video/BV1Fz4y1d7GA?t=424&p=3

https://www.lookroot.cn/views/article/vuepress.html#%E4%B9%9F%E5%8F%AF%E4%BB%A5%E7%BB%99%E6%96%87%E7%AB%A0%E6%B7%BB%E5%8A%A0%E6%91%98%E8%A6%81

---

2.在部署文件到github上的时候，deploy.sh文件里。

在Wushengyouhan.github.io仓库里没有东西时，用上面那个push不会报错。

在仓库已经有了，后续的更新需要用下面的那个push。

3. Wushengyouhan.github.io仓库保存的是生成的页面。而另一个仓库保存的是项目代码

4.首先在package.json里新建deploy脚本和push脚本。分别部署页面和保存代码。

5.第一次push之前要先和代码仓库做关联。

6.push的代码 

7.deploy的代码。这里cd dist是进入了生成的页面文件夹。

 8.之后修改代码，保存到仓库就。

9.部署的命令。

---

1.创建一个空文件夹 blogdemo

2.拖入vscode 打开

3.下载主题，输入信息。

npx @vuepress-reco/theme-cli init recomdemo

 

4.进入主题文件夹,安装依赖

5. vuepress里面图片的后缀名一定都要小写，不然在Github上显示不出来！