以前写过点读书笔记,把自己的心得体会写下来,因为只有写出来,才能加深你对这本书的理解;也只有写出来,才能形成自己独特的看法。

而折腾模板也是如此,把自己折腾中所得到的心得体会写下来,对以后也有帮助,特别是对我这种记性不好的人。

本文主要记录主题X-PcMobi开发折腾路上的一些功能实现,BUG修复,注意事项。不定期更新。

注意事项

一,符号使用

虽然这会显得自己很菜鸟,不过有时候确实会存在这些低级问题:

1. 单双引号使用冲突,(" ")和(' ')没有正确开闭,如要防止引号内外一样导致提前关闭,应加前缀"\",而在所有编程语言中,\(反斜框)的意义一般是转义符(另一种是特殊字符,如"\n"换行,"\r"回车)。

2.空格半角全角误用,这个比较坑人,看似没问题,事实上却无意中切换了中文输入法而键入了几个全角空格,结果便出错了,折腾了好一会,用替换功能查出了匹配不上的空格。另外,也要慎用&nbsp;,这玩意既不是全角也不是半角空格,如<img&nbsp;src="m.jpg"/>直接显示空白,因为html无法识别。

开发日志及笔记

以前至2015/7/25

X-PcMobi主题其实是由我的触屏版主题X-Mobile1.2发展而来,手机端样式相似度比较大,不过为了适应电脑端,以及功能实现的相对便利,还是对排版做了不少改变。目前还是V1.0测试版。

1.文章缩略图和标签的加入,顶部没有加图,直接用CSS渐变色块作为背景,博客名称加大码,导航支持两行(一到两行较为美观)。

2.侧边栏统一样式,添加一些较为常用的板块,一段javascript实现热门随机文章切换(热门文章代码来自蓝叶),php实现标签随机背景色(代码来自麦特佐罗BM2.2),博客数据简易统计,屏蔽最新评论的博主评论。手机端默认关闭侧边栏,可以点击展开全部内容。

3.文章正文页面排版,调整行距和段距,内容向左对齐,调整ul,ol列表和table表格显示

4.增加百度收录查询及自动提交,实现喜欢本文章功能(由插件文章心情读后感本地版修改而得)

5.对评论列表重新排版,使用Gravatar头像,插件评论者信息显示

6.微语页面重新排版,美化评论输入框,调整评论内容显示(需要修改/t/index.php文件)

7.顶部导航手机端采用下拉菜单形式

8.重新定义分页模式,使用之前触屏版的首页上页跳页下页末页模式,不过评论列表的分页函数在/include/model/comment_model.php,暂时只能在function.base.php核心文件里修改分页函数

9.着手模板设置功能的实现,目前实现了CSS样式多种选择(目前只有一份CSS),开启关闭最新微语公告栏/文章缩略图/侧边栏栏目(管理页面的侧边栏已被废用,考虑用模板设置代替),提供搜索引擎的网站验证/第三方统计代码/百度站内搜索代码添加入口,支持修改文章列表字数,文章热门标志显示所需浏览数,侧边栏显示标签数

2015/07/26

1.实现最新微语公告栏替换表情和实现作者昵称获取,加强微语显示

2.发现微语无法回复,点击回复无反应,最后解决问题,原因是之前删除了验证码,将昵称输入框放在php判断里,而测试结果大概是提交内容时html文档中不可缺少这两个input,原理未搞懂

2015/07/27

添加用户注册插件,修改注册页面样式以适应主题,加入加载Emlog自带JQuery插件php函数(多次调用也只加载一次,避免了重复调用的问题),解决了插件的验证码无法刷新的问题

2015/07/28

更改鼠标光标移动样式为蓝色飞镖图标,利用的是css的cursor属性

2015/07/29

添加ctrl+回车快捷键提交评论表单,不用点击提交按钮

添加分享到QQ空间代码,对分享内容进行emlog适应

未完待续

全文完