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


    制作主题需要考虑哪些?

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

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

    主题适配

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

    1.清空后台所有内容

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

    2.选择默认主题

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

    3.定制CSS代码

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

    4.主题预览

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


    写在最后

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

  • 相关阅读:
    java集合类散列表
    记北京挤地铁
    是你的努力,吗?
    letswave-脑电数据处理流程总记
    赵丽颖结婚了,分析下网友评论
    自动线性回归
    ggplot2+treemapify了解一下?
    样本方差的性质及其应用
    5 域名
    4 HTTP的“四层”和“七层”
  • 原文地址:https://www.cnblogs.com/gshang/p/11704339.html
Copyright © 2020-2023  润新知