从零开始的个人技术博客

2016-09-18  本文已影响0人  cleartime

刚开始接触web前端的时候,我还是个切图崽(什么都不懂),一天到晚重复的工作就是切切切(点开有惊喜),甚是无聊,直到我某天加入了个地方前端群(新手一定要疯狂加群),之前还想做回.net,但是发现群里面好多js大神,各种用js做的游戏,个人博客,新鲜的技术,突然感觉原来我才刚开始,于是我重新读档了,之后也是遇到了很多的困难,也是踩了无数个坑,各种重新读档,才完成了现在的第二版博客,第一版是去年hexo做的,相信也有人接触过这个东东,感觉没有档次,所以也就读档了,下面就开始介绍我的博客啦,大牛勿喷!

Vue.js+LeanCloud单页面博客

简介

一个前后端完全分离的单页应用  线上地址点此查看

version 1.0

响应式布局

主页,关于,标签

过渡动画

文章显示markdown 和代码高亮

技术栈

前端

Vue.js

vuex 状态管理

vue-router 路由

marked 语法解析

后端

node.js 服务端

express 框架

LeanCloud 数据存储

开发

git clone https://github.com/cleartime/cleartime.git

$cd cleartime

$ npm install// 启动服务器端, 默认地址 http://localhost:3000

$ lean up//另开一个 terminal

$cdpublic/blog

$ npm install// 启动前端项目,默认地址 http://localhost:7000$ npm run dev

构建部署

// 在bolg目录下  构建前端文件至 /build 文件夹

$ npm run build

// 根目录下 leancloud命令行部署 / 通过 github 部署

$ lean deploy / lean deploy -g

具体部署可参考LeanCloud云引擎 Node.js 部署

最后给个star吧亲,https://github.com/cleartime/cleartime

## License

MIT

上一篇下一篇

猜你喜欢

热点阅读