A remake of Medium

2016年3月 media 网站(medium.com)的翻版,用 Laravel 和 AngularJS 制作。「 A remake of Medium's March 2016 website (medium.com), built in Laravel and AngularJS. 」

  • Owner: lansana/medium
  • Platform: Linux, Mac, Windows
  • License::
  • Category::
  • Topic:
  • Like:
    0
      Compare:

Github stars Tracking Chart

Medium

这是一个 Medium.com 克隆。 我用 AngularJS 和 Laravel 建造了它,花了大约2-3个月。

看看 这里的演示。

特性

  • users
  • profiles (settings, update profile, etc.)
  • stories (drafts, published stories, unpublished stories, etc.)
  • categories
  • 全局搜索 (users, stories, categories, etc.)
  • 和更多

入门

首先,克隆存储库并 cd 到其中:

git clone https://github.com/lansana/medium
cd medium

接下来,使用 composer 更新和安装:

composer update --no-scripts
composer install

接下来,从 .env.example 创建一个 .env 文件,并将 APP_KEY 变量设置为以下命令的结果:

php artisan key:generate

接下来,编辑 .env 文件以保存 MySQL 数据库凭据/主机信息。

最后,运行以下命令以使用凭据迁移数据库:

php artisan migrate

您现在应该能够使用 php artisan serve --port=80 启动服务器并转到 http://localhost 来查看应用程序!

UI 开发

要在 UI 中进行开发,您需要安装 node 模块

npm install

完成后,您可以使用 gulp watch 运行开发服务器并监听更改。

UI 生产构建

运行 gulp --production 来打包一个生产就绪的资产包。

架构概述

整个应用程序是单页面应用程序,使用 PHP(Laravel)内置的 REST API。

数据存储在 MySQL 中。

使用 JWT 完成身份验证。

Angular.JS 前端。

贡献

请随意贡献。有很多我知道但忘记了处理的 bug。请继续,并发出第一个pull请求来修复它们。 ;)

Overview

Name With Ownerlansana/medium
Primary LanguagePHP
Program languageHTML (Language Count: 3)
PlatformLinux, Mac, Windows
License:
Release Count0
Created At2016-04-19 01:39:12
Pushed At2018-04-19 15:20:05
Last Commit At2018-04-19 11:20:04
Stargazers Count41
Watchers Count8
Fork Count20
Commits Count27
Has Issues Enabled
Issues Count3
Issue Open Count2
Pull Requests Count0
Pull Requests Open Count0
Pull Requests Close Count0
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

Medium

This is a Medium.com clone. I built it in AngularJS and Laravel, and it took about 2-3 months.

Check out the walk-through here.

Features

  • users
  • profiles (settings, update profile, etc.)
  • stories (drafts, published stories, unpublished stories, etc.)
  • categories
  • global search (users, stories, categories, etc.)
  • and more

Getting Started

First, clone the repository and cd into it:

git clone https://github.com/lansana/medium
cd medium

Next, update and install with composer:

composer update --no-scripts
composer install

Next, create a .env file off of the .env.example and set the APP_KEY variable to the result of the following command:

php artisan key:generate

Next, edit the .env file to hold your MySQL database credentials/host information.

Lastly, run the following command to migrate your database using the credentials:

php artisan migrate

You should now be able to start the server using php artisan serve --port=80 and go to http://localhost to view the app!

UI Development

In order to develop in the UI, you will need to install the node modules"

npm install

Once you do that, you can use gulp watch to run a development server and listen for changes.

UI Production Build

Run gulp --production to bundle a production-ready asset bundle.

Architecture Overview

The whole app is a single page application, using a REST API built in PHP (Laravel).

Data storage in MySQL.

Authentication is done using a JWT.

Angular.JS front-end.

Contributing

Feel free to contribute to anything. There are plenty of small bugs that I am aware of but have forgotten to take care of. Go ahead and make the first pull request to fix them. ;)

To the top