博客的各种折腾

昨天花了很多时间，把CSS做了调整，现在终于看得顺眼了。短时间内不会再做任何的修改，专心写点东西才是正道。

下面是一些有较大影响的调整：

调整整体配色方案，一共就四个颜色

• #666666：正文颜色
• #EEEEEE：整体背景色
• #FF8832：标题和分隔线
• #2288BB：超链接

字体采用Trebuchet MS+Microsoft YaHei 博客标题加了两个属性，让它靠近博文的中间，而不是在整个博客居中（没测试在其他屏幕上的表现会如何，反正自娱自乐）

• text-align: -webkit-left;
• padding-left:2.4em;

增加.mobile h1，在手机版上覆盖掉上面的内容，以免格式错乱

• text-align: -webkit-center;
• padding-left: 0em;

行间距line-height修改为1.5

待办（划掉）不办事项

把思源黑体做成webfont引入进来 对pre和code进行CSS美化

2018.07.04 Update

感谢张鑫旭的这篇文章，参考着再调整了一些参数，增加了代码的行号，勉强能看吧。

code {
    padding: 10px 10px 10px 40px;
    font-size: 80%;
    line-height: 18px;
    word-break: break-all;
    position: relative;
    overflow-x: auto;
}
pre code:before {
    content: '01|\A 02|\A 03|\A 04|\A 05|\A 06|\A 07|\A 08|\A 09|\A 10|\A 11|\A 12|\A 13|\A 14|\A 15|\A 16|\A 17|\A 18|\A 19|\A 20|\A 21|\A 22|\A 23|\A 24|\A 25|\A 26|\A 27|\A 28|\A 29|\A 30|\A 31|\A 32|\A 33|\A 34|\A 35|\A 36|\A 37|\A 38|\A 39|\A 40|\A 41|\A 42|\A 43|\A 44|\A 45|\A 46|\A 47|\A 48|\A 49|\A 50|\A 51|\A 52|\A 53|\A 54|\A 55|\A 56|\A 57|\A 58|\A 59|\A 60|\A 61|\A 62|\A 63|\A 64|\A 65|\A 66|\A 67|\A 68|\A 69|\A 70|\A 71|\A 72|\A 73|\A 74|\A 75|\A 76|\A 77|\A 78|\A 79|\A 80|\A 81|\A 82|\A 83|\A 84|\A 85|\A 86|\A 87|\A 88|\A 89|\A 90|\A 91|\A 92|\A 93|\A 94|\A 95|\A 96|\A 97|\A 98|\A 99';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    text-align: right;
    background-color: #333;
    color: #00ff00;
    clip: rect(-100px 2em 9999px 0);
    overflow: hidden;
}

 

2024.05.31 Update

更换域名。

之前那个有点尴尬，前段时间折腾了下eu.org域名，审批不知道要到猴年马月，注意力也是精力，一直挂个事情在心里，要去范Gmail，总是不舒服。所以几十块买了个十年的数字域名。以后再也不折腾域名了。

顺手把博客主题给换了下。越简单越好。

增加了一个JS插件，用来拉出所有的文章。