傍晚的时候,把自己的服务器跑通了之后,添加了一个静态的网页,离自己的目标又近了一点,想自己搭建一个独立博客,在上面写一些东西,需要前端展示界面和后台管理界面,为了省时间把这个从零到有的过程建立一遍,我就开始去网站上找模板来测试了。
1:找到一个博客模板
基于vue+element-ui简洁的博客模板 ,
2:cmd右键管理员身份运行
先进入d盘,再d Fblog
进入项目目录
3:安装
npm install
这里提示
run npm audit fix
to fix them, or npm audit
for details
意思:扫描项目漏洞把不安全的依赖项自动更新到兼容性版本
那就按照提示,输入以下提示的命令运行一下
npm audit fix
4:运行博客模板
npm run serve
打开浏览器,输入http://localhost:4567/,可以看见大致的页面内容了。
5:下面重点来了,之前几篇里面配置好了购买的服务器,终于可以派上用场了,博客模板代码准备完成之后。
开始打包
npm run build
打包完成之后,项目文件夹里面出现了一个dist
通过dist里面的index.html可以在编辑器里面直接访问
6:把dist文件拷贝出来 ,放在桌面,重新命名为fBlog
7:按照上一篇文章里面简单粗暴的方法
服务器上上传一个静态页面,并通过IP地址访问
https://www.jianshu.com/p/90bea1102096
把桌面文件拖到我的服务器里面
8:这个时候,打开我的ip,加上文件名称,可以在我自己的服务器上访问模板了,如果对vue很熟悉,那么就把模板改成自己想要的吧,等域名备案下来之后,直接替换成自己的域名啦。