搁置了3年多的博客终于又活过来了。没办法，每年都是一百多块的学费，放着实在太可惜了。毕竟是爱好，删库是不可能了，这辈子都不可能删库了...我超级喜欢这里了（/手动滑稽）
  之前有用过WordPress，网上大佬们说太臃肿了,都10M+大小，毕竟160万字的《诛仙》才3M多一点，遂舍弃。接着换成Emlog，很小，不到1M，是的，最新的emlog v6.0压缩包是713KB！测试了下，感觉还不错，有点小遗憾是没找到好的主题（买不起，又不会扒呗）。最后接触到Typecho，476KB，看到没，又小了！对于像我这种就写点文字、做个网络笔记本的人来说，完全足够。但是主题也不好找啊！无意中看到有博主使用Handsome主题，感觉界面样式还不错。于是就有了这篇文章。

一、实验准备

  1. 环境：Typecho，Handsome主题
  2. 工具：EmEditor编辑器，Clcl剪切板，FileLocator文件查找，WinSCP，Xshell 5，360极速浏览器，Firefox浏览器，Chrome浏览器

二、实验步骤

  略。(用心体会，/严肃脸)

三、实验内容

1、火狐浏览器无法显示滑动条问题

  谷歌内核浏览器(360,Chrome)可正常显示滑动条。其中CSS类型为：overflow: scroll; 然而在Firefox浏览器中却不出现，而且键盘上下方向键亦失效。百度之，CSS修改：html::-webkit-scrollbar{width:12px;visibility: visible !important;overflow:-moz-scrollbars-vertical;}未果。凭着处女座性格的我，多次实验后发现：overflow: auto;完美解决。

2、设置字体大小随页面尺寸自动修改问题

  font-size: 1vmin;

这里插播一条广告：网页设计中px、em、rem、%、vw、vh、vmin、vmax等常用长度单位总结

3、修改默认搜索功能

  这里直接使用插件解决问题。插件参考：Typecho实时搜索插件ExSearch。在此修改了字体，页面，遮罩效果（根据浏览器页面大小自适应字体和搜索界面，同时调整遮罩，使其在该主题下运行完美）。
  1、font-size: 1vmin;
  2、让页面显示在最前：z-index: 99999;
  3、显示出遮罩效果：background: rgba(0,0,0,.67);

4、修改默认的目录功能

  原主题所带有的目录功能是在h2，h3及以上标题存在下才会显示，且手机端直接隐藏。此外，由于目录位置固定，遂在长目录下就出现杂乱问题，极易影响美观。为解决这个问题，这里直接使用插件。插件参考：Typecho文章目录插件DirectoryTree。在此修改了字体，页面，遮罩效果（根据浏览器页面大小自适应字体和搜索界面，同时调整遮罩，使其在该主题下运行完美）。
  1、让页面显示在最前：z-index: 99999;
  2、显示出遮罩效果：box-shadow: 0 0 0 50vmax rgba(0,0,0,0.7);
   注：这里遮罩方式不同于上修改ExSearch插件的方式，原因在于ExSearch那里使用了::before。具体F12查看。
  3、h1~h6均可显示，且每种标题的字体样式，列表风格等都做了补充，形如以下：

.newh1 {
    margin-left: 0px;
   list-style-type: square;
   font-size: 3.1vmin;
   color: rgba(0, 0, 0, 1);
}

5、彩色标签

  F12找到标签的调用id，以及class。再定位到sidebar.php，在调用的id后面添加：

style="display: inline-block;background-color:rgb(<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>)"

  最后根据浏览器显示出来的效果做细微调整即可。

6、文章版权声明

  本主题所带有的版权声明太简洁了(基本上没有这个功能)。这里没有使用插件，因为目前可用的插件不太美观，于是就自己做个吧。

再次插播广告Typecho添加文章版权声明信息(多种方法) - Eonegh's Blog

  这里介绍了详细的操作，此处就不再赘述。

7、更新...

  目前能回忆起来的就这些，先记录下来吧，以后再做补充。

四、实验效果

  略。(对，你现在看到的页面就是修改Handsome后生产出来的，哈哈哈)

五、实验总结

  总的来说，这款主题还是很不错的。不管是样式，还是功能都很适合像我这种爱折腾的人。总体框架有了，再根据自己需要做相应的修改美化就OK了。剩下最重要的就是写文章了，还有就是坚持更新。这纯属个人爱好使然，自留地也好，笔记本也罢。

本文标签：typecho代码、typecho主题