月球

• 自定义 CSS：自定义的界面、如何使用主题、CSS 代码的结构、可供修改的简单模版

• 当您进入您的个人博客主页时：将鼠标放置在左上角的「菜单」上，再在出现的菜单里选择「自定义」；
• 当您进入「写意」的主界面时：点击左上角横排菜单的「博客」，然后在新打开的「我的博客」的界面里点击您想要自定义的那个博客的「自定义」选项；
• 当您进入写作界面时：将鼠标放置在左上角的那个文字选项上（可能是「草稿箱」，也可能是您的某个博客的名字，这取决于您写作时选择的发表地点），再在出现的菜单里选择「我的博客」，然后在新打开的「我的博客」的界面里点击您想要自定义的那个博客的「自定义」选项。

• 主页
• 文章页面

接下来，我们开始复制想要的主题：

1. 首先，点击您想要的主题下方的「Explore theme…」。这里我们使用了「Themes」博客中的第一个主题「Bilge」作为例子，感谢它的制作者 Max Henderson 以及修改者 David Blue。
2. 滑动到页面下方，点击「Copy Theme」。
3. 复制「CSS」标题下方的代码框里的内容。
   

   有的主题的 CSS 代码下方还会有一个标题为「JS」的代码框，那是 JavaScript 的代码。如果您的社区支持自定义 JavaScript，您可以将其复制粘贴到自己博客「自定义」界面的自定义 JavaScript 的输入框内。如果您的社区不支持，您可以无视它。

4. 将代码粘贴到「自定义 CSS」的输入框里，点击「保存更改」。
5. 点开博客查看吧！现在博客已经是应用了主题的样子了。
   • 主页
   • 文章页面

/*

    The author has dedicated all copyright and related rights
    to this work to the public domain worldwide.
    This work is under the CC0 1.0 Universal Public Domain Dedication.
    CC0 1.0: https://creativecommons.org/publicdomain/zero/1.0/

*/

body {
    background-color: aliceblue;
}

#blog-title a {
    font-family: 'Hiragino Sans GB';
    font-weight: bold;
    color: midnightblue;
}

.description {
    font-family: 'Hiragino Sans GB';
    font-style: italic;
}

.pinned {
    font-family: 'Hiragino Sans GB';
    font-size: 18px;
    color: white;
    background-color: #191970;
}

.post-title {
    font-family: 'Microsoft Yahei';
    font-size: 18px;
    font-weight: bold;
}

#title {
    color: midnightblue;
}

time {
    font-family: 'AXIS Std';
    font-size: 13px !important;
    margin-bottom: 1em;
}

article p {
    font-family: 'SimSun';
    font-size: 15px;
    color: black;
}

hr {
    border-top: 2px solid midnightblue;
}

/*

    The author has dedicated all copyright and related rights
    to this work to the public domain worldwide.
    This work is under the CC0 1.0 Universal Public Domain Dedication.
    CC0 1.0: https://creativecommons.org/publicdomain/zero/1.0/

*/

/* The entire page */
body {
    /* Change the background color to AliceBlue (#F0F8FF) */
    background-color: aliceblue;
}

/* Blog title */
#blog-title a {
    /* Change the font to Hiragino Sans GB */
    font-family: 'Hiragino Sans GB';
    /* Bold text */
    font-weight: bold;
    /* Change the font color to MidnightBlue (#191970) */
    color: midnightblue;
}

/* Blog description (underneath title) on home page */
.description {
    /* Change the font to Hiragino Sans GB */
    font-family: 'Hiragino Sans GB';
    /* Italic text */
    font-style: italic;
}

/* Pinned posts */
.pinned {
    /* Change the font to Hiragino Sans GB */
    font-family: 'Hiragino Sans GB';
    /* Change the font size to 18px */
    font-size: 18px;
    /* Change the font color to white (#FFFFFF) */
    color: white;
    /* Change the background color to MidnightBlue (#191970) */
    background-color: #191970;
}

/* Post titles on home page */
.post-title {
    /* Change the font to Microsoft Yahei */
    font-family: 'Microsoft Yahei';
    /* Change the font size to 18px */
    font-size: 18px;
    /* Bold text */
    font-weight: bold;
}

