美化优化个人网站历程

2020-10-24T21:00:00
本文会一直记录该网站自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]


[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]

[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]

  • 顺便把背景全设置为灰白了，简约一些，更聚焦于文章
当前页面是本站的「Baidu MIP」版。发表评论请点击：完整版 »

© 2024 MIP for Typecho v0.8 , Designed by Holmesian.