用express和vue写了个单页博客,部署在heroku和github page上
发布于 6 年前 作者 xwlyy 9566 次浏览 最后一次编辑是 5 年前 来自 分享

网站地址http://learn.paidepaiper.top

前端部署在github page上,项目地址 https://github.com/xwlyy/vue-blog 后端部署在heroku上,项目地址https://github.com/xwlyy/express-blog 都是免费的,数据库是mongodb,用mlab的服务,也是免费的。 首次访问我的博客地址加载会比较慢,因为长时间不访问,后端会自动进入休眠状态。前端页面加载完后会发送api请求到后端服务器,后端需要先启动应用才会响应。 不过已经很不错了,毕竟不要钱嘛。

44 回复

不错,顶

顶,我的小尾巴哪去了?

不错啊,廖老师的教程我也学习过

@P-ppc 哈哈,碰到同门是兄弟了

请问,域名是怎么搞的? 我也在heroku上部署过

另外 heroku上提供了其他的SQL数据库postgresql,我使用的sequelize这个ORM 所以可以切换到postgresql,只需要修改下配置就好了

@hezhongfeng heroku本来就支持绑定自有域名,如果你有visa信用卡的话可以验证一下,这样就可以绑定了。不过我没visa卡,所以我把前端部署在github page上,域名绑定的是github page的空间。访问的时候,是前端加载完后再发送跨域请求到我的heroku后端。 据我所知,应该只有spa应用能这么干。

@hezhongfeng postgresql我没用过,我是因为之前在极客学院跟着一个教程学express的时候学了mongodb,所以才选了mongodb做数据库。其实本来还是打算用mysql的,因为这数据库我比较熟悉。但后来因为找不到免费的,所以只能用mongodb了。

@xwlyy 好的~ 我就不这么搞了,想直接都放在heroku上

@xwlyy 哪个 mongodb 是免费的?

@xinshangshangxin mlab,heroku上本来就有这个add-on,但是你如果直接在heroku上用mlab需要验证信用卡。我是直接上mlab官网注册了帐号,然后把数据库的配置连接写到代码里面,这样就可以绕开heroku的信用卡验证了。

如果你真的是为了写博客,想搭一个个人博客的话,最好的肯定是用hexo之类的静态博客生成工具,放到github上,然后国内托管在七牛上,同样是免费的,速度至少比你这快100倍。

真的,发完这个回复,你的页面还没打开。

@hxh1246996371 写这个博客站是为了学习后端的这些技术,express、mongodb。如果纯粹只是为了写博客,那hexo确实是个不错的选择。 访问速度确实比较慢,原因在帖子里已经说过了。

@Tonyce 乱码了

我用gulp写了一个博客 https://github.com/njgzs/blog 很多写的都不规范 等以后慢慢修改了

@njgzs 女票好漂亮

有个疑问,楼主你用pages 部署,路由怎么处理呢?我看到单独请求某篇博文的url,文档都显示404了,为啥页面还能显示?

@lijsh 把index.html的内容复制粘帖到404.html就可以了

@xwlyy 我一直都可以绑定自有域名,没有说要绑定信用卡啊?

@winglight 这我就不清楚了,反正我绑定域名的时候说让我先验证信用卡。

不错但是提个小建议 ADE59585-EADA-4A55-ACD8-BC4624D5BB18.png

这个 footer 跑上来了。。

@heanxu 这确实是个问题,最近一直在搞后端,忽略了前端,回头得改改

怎么休眠的??后端

@44886 自动的

http://www.paidepaiper.top 这个博客是用hexo做的吗,是现有的主题还是楼主自己写的主题呢

之前也是heroku+node+mongodb,因为没有信用卡放弃了。没想到还可以注册mlab!

感谢分享,即可以学习代码,还包含部署了~哟西~

@ouyangxuanyun 是hexo,我自己写的那个博客改到learn.paidepaiper.top域名下了

等了好久。等不下去了,确实有点慢哦。 但我还是觉得楼主很棒,因为我想做博客好久了,然而思路都不是很好。

@xwlyy 是哪个主题呢? 我找hexo官网好像没发现一样的 谢谢~

@gregLINm 没办法,免费没好货啊

@ouyangxuanyun 你是说我自己写的那个博客?这个没主题啊,就自己写的。至于我用hexo搭的那个博客,那主题叫next

@xwlyy 是hexo的主题 谢谢啦,谢谢你的分享,做的很不错!另外用代理访问你自己写的那个博客速度可以的,不用的话确实比较慢

@xwlyy 这么说vue是用来管理后台数据的吗?这里用到mysql或者moogodb可以吗?

@gregLINm 数据库用的是mongodb,当然,用mysql也是可以的。vue是写前端要用到的,我这博客没有管理后台。如果写的话,当然也是会用vue写。

@xwlyy vue不是组件化吧,后台的话就是服务器?

@gregLINm vue是写前端的,就是浏览器端,express是写后端的,也就是服务器端。我理解的后台就是管理后台,比如论坛会有一个后台管理系统方便论坛的运营人员管理帖子用户评论之类的。但运营人员能接触到的还是前端页面,后端的东西都看不到的,是通过前端页面的操作来和服务器通信,进而操作数据库。

不过确实有不少人喜欢管服务器端叫后台,但我不是很喜欢这种叫法,容易混淆概念。

@xwlyy 嗯,这样的话,思路大概是清晰了,其实用react写前端的话跟vue相比,哪个相对好入手呢

@gregLINm 当然是vue,中文文档非常完善

@xwlyy vue还是天朝人做的呢

回到顶部