如何下载博客模板部署在自己的服务器上

傍晚的时候,把自己的服务器跑通了之后,添加了一个静态的网页,离自己的目标又近了一点,想自己搭建一个独立博客,在上面写一些东西,需要前端展示界面和后台管理界面,为了省时间把这个从零到有的过程建立一遍,我就开始去网站上找模板来测试了。

1:找到一个博客模板 基于vue+element-ui简洁的博客模板 ,下载链接:https://gitee.com/fengziy/Fblog 下载完成之后,放在d盘备用

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可以在编辑器里面直接访问

图片.png

6:把dist文件拷贝出来 ,放在桌面,重新命名为fBlog

7:按照上一篇文章里面简单粗暴的方法

服务器上上传一个静态页面,并通过IP地址访问 https://www.jianshu.com/p/90bea1102096

把桌面文件拖到我的服务器里面

8:这个时候,打开我的ip,加上文件名称,可以在我自己的服务器上访问模板了,如果对vue很熟悉,那么就把模板改成自己想要的吧,等域名备案下来之后,直接替换成自己的域名啦。

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券