美化优化个人网站历程
本文会一直记录该网站自2020年9月2日上线之后进行的一系列优化和美化操作
[scode type="share"]2020年9月2日我将自己的腾讯云服务器修复后,开始搭建个人网站,安装了apache服务器,安装了php,做了相关的配置,安装了SSL证书,安装了typecho,购买并设置了handsome主题,自此,个人网站便初步搭建成功了。有关handsome自身的外观设置这里不再做赘述[/scode]
[scode type="green"]2020年9月3日添加右下角在线聊天工具crisp[/scode]
- 可以方便与博主进行对话沟通。
[scode type="green"]2020年9月3日添加左下角看板娘[/scode]
[scode type="green"]2020年9月3日添加全局美化增强插件AliceStyle[/scode]
- 基于handsome主题在美观上做了很多的增加,比如天气,登录,标签云,文章选项卡等等
- 并美化了原有后台,自带回顶按钮和各种看板娘,强烈推荐!
[scode type="blue"]2020年9月8日添加消息推送插件Comment Push[/scode]
- 当用户进行评论或留言时会自动通过qq好友(机器人)发送相同的内容给博主,极大提升了回复效率,强烈推荐!
[scode type="red"]2020年9月10日数据库遭受勒索,导致博客重建[/scode]
- 之后加强了数据库安全防护
[scode type="blue"]2020年9月13日开通并配置对象存储与cdn[/scode]
- 但是这块配置的时候出了很多问题,以前没有接触过对象存储和cdn,所以一开始上手的时候有好多名词需要学习。还要处理cdn的缓存问题等。
[scode type="red"]2020年9月21日清除挖矿病毒[/scode]
[scode type="green"]2020年10月25日添加代码高亮插件Code Prettify[/scode]
整体的安装步骤还是比较麻烦的,需要仔细阅读博主的要求步骤,但是最终效果还是非常不错的,展示:
public static void main(){ //举个例子 }
[scode type="blue"]2020年10月26日开启腾讯云函数[/scode]
- 由于一些修改要对博客的静态资源做改动,所以要刷新cdn的缓存,博主使用的是对象存储以及cdn都是腾讯云的,所以根据腾讯官方手册的指导开启了腾讯云函数,设置了触发规则及范围等等,其实就相当于一个钩子函数来触发刷新cdn缓存的操作,但是效果好像并不是特别理想。
[scode type="blue"]2020年10月26日安装插件仓库TeStore[/scode]
- 发现typecho粉丝插件社区,安装了TE插件管理插件,可以方便的从该插件中直接浏览github上所有有关typecho的插件,并且一键自动安装,十分方便强大,强烈推荐!
[scode type="blue"]2020年10月26日安装AMP插件[/scode]
- 初步了解百度收录相关知识
- AMP插件可以将创建的文章自动推送给百度收录,并且创建符合标准的sitemap供百度/谷歌收录。
[scode type="blue"]2020年11月xx日添加百度统计,了解百度资源搜索平台[/scode]
- 百度统计主要是分析网站的浏览量等一些趋势的数据化平台。但是添加了统计代码之后有时控制台会报错误,貌似是一个bug。
- 百度资源搜索平台也俗称百度站长工具,主要是用来资源提交、数据统计、搜索展现、优化与维护等操作。我尝试选择快速收录,但是好像要求管理小程序就放弃了。自动提交的验证也一直没有通过。
[scode type="yellow"]2021年1月,发现百度资源搜索平台中的普通收录已经没有自动推送验证入口[/scode]
[scode type="blue"]2021年01月16日添加cosUploadV5,将附件直接上传到腾讯云[/scode]
- 之前安装的CosForTypecho插件在上传附件时,一直上传不上去,但是这次的终于算是成功了。
[scode type="yellow"]2021年01月16日添加bilibili追番插件未成功,因为麻烦[/scode]
- 这个类似于handsome主题自带的豆瓣清单,但是由于也需要手动建模板页,想想之后再弄吧。
[scode type="blue"]2021年01月17日添加Google Search Console[/scode]
- 类似于百度统计平台,但是是直接提交站点地图。amp站点地图xml可以通过AMP-MIP插件生成,或是通过xml-sitemaps生成,将生成的xml文件放在网站根目录下,再提交到GSC站点地图即可。
- 而且页面确实做的特别简约,舒服。
[scode type="share"]2021年03月03日handsome主题升级至8.1.0[/scode]
- 由于音乐列表获取出现了问题,暂时关闭音乐播放器。
[scode type="green"]2021年4月24日美化“关于我”页面[/scode]
- 使用了多种风格可选的萌萌计数器———— Moe-counter
- 使用了github-readme-stats————github-readme-stats
[scode type="green"]2021年5月14日将crisp与看板娘调换位置[/scode]
- 避免了1080P以下的分辨率打开网站时看板娘挡住导航,但是会遮盖返回顶部的猫。
[scode type="blue"]2021年6月2日安装评论邮箱回复插件Comment2Mail[/scode]
- typecho本身评论回复是没有邮箱提醒的,handsome也是如此,虽然之前有安装QQ消息PUSH插件,但仅限于其他人评论博主,对于博主回复其他人并不能给予通知,这个插件很好的解决了这个问题。
[scode type="blue"]2021年6月3日设置伪静态路径[/scode]
- 这是一个网友在crisp上给我提出的,他不说我还真么注意到这点,就是在路由中域名后面跟了一个index.php。在网上翻阅资料后发现是在typecho后台中设置永久链接,当然还需要服务器配置重写规则(.htaccess)
- 又在首页加了一个轮播图(这个是handsome主题自带的)
[scode type="share"]2021年06月05日handsome主题升级至8.2.0[/scode]
- 微调了一些样式,重新开启音乐播放器。
[scode type="share"]2022年05月04日typecho升级1.2.0,handsome主题升级至8.4.1[/scode]
- 本来计划五一对服务器也进行更换和升级,发现出了不少问题,就先局部升级
- 同时去掉了AliceStyle插件,因为发现有好多不兼容的地方
- 对外观做了比较大的调整
[scode type="green"]2022年5月15日自己编写插件——访客量统计[/scode]
- 由于去掉了AliceStyle插件,右侧博客信息少了些,自己补了一个访客量统计插件
[scode type="share"]2023年02月19日handsome主题升级至9.0.2[/scode]
- 去掉看板娘
- 更换背景图片
[scode type="blue"]2023年02月19日安装评论邮箱提醒插件CommentNotifier[/scode]
- 在 typecho 升级为1.2.0之后,修复原先的 Comment2Mail 在回复评论时会报错,博主不能发送邮件
[scode type="green"]2023年3月06日右侧边栏加入谷歌广告 Google Adsense[/scode]
- (实验性尝试)
[scode type="share"]2024年04月30日typecho升级1.2.1,handsome主题升级至9.2.1 Pro[/scode]
- 顺便把背景全设置为灰白了,简约一些,更聚焦于文章
[scode type="share"]2024年05月06日网站服务器更换[/scode]
- 博主一直用的1核2G2M的云服务器(标准型),续费还是很贵的,就换了2核2G4M的轻量云服务器
- 代理服务器变更:Apache --> Nginx
- 数据库变更与数据迁移:MySQL --> MariaDB
- handsome主题依然是 9.2.1 Pro, Typecho 为 1.2.1
因为挂载了对象存储,CDN,SEO等工具,目前博客还处于过渡期 ~
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »