博客美化篇 - 爱码网

推荐（下面大多是引用这三个blogs里面的东西的）三个 nice 的博客美化blogs：

全网最全的博客美化系列教程（疑似太监QAQ）

自定义页面风格设计上篇

自定义页面风格设计下篇

注意事项：

如果这些css代码放在你的 blog 里面没有效果，然后你发现保存设置后这些代码部分还消失了，那其实不是代码的问题

原因大概就是你还没申请支持 js 代码使用，申请成功后你的博客侧边栏公告旁边应该是这样的：

博客美化篇

如果你的小括号里面有申请按钮的话，点进去填一下理由就好了，一般都能申请通过

公告栏里的每日一言：

<h4 class="ui top attached block header">一言（ヒトコト）</h4>


<script>
          $.get('https://sslapi.hitokoto.cn/?c=a', function (data) {
            if (typeof data === 'string') data = JSON.parse(data);
            $('#hitokoto-loader').removeClass('active');
            $('#hitokoto-content').css('display', '').text(data.hitokoto);
            if (data.from) {
              $('#hitokoto-from').css('display', '').text('——' + data.from);
            }
          });
          </script>
<div style="font-size: 15px; line-height: 1.5em;" id="hitokoto-content"></div>
<div style="text-align: right; margin-top: 15px; font-size: 15px; color: rgb(102, 102, 102);" id="hitokoto-from"></div>

每日一言