美文网首页
从零开始的个人技术博客

从零开始的个人技术博客

作者: cleartime | 来源:发表于2016-09-18 10:34 被阅读0次

    刚开始接触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

    相关文章

      网友评论

          本文标题:从零开始的个人技术博客

          本文链接:https://www.haomeiwen.com/subject/njexettx.html