爱意满满的作品展示区。
rina

辞旧迎新之际, 我给博客换了新装

  •  2
     
  •   rina · Dec 18, 2017 · 6369 views
    This topic created in 3247 days ago, the information mentioned may be changed or developed.

    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

    34 replies  •  2017-12-20 18:26:07 +08:00
    ichou
    ichou
    Dec 18, 2017
    1
    用 Rails 的啊,不错不错,支持一下
    rina
    rina
    OP
    Dec 18, 2017
    2
    @ichou 哈哈,谢谢
    corcd
    corcd
    Dec 18, 2017
    3
    程序媛,赞一个👍👍👍
    RealLiuSha
    RealLiuSha
    Dec 18, 2017
    4
    666
    winkidney
    winkidney
    Dec 18, 2017
    5
    资词
    rina
    rina
    OP
    Dec 18, 2017
    6
    @corcd @lgpqdwjh @winkidney 谢谢 :)
    yhxx
    yhxx
    Dec 18, 2017
    7
    打不开啊
    杭州联通
    ibm360
    ibm360
    Dec 18, 2017
    8
    厉害 /
    greatx
    greatx
    Dec 18, 2017
    9
    标题字体有点大
    rina
    rina
    OP
    Dec 18, 2017
    10
    @greatx 嗯,好建议
    marvin520
    marvin520
    Dec 18, 2017
    11
    这个标题有点大
    rina
    rina
    OP
    Dec 18, 2017
    12
    @lunatic5 哈哈,好几个人都这么反馈,看来真是很大啊。
    naiba
    naiba
    Dec 18, 2017 via Android
    13
    不容易
    ningbo16
    ningbo16
    Dec 18, 2017
    14
    博客反应速度好快啊
    760974873
    760974873
    Dec 18, 2017 via Android
    15
    好东西
    760974873
    760974873
    Dec 18, 2017 via Android
    16
    对了,找图片不是都去 Tumblr 吗?
    iVanilla
    iVanilla
    Dec 18, 2017 via Android
    17
    之前找 Rails blog system 就看到过 LZ 的 blog,不错。
    rina
    rina
    OP
    Dec 18, 2017
    18
    @naiba 说不容易,其实也容易 :)
    rina
    rina
    OP
    Dec 18, 2017
    19
    @iVanilla 哈哈,原来还有这种缘分啊
    rina
    rina
    OP
    Dec 18, 2017
    20
    @760974873 哟,get 了。
    rina
    rina
    OP
    Dec 18, 2017
    21
    @ningbo16 哈哈,看来你网速也很不错啊
    760974873
    760974873
    Dec 18, 2017 via Android
    22
    妹子在 dajiang ?好近啊
    rina
    rina
    OP
    Dec 18, 2017
    23
    @760974873 看来你也在深圳啊。
    shenjixiang
    shenjixiang
    Dec 18, 2017 via iPhone
    24
    不错,赞一个!
    rina
    rina
    OP
    Dec 18, 2017
    25
    @shenjixiang 哈哈,感谢!
    defel
    defel
    Dec 19, 2017 via iPhone
    26
    挺好看的,赞一个。
    rina
    rina
    OP
    Dec 19, 2017
    28
    @duck2u 好的,感谢反馈
    rina
    rina
    OP
    Dec 19, 2017
    29
    @defel 哈哈,谢谢~
    CoderGeek
    CoderGeek
    Dec 19, 2017
    30
    加油
    rina
    rina
    OP
    Dec 19, 2017
    31
    @CoderGeek 哈哈
    Nizhaobudaowo
    Nizhaobudaowo
    Dec 20, 2017
    32
    是不是应该给大家拜个早年
    weimian
    weimian
    Dec 20, 2017
    33
    简洁
    rina
    rina
    OP
    Dec 20, 2017
    34
    @shiruialbert 哈哈,恭喜发财,红包拿来 :)
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1616 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 79ms · UTC 12:48 · PVG 20:48 · LAX 04:48 · JFK 07:48
    ♥ Do have faith in what you're doing.