哎,又是闲着作怪,看了自己的页面久了就愈发觉得花里胡哨的,什么都搞上去了,就显得很臃肿。在重写之前我看了大量其他人的博客设计,想着能不能再搞一套简单干净的,撑着现在年底还有闲暇时间的时候,话不多说,开干!有了之前的经验之后写起来很多都顺手了许多,也想着把之前没做到的东西都做了,没完善的地方都完善掉,主要是细节和尘封的想法。

开始做尝试页面可切换模式,看了市面上和大部分的博客大都是已双栏为主,就是主要栏和侧边栏,默认的主题也是这样的设计,这样的好处就是一眼看的东西多,内容复杂,排版多的话就显得很挤;也有部分是设计的单栏模式,以图片加文字为列表,然后加上全屏主图或者半屏的格式,这样的做的话就显得简洁,以大图为视角点然后又看下去的欲望,但是这样的设计如果没有优质的图片和素材做的话就显得很素;在我看来还是比较喜欢后者的设计的,但是本人都不是很会找图片或者说摄影,所以也没有做全屏的大图处理,只留了列表的展示。整体上我把页面的可视大小设置为 720 ,这样的宽度我觉得更适合舒服的阅读,把次要的页面和展示都是放在侧边的伸缩栏,是的,我没做侧边双栏模式,但是我考虑了还是加一个侧边的伸缩栏合适,这样的话可以把另外想要的东西放在里面也可以看的明显。

确认好了首页的设计,就开始做内容页面的设计,其实大致和之前的页面内容排班一致,只不过换了几个图标和标题的排版,文字方面我没有重置所以标签的样式,针对所有浏览器的标签里面的对应的自己的样式我都是做保留的状态,这样就省下了我在页面输出的时候要设置不同的样式的时候,就特定的来说还是做了一些处理,比如说 hr 标签 blockquote 标签等等。在内页里面的代码样式我重新换了一个固定的搭配浅色颜色,主要是为了看起来舒服不刺眼阅读流畅,并且换了一个英文字体 'JetBrainsMono-Italic' ,这里我用了一个在线的字体,可以直接引用。其他的东西暂时都没有太多的变化,跟之前一样的还是目录,同样的也是前端生成,简化了点赞的特效,加入了之前写的滚动数字的动画,分享里面加入复制链接的功能。
其中改动最多的还属评论功能了,之前的评论有分层的设计,就是一级评论下如果有很多子级评论,就会出现套层的现象,层数越多就会越深看起来就是斜着往下的,看着会很不舒服,而这次就做了一个改动,把套层的地方只处理到了二级,不管下面层级有多少,层级就只出现在二级下。另外加了一个新的功能,就是在评论的时候可以做到私密的评论,在开启之后,可以对评论和作者的双方可见。

改版了闲言碎语模块的输出样式,加了二级评论功能,之前的设计是不可以二级在做评论的,现在做的都放出来了,其实也多少评论,自己看自己的,哈哈哈哈 ::(哈哈) ,但是别人回复了总要跟评一下的吧,不然只有出不进也不太好,第二就是改了之前的输出方式,虽然看起来是说说页面,其实吧就是一个自带的评论系统,只不过在里面我重新写了代码,做了自定义的页面和样式,所以看起来既可以发评论还能看图片放音乐等等,改天有时间也发个文单独说一下这个自定义的评论设计。

另外的几个模块的设计页面都和之前的相出入不大,主要是内页和首页部分的改动以及评论和闲言碎语模块,有想法加其他的页面展示,等我后续慢慢的补上。

在做的这个博客的时候,也是一步步看着教程和网上分享的资料来的,虽然我也是个开发,但是我一开始也是看不懂php代码的的,经过我的钻研和学习,也能明白个一二,基本上所有代码都是想通的,知道javascript 自然看这个也不是费很大的力气,
另外在写 PC网站的项目是也学到了标签的写法和对CSS 的优化以及页面的SEO等,这些都是在边做边去查,学习也是永无止境的。
主题现在还是测试中,暂时还没替换上,预计会年前上好。

- THE END -

日常 # 28 阅读
分享到:
Like

目录

    评论 (0)

    • 昵称
    • 邮箱
    • 网址

    🙋🏻‍♂️ 这里是我的个人站点,我在这里记录关于产品、设计、前端相关的内容,欢迎关注!

    联系我

    菜单

    热门文章

    最新评论

    宇宙超级无敌美少女梦梦的头像 水无心的头像 luss的头像 关山映月的头像 若志奕鑫的头像 yangyuji的头像 米斯特宫的头像 哥斯拉的头像 wu先生的头像 阿锋的头像 鸟叔的头像 娇娇的头像 HEYHUA的头像 真z的头像