/* Post title on post page */
#title {
    /* Change the font color to MidnightBlue (#191970) */
    color: midnightblue;
}

/* Date */
time {
    /* Change the font to AXIS Std */
    font-family: 'AXIS Std';
    /* Change the font size to 13px */
    /* !important means this declaration overrides other declarations */
    font-size: 13px !important;
    /* Add space below the date */
    margin-bottom: 1em;
}

/* Article text on home and post page */
article p {
    /* Change the font to SimSun */
    font-family: 'SimSun';
    /* Change the font size to 15px */
    font-size: 15px;
    /* Change the font color to black (#000000) */
    color: black;
}

/* Horizontal line */
hr {
    /* Add a 2px solid MidnightBlue top border */
    border-top: 2px solid midnightblue;
}

/*

    The author has dedicated all copyright and related rights
    to this work to the public domain worldwide.
    This work is under the CC0 1.0 Universal Public Domain Dedication.
    CC0 1.0: https://creativecommons.org/publicdomain/zero/1.0/

*/

/* 整个页面 */
body {
    /* 将「背景颜色」改为「AliceBlue（#F0F8FF）」*/
    /* Ps. 这里直接使用了该颜色的名字 */
    background-color: aliceblue;
}

/* 博客标题 */
#blog-title a {
    /* 将「字体」改为「冬青黑体（Hiragino Sans GB）」 */
    font-family: 'Hiragino Sans GB';
    /* 将字体「加粗」 */
    /* Ps. 这一步其实无关紧要，因为似乎预设的标题字体就是加粗过的 */
    font-weight: bold;
    /* 将「字体颜色」改为「MidnightBlue（#191970）」 */
    /* Ps. 这里直接使用了该颜色的名字 */
    color: midnightblue;
}

/* 博客描述（简介） */
.description {
    /* 将「字体」改为「冬青黑体（Hiragino Sans GB）」 */
    font-family: 'Hiragino Sans GB';
    /* 将字体设置为「斜体」 */
    font-style: italic;
}

/* 置顶文章的标题 */
.pinned {
    /* 将「字体」改为「冬青黑体（Hiragino Sans GB）」 */
    font-family: 'Hiragino Sans GB';
    /* 将「字号」改为「18 号」 */
    font-size: 18px;
    /* 将「字体颜色」改为「白色（#FFFFFF）」 */
    /* Ps. 这里直接使用了该颜色的名字 */
    color: white;
    /* 将「字体颜色」改为「MidnightBlue（#191970）」 */
    /* Ps. 这里使用了该颜色的十六进制编码 */
    background-color: #191970;
}

/* 博客主页的文章标题 */
.post-title {
    /* 将「字体」改为「微软雅黑（Microsoft Yahei）」 */
    font-family: 'Microsoft Yahei';
    /* 将「字号」改为「18 号」 */
    font-size: 18px;
    /* 将字体「加粗」 */
    font-weight: bold;
}

/* 文章页面的文章标题 */
/* Ps. 它和上面的主页中的文章标题对应的选择内容并不相同 */
#title {
    /* 将「字体颜色」改为「MidnightBlue（#191970）」 */
    /* Ps. 这里直接使用了该颜色的名字 */
    color: midnightblue;
}

/* 日期 */
time {
    /* 将「字体」改为「AXIS Std」 */
    font-family: 'AXIS Std';
    /* 将「字号」改为「13 号」 */
    /* Ps. 这里的「!important」的意思是这条声明的优先度在其他声明之上，属于特殊情况 */
    font-size: 13px !important;
    /* 在日期的文字下方与文章正文之间空出一些距离 */
    margin-bottom: 1em;
}

/* 文章正文的文字 */
article p {
    /* 将「字体」改为「宋体（SimSun）」 */
    font-family: 'SimSun';
    /* 将「字号」改为「15 号」 */
    font-size: 15px;
   /* 将「字体颜色」改为「黑色（#000000）」 */
    /* Ps. 这里直接使用了该颜色的名字 */
    color: black;
}

/* 分割线 */
hr {
    /* 变成了 2 px 大小的实心线，颜色为 MidnightBlue */
    border-top: 2px solid midnightblue;
}