前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何下载博客模板部署在自己的服务器上

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

作者头像
王小婷
发布2019-07-16 15:31:25
9650
发布2019-07-16 15:31:25
举报
文章被收录于专栏:编程微刊编程微刊

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

1:找到一个博客模板

基于vue+element-ui简洁的博客模板 ,下载链接:https://gitee.com/fengziy/Fblog

下载完成之后,放在d盘备用

2:cmd右键管理员身份运行

先进入d盘,再d Fblog进入项目目录

3:安装

代码语言:javascript
复制
npm install

这里提示

run npm audit fix to fix them, or npm audit for details

意思:扫描项目漏洞把不安全的依赖项自动更新到兼容性版本

那就按照提示,输入以下提示的命令运行一下

代码语言:javascript
复制
npm audit fix

4:运行博客模板

代码语言:javascript
复制
npm run serve

打开浏览器,输入http://localhost:4567/,可以看见大致的页面内容了。

5:下面重点来了,之前几篇里面配置好了购买的服务器,终于可以派上用场了,博客模板代码准备完成之后。

开始打包

代码语言:javascript
复制
npm run build

打包完成之后,项目文件夹里面出现了一个dist

通过dist里面的index.html可以在编辑器里面直接访问

图片.png

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

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

服务器上上传一个静态页面,并通过IP地址访问

https://cloud.tencent.com/developer/article/1464487

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

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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.07.15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
ICP备案
在中华人民共和国境内从事互联网信息服务的网站或APP主办者,应当依法履行备案手续。腾讯云为您提供高效便捷的 ICP 备案服务。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档