V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
rina
V2EX  ›  分享创造

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

  •  2
     
  •   rina · 2017-12-18 10:32:16 +08:00 · 5016 次点击
    这是一个创建于 2561 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 条回复    2017-12-20 18:26:07 +08:00
    ichou
        1
    ichou  
       2017-12-18 10:47:38 +08:00
    用 Rails 的啊,不错不错,支持一下
    rina
        2
    rina  
    OP
       2017-12-18 10:54:56 +08:00
    @ichou 哈哈,谢谢
    corcd
        3
    corcd  
       2017-12-18 13:46:08 +08:00
    程序媛,赞一个👍👍👍
    lgpqdwjh
        4
    lgpqdwjh  
       2017-12-18 13:53:59 +08:00
    666
    winkidney
        5
    winkidney  
       2017-12-18 13:57:28 +08:00
    资词
    rina
        6
    rina  
    OP
       2017-12-18 14:10:05 +08:00
    @corcd @lgpqdwjh @winkidney 谢谢 :)
    yhxx
        7
    yhxx  
       2017-12-18 14:10:22 +08:00
    打不开啊
    杭州联通
    ibm360
        8
    ibm360  
       2017-12-18 15:01:18 +08:00
    厉害 /
    greatx
        9
    greatx  
       2017-12-18 15:12:24 +08:00
    标题字体有点大
    rina
        10
    rina  
    OP
       2017-12-18 15:15:09 +08:00
    @greatx 嗯,好建议
    lunatic5
        11
    lunatic5  
       2017-12-18 15:27:37 +08:00
    这个标题有点大
    rina
        12
    rina  
    OP
       2017-12-18 15:33:07 +08:00
    @lunatic5 哈哈,好几个人都这么反馈,看来真是很大啊。
    naiba
        13
    naiba  
       2017-12-18 15:53:12 +08:00 via Android
    不容易
    ningbo16
        14
    ningbo16  
       2017-12-18 15:57:55 +08:00
    博客反应速度好快啊
    760974873
        15
    760974873  
       2017-12-18 16:02:50 +08:00 via Android
    好东西
    760974873
        16
    760974873  
       2017-12-18 16:04:14 +08:00 via Android
    对了,找图片不是都去 Tumblr 吗?
    iVanilla
        17
    iVanilla  
       2017-12-18 16:10:10 +08:00 via Android
    之前找 Rails blog system 就看到过 LZ 的 blog,不错。
    rina
        18
    rina  
    OP
       2017-12-18 16:10:31 +08:00
    @naiba 说不容易,其实也容易 :)
    rina
        19
    rina  
    OP
       2017-12-18 16:11:07 +08:00
    @iVanilla 哈哈,原来还有这种缘分啊
    rina
        20
    rina  
    OP
       2017-12-18 16:12:12 +08:00
    @760974873 哟,get 了。
    rina
        21
    rina  
    OP
       2017-12-18 16:12:59 +08:00
    @ningbo16 哈哈,看来你网速也很不错啊
    760974873
        22
    760974873  
       2017-12-18 16:13:43 +08:00 via Android
    妹子在 dajiang ?好近啊
    rina
        23
    rina  
    OP
       2017-12-18 16:14:38 +08:00
    @760974873 看来你也在深圳啊。
    shenjixiang
        24
    shenjixiang  
       2017-12-18 16:28:33 +08:00 via iPhone
    不错,赞一个!
    rina
        25
    rina  
    OP
       2017-12-18 16:31:06 +08:00
    @shenjixiang 哈哈,感谢!
    defel
        26
    defel  
       2017-12-19 09:23:38 +08:00 via iPhone
    挺好看的,赞一个。
    duck2u
        27
    duck2u  
       2017-12-19 10:42:20 +08:00
    rina
        28
    rina  
    OP
       2017-12-19 10:46:26 +08:00
    @duck2u 好的,感谢反馈
    rina
        29
    rina  
    OP
       2017-12-19 10:47:25 +08:00
    @defel 哈哈,谢谢~
    CoderGeek
        30
    CoderGeek  
       2017-12-19 11:54:32 +08:00
    加油
    rina
        31
    rina  
    OP
       2017-12-19 12:09:00 +08:00
    @CoderGeek 哈哈
    Nizhaobudaowo
        32
    Nizhaobudaowo  
       2017-12-20 08:10:49 +08:00
    是不是应该给大家拜个早年
    weimian
        33
    weimian  
       2017-12-20 10:13:09 +08:00
    简洁
    rina
        34
    rina  
    OP
       2017-12-20 18:26:07 +08:00
    @shiruialbert 哈哈,恭喜发财,红包拿来 :)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1020 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 18:25 · PVG 02:25 · LAX 10:25 · JFK 13:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.