一半前端一半设计

从今年中旬开始，阿里云虚拟主机的每个月10G流量就开始不够用了。买了一次50G的流量，撑到了10月份，然后网站就开始进入了月初自动开通，月底流量用完自己关闭的循环中。因为一直上着视觉交互专业的界面设计基础课程，分不开身来弄网站，还一直纠结到底升级成流量更大的虚拟主机还是直接上VPS。后来发现阿里云已...

zblog主题制作的时候，首页的侧边栏和二级分类页面的侧边栏会不同，不同的二级分类页面侧边栏也可能不同。如果文章的摘要列表这块是相同的，就不必要为不同的分类设置不同的模板文件了，直接用一个if判断就可以打造不同的侧边栏。zblog后台的侧边栏一共有5中，分别对应{template:sidebar}、...

zblog主题设置中，首页和二级分类导航都默认使用的index的模板文件，三级正文页面使用的single模板文件，这使得页面看起来有点单调。如果某个分类想使用不同的模板文件，比如文章使用一种模板，图片分类使用另一种模板，比如下面这种布局，就需要我们自定义模板文件了。1、首先，选择index模板，另存...

自己做好的主题，但是因为没有后台的主题配置，所以别人想用的时候，必须自己一点一点的修改代码，有点html和css基础的人倒是无所谓，但是对于小白来说，改一个logo都不会，还是很郁闷的。所以zblog主题一般都会有后台的主题配置，让用户可以根据自己的需要重新上传logo，或者修改网站的配色等，高级一...

在zblog中，默认文章列表的摘要只有文字，没有图片，如果需要图片放入摘要，可以使用缩略图插件或者自己加入一段php代码。使用缩略图插件的方法可以查看下面这篇文章：zblog建站：为文章列表添加缩略图这篇文章讲解一下不用插件直接使用php代码的方法。在要加入缩略图的代码前面加入如下代码：{php} ...

文章列表如果只有文字摘要显得实在单调，通过缩略图插件可以很好的实现图文混排的效果。zblog应用中心有好几个缩略图插件，我选择了nobird制作的免费缩略图插件，因为可以实现伪静态，提高访问速度。1、先在应用中心下载“缩略图插件”，启用。2、在需要加入缩略图的地方放入如下代码，如果是首页的文章列表，...

以前都是使用zblog的默认文档结构，但是自定义性不高。如果想在页面中增加一些不同的结构内容，比如在首页，想要增加某个分类下的前十条文章，该怎么办呢？1、首先，新建一个模板文件，比如cases.php,放入如下代码，保存在template文件夹下。{* Template Name...

zblog后台的模块管理分为好几块，一个系统模块，这个是写死的，如果要改的话，一般要激活“禁止系统自动更新模块”。还有用户自定义的模块，可以随意放在侧边栏上，也可以调用。主题和插件生成的模块也一般是用来侧边栏调用的。好多插件生成的模块都不知道放在什么地方了，更不知道如何修改文件。最后一种是灵活度很好...

个人博客用的阿里云的虚拟空间，有段时间估计一起租虚拟主机的某个同租用户被人攻击，连带我也受累，经常DNS不能解析，于是，我就慢慢研究独立虚拟主机VPS，不想和别人一起租服务器，毕竟“买房”和“租房”的感觉不一样，我也想对自己的主机有控制权。这里引用知友dboy介绍虚拟主机和VPS差别的话，挺接地气的...

在网站改版的主题制作中，用到了由Nobird研发的缩略图插件1.6，但是该插件需要启用伪静态才是最好的，但是插件本身给出的Apache规则添加到.htaccess文件中后，出现服务器错误，试了好多次，都不行，正准备放弃之际，却在涂涂研板的网站上看到一篇文章，写了一个规则，是sf_img1插件的规则，...

去年带西华师大的学生做zblog建站的时候，因为阿里云虚拟主机要收费了，云服务器属于推广阶段，还可以免费抢，于是学生们抢了云服务器。但是最终因为提前返校，我后来也没有时间研究等原因，同学们没有把网站上传到云服务器里面去。今年我并没有要求同学们购买域名和上传，就是担心出现去年买了没有用上的事情。但是，...

zblog主题修改完毕，在本地测试，感觉良好后，就可以考虑上传到空间去了，如果是入门级的博客，刚开始可以考虑虚拟主机，等到流量大了，再考虑独立虚机，不过阿里云在搞活动，学生有免费试用云服务器的资格，如果是上传云服务器，可以参考下一篇文章。本地文件上传到阿里云虚拟主机，利用filezilla软件上传。...

zblog主题的修改太具有自主意识了，每个人都有不同的想法，这里只是提供一些基本的方法。一、主题修改的注意事项1、网页配色的禁忌不要使用太多种颜色，像一个颜色铺子。选择一种主色调，再搭配两三种点缀色，以及黑白灰的合理调和即可。不要大面积使用高纯度高明度的原色。比如红绿蓝、青品黄等原色。高明度和纯度的...

昨天下午赶着把西华师大同学们的实训作品集做好，花了我四个下午的时间，有些同学的作品需要重新打开网站截图，有些需要弄动图，因为虚拟主机控制上传的附件大小在2M以内，所以有时候动图要截好几次才能达到要求。终于在下班的时候，我弄完了，赶把网址往学生群里一扔，就高高兴兴下班回家陪娃了。直到晚上，我正在蹲坑刷...

4.22—6.13为期20天的实训马上结束了，这是我带的第三届西华师范大学的学生，这次的实训主要包括了zblog建站和简单的app设计等。考虑到时间关系，我主要还是以zblog建站为主，同学们自选主题，自行设计，我主要讲解zblog整个系统的运用，加上了响应式设计和一点app设计，图标设计等内容，主...

zblog的"分类管理"可以加入导航菜单，这种菜单适合一个分类里面有多篇文章，如果只需要设计一个单页面，则不需要添加分类，而是应该在"页面管理"里面添加一个单页面。一、页面管理建好的页面前面有一个铁链子，那就是该页面的路径，可以把该路径复制到需要链接该页面的地...

zblog的主题如果是用的别人的主题，几乎都不可能完全匹配自己的需求。那么怎么扩展功能呢，利用“应用中心”别人开发的插件是一个不错的选择。插件有免费和收费的，利用现成的插件可以快速实现网站的功能。在这里，我大致介绍一些常用插件，可以根据自己的需要选择。一、插件的下载和安装点击网站后台的"应...

zblog总体来说还是很人性化的，特别是侧边栏的修改，很赞。系统默认把侧边栏都放在了后台管理的“模块管理”栏目了，细分为“系统模块”，“用户自定义模块”，“主题和插件创建的模块”，“主题include文件夹存储的文件型模块”，然后侧栏默认有5个，可以根据需要在不同的页面调用不用的侧栏。一、zblog...

一个网站的主导航是非常重要的，应该是你重点打造的栏目分类，需要精心挑选合适的关键词。首先根据自己网站的主题进行子栏目的分类，比如web前端开发教学博客是我的主题，那么web前端开发包含HTML、CSS、javascript等几大类教程，然后再根据自己的需求加上一些别的分类，比如界面设计、zblog建...

上篇教程讲解了如何根据主题确定主色调。比如你的博客是发布美食教程的，那么色调应该偏暖色，能够激发食欲的，如果你的博客是科技类的，那么儿童风就肯定不合适了。确定了网站色调后，才可以开始后续的工作。今天的教程是讲解如何设计自己博客的logo，虽然我们不太会设计，是只程序汪，但是自己博客的logo也要自己...