美文网首页大前端开发
个人博客网站大更新

个人博客网站大更新

作者: 小驰行动派 | 来源:发表于2022-06-27 00:13 被阅读0次

一、主题的更新

之前的博客主题,有点不太喜欢,周末又捣鼓了下,换了个其它的免费开源主题,整理下来,比之前好很多了。
所以只要去捣鼓,多去尝试,总会有预想不到的效果。

ps:全面搭建的网站,不知道是装了插件出问题,还是其它设置导致,就是网站打不开了。在网上查了一些资料,也是无法解决,最好只好重新搭建。

这个主题就是puock,作者的个人网站:https://licoy.cn/messaged.html

主题下载地址:
https://github.com/Licoy/wordpress-theme-puock

https://gitee.com/licoy/wordpress-theme-puock

在上面其中一个地址里面,把最新主题包下载下来,我们下载zip格式的就好。

然后在wordpress的管理后台,导入主题即可。

作者关于该主题基本设置的视频:https://www.bilibili.com/video/BV1Vp4y1e7pz/?spm_id_from=autoNext&vd_source=432d3667bd7bbc3988392ac6bd782a6f

二、功能更新

功能其实和选择的主题有很大的关系,这次选择的这个主题,已经包含了大部分我想要的功能,可以说,针对个人博客来说,已经能够满足了。

下面就说下这次更新的几个功能:
1)白天和黑夜模式的切换
在网站右上角,有一个模式切换的图标,可以进行白天和黑夜模式的切换。黑夜模式有些文章阅读体验不是很好,这个后面有时间优化。

白天模式 夜晚模式

2)文章标题显示阅读数

在很多网站上,我们都可以看到有这个功能,不过,我之前找的一些主题,都没法在文章标题就显示出来,很多是在文章开头或者尾部添加的。现在这个主题挺好的,很满意。

3)文章缩略图自动添加

文章标题携带图片,看着会美观很多。
我先前找了个类似添加缩略图的插件,不过试了下效果,找到的插件,不光是文章的标题这里主动获取了缩略图,在每篇文章的开头也给我贴上了一张缩略图,这个显然不是我想要的效果。


1656258863707.png

4)友情链接
这个功能也挺实用的,有些个人觉的不错的网站链接,到时都会汇总在这边进行展示。

5)顶部菜单
顶部菜单,百度上也查了不少资料,不过并没有找到介绍的很好的。

可能也有比较好的插件可以用,只是我没找着,暂时就先这样。后面有时间,这块再优化下,比如菜单的颜色可以修改下,美观点。


6)用户访问数据实时更新显示
这个有插件可以在后台实时看网站的各种分析数据,不过我觉的显示在网站主页上也挺好的。


7)文章底部小工具
如下图所示,分别是点赞、打赏、分享功能按键。

  1. 评论功能正常了,而且这个评论还可以发表情。
    评论这个还有一部分功能,后面有时间再看看,就是评论需不需要用户注册登录的问题,我现在是屏蔽掉了用户注册,用户不需要注册就能评论。这种做法有点不好,就是不能主动获取用户名和头像信息进行展示。

9)网站是https安全访问了
一开始申请下来的域名,如果没有申请过https安全访问证书,用户访问我们网站的时候,浏览器是会提示我们的网站是不安全的。
这个提示肯定是不好的,一方面会让访问者觉的不安全,另一方面,也会影响我们的网站被搜索引擎收录。

之前还看过,说这个https证书申请是要收费的,而且费用还不低。
后面才发现,这个其实是可以自己免费申请的,我们的服务器是在哪里买的,一般买服务器的云厂商哪里就有申请https证书的入口。

这个申请很简单的,而且不用一分钟就申请下来了,有效期是一年,申请下来后,再在宝塔上配置到我们的网站上即可。

1656259817451.png

待优化问题:

1)有些文章代码显示效果不好,都成一行显示了,这个不清楚是不是文章采集插件的问题,还是主题的问题;

2)评论这块,得考虑评论之前是否需要用户注册登陆先,有qq、微信登陆的接口的话,可以考虑下;

3)顶部状态栏内容还没真正搞明白,得看看如何更美观;

4)个人介绍的背景图片,现在是用的默认的,这个后面登陆后台修改成自己的。

欢迎访问我的个人网站:www.xiaochibiji.com

=================================================
深圳上班,

生活简简单单,

从事Android Camera相关软件开发工作,

记录生活和工作的点滴,

点击关注“小驰笔记”,期待和你相遇~

相关文章

  • 个人博客网站大更新

    一、主题的更新 之前的博客主题,有点不太喜欢,周末又捣鼓了下,换了个其它的免费开源主题,整理下来,比之前好很多了。...

  • 博客迁移公告

    博客迁移至个人网站,简书将不再更新

  • 博客地址更新

    https://www.jakeprim.cn/ 博客地址,以后文章优先更新于个人博客网站,欢迎大家来关注

  • ubuntu安装emacs25指南

    安装教程 首先添加源 更新源 最后安装emacs25 关于我 个人博客:MartinHan的小站 博客网站:han...

  • 个人博客项目

    源码地址:github示例:Yui_tycc的博客 (好久没更博客,等服务器换好之后也会在个人博客网站上更新,同时...

  • blog地址

    博客已全部迁移到博客园和个人blog网站中,如有需要请前去查看,此地址以不在更新个人blog: http://11...

  • 为网站添加SSL证书并配置HTTP2(二)

    个人博客:https://xiaofengsir.com/,关注更新文章 一. 为网站配置http2.0协议 说明...

  • autoyu个人博客解决方案

    个人博客 走上编程的路上,我就想着有一个自己的博客,网站是自己写,我在网站上更新内容,我可以分享我的心情,也可以传...

  • 给大家安利一种写作方式——Markdown

    打三月起我开始频繁地更新个人的博客网站博客园-CieloSun,渐渐感觉到网站自带的编辑器有些力不从心,偶然的机会...

  • 个人博客bug修复记录

    起因 这2天更新了个人博客网站的代码,基本把大部分功能做完了。刚刚更新完后,打开博客首页一看网页上有几个奇怪的小方...

网友评论

    本文标题:个人博客网站大更新

    本文链接:https://www.haomeiwen.com/subject/zvqnvrtx.html