辞旧迎新之际, 我给博客换了新装
发布于 6 年前 作者 liuzhenangel 2562 次浏览 来自 分享

2015年3月份我用Rails写了第一个比较完整的项目——首个博客系统,现在回过头来看,觉得很多地方都写的比较烂,今年年初的时候我打算重构自己的博客系统,从一开始的想法到完成整件事,经历了长达一年的时间,原因只有一个——懒。

这个博客的诞生是因为平时在浏览其他网站及关注一些 js 库时发现一些特别喜欢的东西,所以才给了我做这件事的动力。其实做完这个项目真正花费的时间并不多,比较难的是要让自己愿意来做这件事。

整个项目做下来,对我来说,最难的不是技术实现,而是为博客每个主题找到合适的背景图片,简直就是大海捞针。别人给我推荐了这个 图片库,经过长时间的寻找,终于找到了几张让我比较满意的的图片。这个 工具 不错,有需要的可以收藏一下。

新的博客系统主要功能有:

  • 后端:数据统计,后台文章管理,相册管理,个人简历管理
  • 前端:文章列表,相册展示,时间线等

Demo

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

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

核心技术框架

  • 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

开发环境准备

第一步, 安装项目依赖

$ 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

图片库: https://unsplash.com

引荐 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

回到顶部