V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
rina

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

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