blog新主题

React框架构建的blog新主题

最近一时脑热,用react做了一个单页面应用,来替换过去那个bootstrap做的blog首页.
不过依旧是以简约风格为主制作的.

源代码: https://github.com/ltoddy/ltoddy.github.io/tree/gh-pages

主界面

* 布局(Layout) *

--------------------------------------
|                                    |
|              Header                |                       
|                                    |
|-------------------------------------
|                 |                  |
|              Content               |
|                 |                  |
|                 |                  |
|                 |                  |
|     essays      | Github projects  |  
|                 |                  |
|                 |                  |
|                 |                  |
|------------------------------------|
|                                    |
|              Footer                |
|                                    |
-------------------------------------|

很常规的一个布局,不过加了一些动画效果就变的炫酷了.

源代码在Github上,在gh-pages分支上,不过还不能merge到master,

但是我已經部署到我的云服务器上了 http://116.85.42.182:8080/
可以预览一下.

页面数据都是从外部配置文件穿进去的,是动态可扩展的,而且也做了相应式.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值