每个前端猿都有一个开发属于自己技术博客的心

从构思到设计,采用vue-ssr服务器端渲染技术及nodejs的koa2框架,历经一个多月,成功部署个人博客至阿里云服务器。博客前端清爽,后台使用ant-design和redux进行状态管理。

一把桌子,一台电脑,一瓶红牛,一包纸巾,从白天到黑夜。历经一个多月的时间,从零到构思到设计,从设计到vue-ssr 的框架设计,然后再从前端的业务逻辑代码的实现,从 后台nodejskoa2框架到数据库的设计到后端的业务逻辑的代码实现,从购买阿里云服务器到申请域名,然后到备案,整整一个时间下来,真的不容易。总算是今天成功把自己的孩子托付到阿里云的服务器上面了。下面来分享一些心得。

先来一些截图

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

图片描述

描述

因为也是刚刚学习 nodejs,详细的把所有技术遇到的坑写下来,篇幅肯定很长,所以这里做一个简单的描述,看以后有时间在把开发细节,以及部署方案全部写下来。

一直想做一个自己喜欢的比较强清爽的博客页面,之前用的是 hexo 构建,发现还是不太满意。就想着自己设计一个出来。

客户端输出的页面。是用 vue-ssr 直接用服务器渲染直出页面,中间构建的时候遇到很多坑,之前以为页面出来之后可以直接难道 window 对象,后面才知道,服务器哪来的的 window对象呀。以及后台用户登录的权限控制,跨域,标签分类等等。对于新上手nodejs 简直就是一头雾水,所幸在这个网站得到很多帮助,这里 非常谢谢帮助过我的人。

后台的前端就是用 ant-uireudx来状态管理来构建的,选择 markdown组件的时候, 一直没有找到自己的想要的,后面就改了一个。这也花了很多时间。中间还遇到很多很多坑~~~

最后看这自己所部署的三个网站安静的躺在自己租的阿里云上。安逸~~~

安利一波:

博客地址:https://blog.naice.me/

博客后台管理: http://blog.admin.naice.me/

github地址:

博客:https://github.com/naihe138/n...

后台前端: https://github.com/naihe138/n...

ps:如果对你有一点点帮助的话,请随手丢一个 start,thx。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值