2.将blog-logo img居中显示,添加hover延时1.5秒旋转360度效果。
3.所有页面左下角添加 到顶部、到底部 按钮。
4.文章页面根据 Ghost Form中Justin Yek的 方法 添加 上一篇、下一篇 文章按钮。
以上两项的JS文件合并到goto.js加以调用。
5.整体页面设置灰色背景色、添加加亮的纹理背景图片。再增加了一层透明png小图片的overlay遮罩。(在去掉和不去之间徘徊)
6.顶部main-header使用CSS3的双背景图片添加一层透明png的遮罩。在screen.css中设置header双层背景,同Ghost后台设置顶部图片有冲突,screen.css中的设置被后台背景图片覆盖以致无效。在后台中将顶部背景图片Blog Cover删除,又触发调用了no-cover css,使得screen.css中的背景依然无效。因此又在index.hbs中将
<header class="main-header {{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}">
删掉no-cover,防止调用no-cover css。7.未解决时间问题:发布文章时间同页面显示时间相差大约13个小时(未精确查对)。 感觉同时区有关,非常困惑。Ghost后台设置中又没有时区相关的设定,
Update:搜索Ghost论坛,提到Ghost中暂时未有时区Timezone相关设置,Ghost调用的是系统时区,本博客使用的是DigitalOcean的新加坡VPS,SSH命令中
date
显示Mon Oct 20 03:43:35 EDT 2014
,美国东部时间。这样时差的问题就明确了。使用命令root@zhaohao:~# sudo dpkg-reconfigure tzdata
设置时区为Asia/Shanghai
,时间问题部分解决。Update:调整模版在文章页面显示时间,精确到分钟:
{{date format="dddd, YYYY-MM-DD, HH:MM"}}
结果本博客显示的 分钟 数字同实际发布时间仍旧相差几十分钟。甚是怪异。Update:去掉整体[body]的png遮罩。
@2014-10-20 16:40 CST
0 留言:
发表评论
stardust