初步调整结束

博主在2015年10月期间,优化了博客的样式布局,包括基本样式规划、评论页面显示效果、文章显示区域美化,并考虑了网页配色与Markdown语法的应用。在实现过程中,采用了多种CSS技巧并参考了Material Design与Instagram配色方案。然而,日历显示效果仍有待改进,且部分功能受限于使用的平台。博主计划将CSS文件进行工程划分,托管至GitHub,以提高编码管理效率。

进度日志

2015/10/5

  • 忙活了两天,其中短短续续终于把博客的基本样式和总体布局规划好了。接下来是优化文章显示评论页面。

2015/10/6

  • 优化日历显示效果,但仍然不理想。

2015/10/7

  • 优化了下[blog_post_info_block]区域中的显示效果,使得页面元素能够清晰辩认出。
  • 优化文章显示区域效果,使其更美观易读。
  • 部分显示效果参考Metrial Design,网页配色参考Colours上提供的Instagram的配色。

CSS样式文件结构

  • main.css --主体框架样式
  • sideBar.css --侧边栏样式
  • day.css --右侧每日流样式
  • postDetail.css --文章评论样式
  • markDown.css --markDown语法样式

备注

  • 部分连接需要**。*
  • 文章使用MarkDown语法编写。
  • 评论页面尚未完善。
  • 日历区域有待改进,与主色调不符。

吐槽和一些想法

  • 目前只能写CSS,所以用了很多CSS Hack技术。由于没有自己的独立站点,依托于博客园,所以很多技术不太能用上。
  • 最好的解决方案当然是自己建站,不过暂时实在没精力去弄了。
  • 后续对CSS文件会采用工程划分,托管到GitHub上。
  • 将每个模块独立成一个小文件,方便编码管理。再通过合并压缩的方式,一次性注入博客园的CSS中。

推荐一首歌

  • 《The Rose》———by 手嶌葵

转载于:https://www.cnblogs.com/chestnut/p/4857857.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值