jackhutu / jackblog-vue Goto Github PK

View Code? Open in Web Editor NEW

1.9K 102.0 455.0 2.47 MB

Jackblog vue 版, 个人博客系统, 使用 vue2, vuex, vue-resource, vue-router, vee-validate, vue-toast 等.

Home Page: http://vue.jackhu.top

License: MIT License

JavaScript 49.00% Vue 49.25% HTML 1.41% CSS 0.12% Dockerfile 0.22%

vue vuex vue-resource vue-toast jackblog vee-validate

jackblog-vue's Introduction

Jackblog Vue 版

Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: express 版 , koa 版
客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版
移动端有: react native 版, ionic2.0 版

此为客户端vue版, 需要配合服务端使用.

服务端任选一种, 请预先安装并启动服务端

开发

$ git clone [email protected]:jackhutu/jackblog-vue.git
$ cd jackblog-vue
$ npm install
$ npm run dev

在浏览器中自动打开 http://localhost:3000

调试

默认开启 vue-devtools chrome浏览器扩展, 生产环境自动关闭

目录结构

.
├── README.md           
├── dist                     // 项目build目录
├── logs                     // 生产环境日志目录
├── src                      // 生产目录
│   ├── api                  // API 请求
│   ├── assets               // css 和图片资源
│   ├── components           // 组件
│   ├── utils                // 工具函数
│   └── store            		 // vuex相关文件, store,action
│   └── config.js            // api url, cookie domain等配置文件
│   └── index.html           // 主页html
│   └── routes.js            // 路由配置
│   └── index.js             // 入口文件
├── .babelrc                 // babel配置
├── .eslintrc.json           // eslint配置
├── History.md               // 更新日志
├── process.json             // pm2配置文件
├── server.js                // 生产环境启动server
├── webpack.config.js        // Webpack 配置文件

生产环境构建

$ npm run build

线上布署

$ pm2 start process.json

License

MIT

jackblog-vue's People

Contributors

Stargazers

Watchers

Forkers

imjerrybao sqlwwx zhangzan imrealzohan arthuryil lijie371 zen-li royjang gxr1028 fisherwu29 ben-joostens judasnow chengxp3 jefth yelingfeng iqiuyu-0821 thebrubaker luxiaojian hyfone oallenwu neolf 80669256 yuhaolove winiceo mlyknown pengzhanbo szp11 rgwybb overcome realforce1024 zuibunan cpanmac qk44077907 rucky2013 chenli1989 shipfi mori-his qxl1231 raymondma1 zhangchao828 joeth sqliang vuejs-xx gangzhiwang zjhr vfreitas- curarchy cjencore yeshengfei w0bbes yangjiqiao86 longfeili wuhongjun shniu leeje408 nbsw rickydan linners laoxubuer jiayisheji ahhblss lanceliu sandysenhero jasonraimondi akimyou willshawzq teng2015 zhenyajiang thicodes minhchu fogleng taikongfeizhu huanghuixin1 ae6623 btcioner chemandy jiangyixin iqoderi yangchongduo wangyanzhao611 lottid zhuweijava longdajiangjun liyzs looknd dna1986 xcjiangpeng xortm lakalakaka 7a6163 torome qianduanying wangsuidou lingtal-fork xienima 2944927590 xilianxiaoli yaya827 sqtihxy shuangmuyingzi

jackblog-vue's Issues

请教一个项目构建问题

博主，你好，下载了你的express版server代码跟vue版的代码，我对node的运行原理基本了解，也基本能看懂你的express的server代码，但是看到你的vue版的项目的时候有一些疑惑，首先express版的项目是作为一个服务器版本在跑，我理解vue版的项目应该也是通过请求node服务器数据进行页面显示的，那么vue版的项目应该也是一个独立的server服务器，通过node构建服务器项目我是比较理解的，node是运行在v8引擎上的；但是通过vue构建服务器项目我有一些不太懂，这个又是什么原理呢？
如果有现成的介绍贴个链接也可以，不甚感激！！！

建立一个QQ群针对该博客的技术进行讨论

希望能建立一个群来对这个技术进行讨论，我希望能作为发起人。我的QQ是:1138724604.如果您有意愿的话希望能帮助你建立一个博客技术社群。

error

ERROR in ./src/assets/images/shanghai.jpg
Module build failed: Error: dyld: Library not loaded: /usr/local/opt/libpng/lib/libpng16.16.dylib
Referenced from: /Users/lipengcheng/Documents/gitBendi/jackblog-vue/node_modules/mozjpeg/vendor/cjpeg
Reason: image not found

