vue搭建博客

实现原理

使用vue打包出来的dist，把dist中的文件托管到自己的github中或者云服务器中，利用github的话，会生成一个github提供的一个链接，访问这个链接就可以看到自己的网站，如果想要一个霸气点的域名，可以去阿里云或者腾讯云买一个域名，解析这个域名，就可以用自己的域名去访问网站。

安装nodejs和vue

使用vue搭建博客必须创建vue项目，前提是先安装nodejs，去nodejs官网下载，下载好后再安装vue，建议安装vue/cli，完事后并创建vue项目，大前端们可以省略此步骤。

写项目

安装好vue项目之后，运行并写自己想要的页面，（自己还可以去网上找自己想要的vue项目模板）

项目打包和托管项目

项目写好之后，运行脚本bulid打包，会生成dist文件夹，把dist里面的文件放到github仓库中，还可以自己买一个云服务器把项目托管到服务器中，当然项目只是死页面，我是选择放到guthub中，这里只对托管到github中做讲解。

创建github仓库

进入到自己github中，创建一个github仓库，仓库名字为xxx.github.io (xxx是自己github用户名)，不过自从2020年10月1号之后，在git中创建的仓库默认分支是main分支，要注意这个，仓库创建好之后，安装git，把自己的项