GithubHelp home page GithubHelp logo

lizhonggang1984 / rblog Goto Github PK

View Code? Open in Web Editor NEW

This project forked from liuzhenangel/rblog

0.0 1.0 0.0 9.53 MB

个人博客系统v2.0

Home Page: http://liuzhen.me

Ruby 52.42% JavaScript 9.74% CSS 7.39% HTML 27.51% CoffeeScript 2.94%

rblog's Introduction

#My Blog

RBlog 项目是一个使用 rails template of 80percent 模板创建的 Rails 项目, 引用了最新的技术框架,后端框架为: Rails 5.1.4, 前端框架用的 bootstrap 4, startbootstrap, 主要功能有: 后台管理, 数据统计, 文章管理,相册管理,个人简历管理, 时间线等功能

Demo

项目 Demo 请访问: http://liuzhen.me/

核心技术框架

  • Ruby on Rails 5.1.4
  • bootstrap 4
  • font-awesome
  • figaro
  • postgres
  • slim
  • high_voltage
  • carriewave & upyun
  • sidekiq
  • kaminari
  • mina
  • puma
  • lograge
  • simditor
  • turn.js

系统依赖

Rails 5.1.4

开发环境准备

第一步, 安装项目依赖

$ bundle install

第二步, 启动服务

$ rails s

第三步, 浏览器访问: http://localhost:3000

结束.

如何发布?

第一步, 配置nginx

先根据项目里的 config/deploy/production.rb, /config/deploy.rb, config/puma.rb, /config/nigix.conf 文件, 修改其中的配置, 然后将 /config/nigix.conf 文件复制到你的服务器上 nginx 所在目录的 /etc/nginx/conf.d 目录下, 命名为 xxx.conf 的文件. 然后重启 nginx.

第二步, 在服务器上初始化

$ mina setup

第三步, 发布

$ mina deploy

学习参考资料

Rails文档: http://edgeguides.rubyonrails.org/api_app.html

使用模板创建Rails项目: https://github.com/80percent/rails-template

ubuntu16.04安装rails https://gorails.com/setup/ubuntu/16.04

simditor编辑器: http://simditor.tower.im/

startbootstrap-clean-blog前端样式: https://startbootstrap.com/template-overviews/clean-blog/

sb-admin前端样式: https://startbootstrap.com/template-overviews/sb-admin/

turnjs前端样式: http://www.turnjs.com

timeline前端样式: https://github.com/RyanFitzgerald/vertical-timeline

图片在线压缩: http://compressjpeg.com/zh/

引荐 Vue.js 项目

项目 Demo 请访问: http://v2ex.liuzhen.me/

项目代码: https://github.com/liuzhenangel/v2ex_frontend

引荐 React.js 项目

项目 Demo 请访问: http://ruby-china.liuzhen.me/

项目代码: https://github.com/liuzhenangel/react-ruby-china

贡献者

  • John Li

Built with

rails template of 80percent

LICENSE

MIT

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.