zhihu daily spa with vue 线上演示在这里 ----

Last update: Aug 3, 2022

知乎日报 with Vuejs

A Vue.js & Nodejs project

声明:『知乎』是 知乎. Inc 的注册商标。本软件与其代码非由知乎创作或维护。软件中所包含的信息与内容皆违反版权与知乎用户协议。它是一个免费软件,使用它不收取您任何费用。其中的所有内容均可在知乎获取。

Preview

手机端 mobile-preview 桌面端 Preview

Live demo

在线演示地址live demo link

Features

  • Light weighted
  • No ads

Related content

  • Vue.js
  • vue-router
  • vue-resource
  • vuex
  • webpack
  • express
  • docker

How to run

# install dependencies
npm install

# run server
npm start

TODO

  • image src cache in server

License

This project is available under the MIT license.

感谢 ZhihuDailyPurify整理了API

GitHub

https://github.com/hilongjw/vue-zhihu-daily
Comments
  • 1. npm start 报错

    E:\vue\zhihu>npm start
    
    > [email protected] start E:\vue\zhihu
    > cd server && node app
    
    events.js:141
          throw er; // Unhandled 'error' event
          ^
    
    Error: listen EACCES 0.0.0.0:80
        at Object.exports._errnoException (util.js:870:11)
        at exports._exceptionWithHostPort (util.js:893:20)
        at Server._listen2 (net.js:1221:19)
        at listen (net.js:1270:10)
        at Server.listen (net.js:1366:5)
        at EventEmitter.listen (E:\vue\zhihu\node_modules\[email protected]\lib\applic
    ation.js:617:24)
        at Object.<anonymous> (E:\vue\zhihu\server\app.js:25:5)
        at Module._compile (module.js:409:26)
        at Object.Module._extensions..js (module.js:416:10)
        at Module.load (module.js:343:32)
    
    
    Reviewed by issmile at 2016-09-01 03:38
  • 2. 咨询 ,启动界面图像为什么我设置不成功?

    通过接口拿到启动界面图像数据, 图像是https的 ,但是界面不显示

      <img v-bind:src="startImage.img">
    
    startImage: {
              img: 'https://pic4.zhimg.com/70444c83a9bd41c226e01508e7aeb36d.jpg'
            }
    

    请问有做过这个尝试么

    Reviewed by yueyao at 2016-06-22 12:37
  • 3. 大神,server目录下config.js 这里面的代码我看不懂,请问这个AV是何功能?

    const AV = require('leanengine')

    const config = { appId: 'dpeFsmm4JIVgnmQP0tizLCcO-gzGzoHsz', appKey: '2ph8iVVCL1TtNjKNCUG8TtKn' }

    AV.initialize(config.appId, config.appKey) AV.Cloud.useMasterKey()

    exports.AV = AV 呜哇~

    Reviewed by huihongzhou at 2016-05-23 02:20
  • 4. mac上代码无法运行

    0 info it worked if it ends with ok
    1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'start' ]
    2 info using [email protected]
    3 info using [email protected]
    4 verbose run-script [ 'prestart', 'start', 'poststart' ]
    5 info lifecycle [email protected]~prestart: [email protected]
    6 silly lifecycle [email protected]~prestart: no script for prestart, continuing
    7 info lifecycle [email protected]~start: [email protected]
    8 verbose lifecycle [email protected]~start: unsafe-perm in lifecycle true
    9 verbose lifecycle [email protected]~start: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/Users/chenjun/repos/me/vue-demo/vue-zhihu-daily/node_modules/.bin:/usr/local/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
    10 verbose lifecycle [email protected]~start: CWD: /Users/chenjun/repos/me/vue-demo/vue-zhihu-daily
    11 silly lifecycle [email protected]~start: Args: [ '-c', 'cd server && node app' ]
    12 silly lifecycle [email protected]0.0~start: Returned: code: 1  signal: null
    13 info lifecycle [email protected]~start: Failed to exec start script
    14 verbose stack Error: [email protected] start: `cd server && node app`
    14 verbose stack Exit status 1
    14 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:242:16)
    14 verbose stack     at emitTwo (events.js:87:13)
    14 verbose stack     at EventEmitter.emit (events.js:172:7)
    14 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:40:14)
    14 verbose stack     at emitTwo (events.js:87:13)
    14 verbose stack     at ChildProcess.emit (events.js:172:7)
    14 verbose stack     at maybeClose (internal/child_process.js:818:16)
    14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
    15 verbose pkgid [email protected]
    16 verbose cwd /Users/chenjun/repos/me/vue-demo/vue-zhihu-daily
    17 error Darwin 16.3.0
    18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
    19 error node v5.0.0
    20 error npm  v3.10.5
    21 error code ELIFECYCLE
    22 error [email protected] start: `cd server && node app`
    22 error Exit status 1
    23 error Failed at the [email protected] start script 'cd server && node app'.
    23 error Make sure you have the latest version of node.js and npm installed.
    23 error If you do, this is most likely a problem with the vue-zhihu-daily package,
    23 error not with npm itself.
    23 error Tell the author that this fails on your system:
    23 error     cd server && node app
    23 error You can get information on how to open an issue for this project with:
    23 error     npm bugs vue-zhihu-daily
    23 error Or if that isn't available, you can get their info via:
    23 error     npm owner ls vue-zhihu-daily
    23 error There is likely additional logging output above.
    24 verbose exit [ 1, true ]
    

    npm报错提示如上

    Reviewed by chenjunxyf at 2017-02-09 08:18
  • 5. news.vue报错 正则

    const imgReg = /<img\s[^>]?src\s=\s*'"['"][^>]?>/g 改为 const imgReg = /<img\s[^>]?src\s*=\s*'"['"][^>]*?>/g 就好了

    再就是要自己在装下vuex-router-sync

    整个程序就能启动了。

    Reviewed by torresyb at 2016-11-22 13:58
SPA about vue-cli+adminLte+vue-router
SPA about vue-cli+adminLte+vue-router

vue-adminLte-vue-router by liujians http://liujians.me 最近在整合的vue+vue-router+adminLte,用来做响应式的比较美观的SPA管理系统 项目路径:https://github.com/liujians/vue-adminLte

Aug 3, 2022
*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO

ASP.NET Core & Vue.js Starter Starter Template for ASP.NET Core and Vue.JS (Vue) - with Webpack (with HMR), Web API, Vuex state manangement and other

Aug 10, 2022
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.

Koa-Vue-Notes-Web This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Frontend Vue GitHu

Jul 5, 2022
:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.
:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.

Laravel Vue Boilerplate A Laravel 6 Single Page Application boilerplate using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass and Pug with: A users

Aug 7, 2022
A simple SPA PWA web app written in VueJS3

Simple Secrets Frontend A simple SPA PWA web app. Runs on port 3000. When the app starts at the top you will be able to specify the URL to the simple

May 14, 2022
Example app for using Feathers with Vue 2.0. It includes authentication, vue-router, vue-infinite-loading and roles.
Example app for using Feathers with Vue 2.0.  It includes authentication, vue-router, vue-infinite-loading and roles.

Feathers and Vue 2.0 Blog Admin Demo This demo app shows how to use Feathers.js with Vue 2.0. It includes using authentication, vue-router and roles.

Mar 24, 2021
Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering
Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering

vue-zhihudaily-2.0 Zhihudaily demo built with Vue 2.0 + vue-router + vuex, with server-side rendering. 主要参考 vue-hackernews-2.0 . Live Demo Features Se

Jul 28, 2020
Using Vue.js for memo web App. webpack, vuex, vue-router, Firebase.
Using Vue.js for memo web App. webpack, vuex, vue-router, Firebase.

Dependencies Vue.js(>2.x.) vue-router(>2.x.) vuex(>2.x.) vuex-router-sync(>3.x.) @next Firebase(>3.6.x) marked(>0.3.x) webpack(>1.13.x) babel-core(>6.

Jun 29, 2022
vuejs and Django integration with hot code reload. Dont use this, use https://github.com/NdagiStanley/vue-django or https://github.com/gtalarico/django-vue-template

hello-vue + Django This is a boilerplate project for using vuejs with Django. Features Django backend in ./backend vuejs (v2) frontend in ./frontend H

Jul 21, 2022
⚡ Vue - Laravel - Example is a simple example to set Vue with Laravel.

创造不息,交付不止 Vue - Laravel - Example Vue - Laravel - Example is a simple example to set Vue 2.0 with Laravel 5.1. Install Clone the project to local git

Jun 11, 2022
A Vue.js 2.x Boilerplate with Vuex, vue-router AND Bulma

Vue 2.x Boilerplate A Vue.js project with Vuex, vue-router AND Bulma Build Setup # install dependencies yarn # serve with hot reload at localhost:808

Jul 7, 2021
Simple chart page that uses Element UI, Vue Router and Vue Chart

vue-chart-starter-kit Simple chart page that uses Element UI, Vue Router and Vue Chart Demo Build Setup # install dependencies npm install # serve wi

Jul 28, 2020
基于 Vue & Koa 的 WebDesktop 视窗系统 The WebDesktop system based on Vue
基于 Vue & Koa 的 WebDesktop 视窗系统   The WebDesktop system based on Vue

X-WebDesktop-Vue 基于 Vue 的 WebDesktop 系统 Version FrontEnd API Electron 3.x 3.x 3.x 2.0.0 2.0.0 2.0.0 1.0.1 1.0.1 - 1.0.0 - - Documentation 中文文档 (2.0.0)

Jun 20, 2022
Vue.js + Vue Router + Vuex in a simple Stock Trading game

Vue.js Stock Trader Game A simple game created for learning the Vue.js ecosystem. This project makes use of following: Modules: Vue.js - Framework Vue

Jul 10, 2022
Template AspNetCore with Vue, Vue router, Vuex, TypeScript, Bulma, Sass and Jest
Template AspNetCore with Vue, Vue router, Vuex, TypeScript, Bulma, Sass and Jest

ASP.NET Core 3.1 multi-page Vue.js with TypeScript template The repository contains template using Vue.js, Vuex, Vue router, TypeScript, Bulma and SAS

May 28, 2022
Vue 3 example without any transpiler with vue-router

Vue-Next-Example Your application code is not compiled at all, you save and reload your browser like in the good old times ?? . Components are loaded

Jul 28, 2022
Clone Rocketseat UI with Vue JS, Bootstrap Vue and SCSS

rocketseat Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lint

Apr 4, 2022
Vue 3 example by a CRUD app with Axios, Vue Router, Bootstrap
Vue 3 example by a CRUD app with Axios, Vue Router, Bootstrap

Vue 3 example with Axios & Vue Router: Build CRUD App Build a Vue.js 3 CRUD example to consume REST APIs, display and modify data using Axios and Vue

Aug 14, 2022
Movue - Movie, Series Search Engine developed using omdb api with Vuejs. Vue Router, Vue Resource, Vuex
 Movue - Movie, Series Search Engine developed using omdb api with Vuejs. Vue Router, Vue Resource, Vuex

A project developed using omdb api with Vuejs. Vue Router, Vue Resource, Vuex were used in the development process

Apr 23, 2022