at Promise.all.then.arr (/Users/lipengcheng/Documents/gitBendi/jackblog-vue/node_modules/execa/index.js:231:11)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:188:7)

@ ./src/store/actions.js 16:16-56
@ ./src/store/index.js
@ ./src/index.js
@ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server ./src/index

qq登录失效了

如题，登录时选择qq登录有问题

问个问题

Dear author:
本人水平一般，希望可以知道下哈，

对于你的getters为什么这样写，或者类似这些，变量是从哪里来的，我真的是看不懂哈，

增加用户注册功能。

目前只有用户登录功能，或者使用其他系统用户登录，是否可以增加用户注册功能，这对于一个完整的系统来说是必要的。可以使用邮箱验证用户。谢谢。

routing is express like your server.js

I'm building a vuejs app on express like your project.
https://github.com/jackhutu/jackblog-vue/blob/master/server.js

and here i have a problem when I change the route from '/' to '/*'

I opened a question on stackoverflow , do you have an idea why it is working for you and not for me?
http://stackoverflow.com/questions/37609116/express-routing-all-routes-allowed-not-working/37609257?noredirect=1#comment62703419_37609257

The problem comes probably from my app.js script directly intagrated in my application.html template. You have not... because you use vueify

By the way thank you very much for your shared blog, it helped me a lot

没有项目效果？

哪位朋友的项目效果可以给我借鉴一下不？我对这个项目无从下手。

3001admin 登录问题

我登录之后通过 auto验证之后admin还是未登录状态 3000博客也没登录
登录到你的.top域名下了，请问如何修改，才能在我的本地搭建前后分离的博客系统，我可以本地管理呢？

在线地址访问不了了？

RT，还想照着大神的博客做毕设

启动的时候出现 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style

开发环境是windows，请问是不是哪里需要配置

http://jackhu.top/ 挂了？

页面有bug啊

想问一下，怎么不做一个向上页面置顶的功能，前端显示，内容部分有点小问题

great work

This is not an issue, but a message for you:
**

Can you share something about these framework when developing your blog? like framework comparison, and which one is better for this project?
It should be better if we have a forum or gitter to discuss it.

BTW, wonderful job.
thanks

Update to Vue 2

please update repo to Vue2! that would be great!

启动报错

ERROR in ./src/index.js
Module build failed: TypeError: Cannot read property 'base' of undefined
Referenced from: /...../jackblog-vue/.eslintrc.json

什么情况呢？代码更新的最新的

请问，在api封装中 controller是什么意思我没看明白

用户注册

看了demo,没有注册的地方啊？

简直是神话

你是天你是地你是唯一的神话

修改运行方式为npm run dev。

Hi jackhutu: 从网上搜索到jackblog项目，正在学习。请问可不可以把jackblog的运行方式修改为nmp run dev/build，因为现在项目用gulp的少了。依赖的工具越少越好。谢谢。

你这里的vue-strap是在哪引用的，没看出来，请指教一下。

项目报错，启动不起来

相对链接问题

问题

直接访问 demo 中随便一篇文章，看看是否显示正常。

会发现访问了
http://vue.jackhu.top/article/xxx.js
而不是正确的
http://vue.jackhu.top/xxx.js

猜测

vue-router 开启了 HTML5 history 模式后，会出现 http://vue.jackhu.top/article/:aid 的形式的 URL
html-webpack-plugin 输出的 HTML 只包含了简单相对路径的静态资源引用

建议

参考官方文档，webpack 打包时加上 publicPath，把链接变成绝对链接可以避免这个问题。

启动报关于图片模块导入的错误，希望可以指导下哈

ERROR in ./~~/.6.4.1@babel-loader/lib!./~~/.1.7.1@eslint-loader!.//.8.7.0@vue-loader/lib/selector.js?type=script&index=0!./src/components/Navbar.vue
Module not found: Error: Cannot resolve module 'image-webpack' in /Users/jinyunyan/Desktop/test/vuetest/jackblog-vue/src/components
@ .//.6.4.1@babel-loader/lib!./~~/.1.7.1@eslint-loader!./~~/.8.7.0@vue-loader/lib/selector.js?type=script&index=0!./src/components/Navbar.vue 9:14-52

ERROR in ./~~/.6.4.1@babel-loader/lib!./~~/.1.7.1@eslint-loader!./~/.8.7.0@vue-loader/lib/selector.js?type=script&index=0!./src/components/Article/comment.vue
Module not found: Error: Cannot resolve module 'image-webpack' in /Users/jinyunyan/Desktop/test/vuetest/jackblog-vue/src/components/Article