只需一秒,美化你的博客园!

制作主题需要考虑哪些?

在博客园里混了一年多,各式各样的主题琳琅满目,各有特色。但是我发现的是,有些细节没有注意到。这里我主要提几点个人对于博客园主题的基本需求。

  • 功能实用。博客园自带的功能尽可能多的保留。诸如随笔分类、标签、随笔档案等等。
  • 外观简洁大方。博客园不乏各种技术大佬,但是程序员的审美似乎总是不在线,所以导致博客功能牛逼,但是界面辣眼睛。
  • 博客正文样式的定制。博客正文常用的一些文字、图片、音视频媒体、代码展示等等,这些都应该规范,使得整个博文阅读体验感更舒适。
  • 移动端和PC端的适配。很多博客主题,PC端用起来一点毛病没有,可是到了移动端,那就是各种错位,乱成一团。这一点对移动端用户非常不友好。
  • 去广告及附属功能。博客主题尽量保留一些有用的附属功能,例如相关博文这样的板块,应当保留,让读者有机会读到更多相关的内容。此外博客园的广告可以去除,移除广告让界面更舒服。

主题适配

我在适配主题时,考虑的点包括但不限于上述要求。通过不断地修改、验证、再修改、再验证...,终于达到了满意地程度。现在把主题适配教程说下:

1.清空后台所有内容

  • 页面定制CSS代码
  • 博客侧边栏公告
  • 页首html代码
  • 页脚html代码

2.选择默认主题

设置主题为 Custom,并将其禁用掉。

3.定制CSS代码

打开链接,将CSS代码复制进页面定制CSS代码框里,并保存。

4.主题预览

主题适配了移动端,可以打开对比看下。


写在最后

此主题查阅了一些网页设计规范,对比了大量的网站,其中包括知乎、简书、思否等,观察其中的布局和样式,最后才得到了最终的样子。如果你有好的建议和意见欢迎下方评论留言!
此外,我个人的博客在此基础上增加了一些js功能代码,有兴趣的可以翻看我的博客。

posted @ 2019-10-19 16:36  GShang  阅读(767)  评论(2编辑  收藏  举报