blog 新主题
0

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
(= ̄ω ̄=)··· 暂无内容!

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!