title: 个人博客站点建设历程
date: 2015-08-20
categories:
- 术业专攻
tags:
- GitHub
- Hexo
- WordPress
- JavaScript
- Markdown
- HTML
- CSS
- jQuery
permalink: blog-building
top: 1

---

<h2 id="intro">前言</h2>本篇日志用于归纳记录自己在学习建设个人博客站点中的各种尝试和思考。

　　为方便编辑和查看最新进展，更新以倒序方式呈现。

> 大部分改动最终会同步到 [Yelee][56] 主题中，希望主题用户能偶尔查看此日志，按需决定是否更新；


<!-- more -->
<div class="github-widget" data-repo="MOxFIVE/hexo-theme-yelee"></div>

 - 使用上的问题可先查阅文档 [《Yelee 主题使用说明》][162a]
 - 改动和尝试中参考的主要资源都做了 [链接跳转]() 并在文末列出；	
 - [[G]](): 表示该项的具体修改已 commit 提交到 [GitHub][0.1]，点击即可查看；
 
 [0.1]: https://github.com/MOxFIVE "MOxFIVE's GitHub"

## 2016 年 7 月

### 07-04 目录设置

> - [[G]][166] 调整完善目录设置，方便显示\隐藏文章序号和限制目录最大级数（层级太多目录区会显得臃肿）。

[166]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/659f6eabe4922699a69bc583404c9f778b896535 "add: settings for TOC (list_number, max_depth)"

## 2016 年 6 月

### 06-30 标签标题切换

> - [[G]][165] 合并 Pull，支持在切换标签页时更改其标题，挺有意思的小功能。

[165]: https://github.com/MOxFIVE/hexo-theme-yelee/pull/117 "feat: tab title change when switch tab | 切换标签页时更改标签页标题"

### 06-27 评论数显示
> - [[G]][164] 可以在主页文章标题旁显示评论数（多说 或 Disqus）

[164]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/865a26bbcce2c173534653e2ee6ea201a22fe6ff "feat: show comment count on home page"

### 06-25 新标签设置
> - [[G]][163] 完善新标签打开页面的设置，现在可以分别指定哪些类型页面在新标签中打开；
> - [[G]][163a] 添加几个社交图标（LOFTER, Coding, Quora, bilibili, AcFun, niconico）

[163]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6416f538e5ee70a84a0dbddfc44a5b6a53fdfbc8 "add: settings for "open in new tab""
[163a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/a0f31a3acae4a7333439c450b4b8994ca6c09e5d "add(social-icon): LOFTER, Coding, Quora, bilibili, AcFun, niconico"

### 06-17 主题文档
> - [[G]][162] 主题发布 v3.5 版本，也终于弄好说明文档了，希望大家能更新，以后有疑问可先查阅文档: [《Yelee 主题使用说明》][162a]

[162]: https://github.com/MOxFIVE/yelee
[162a]: http://MOxFIVE.coding.me/yelee

### 06-14 样式调整
> - [[G]][161] 调整部分区域的阴影效果和文字样式；
> - [[G]][161a] 去掉几张默认背景图。

[161]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/621e98914b1ba14aa9878ef5fe9a3ab47f3a2851 "style: box-shadow, color, font-size"
[161a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/d9735d76ab21914f9db8d6a92cec3bd04a98a009 "style: change default background images"
### 06-11 ISSUE 模板
> - [[G]][160] 提 issue 前希望能阅读下推荐的短文，总结得挺好的 [提问的检查表](http://t.cn/R5tOIdv)。

[160]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6e0139c81dbaecdeed4419e3e085b862814cb934 "doc: add ISSUE_TEMPLATE"

### 06-08 动态加载评论
> - [[G]][159] 现在可以选择动态加载评论模块，即当点击评论条时才显示评论内容。

[159]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/cc7eff47d0368f94fc9541d9d70154be500e8b6d "feat: load comment section dynamically 动态加载评论模块"

### 06-05 可折叠目录
> - [[G]][158] 多级目录现在可以被展开和收起，方便浏览。同时对目录相关的代码进行了大量优化；
> - [[G]][158a] 目录不换行时，使用更合理的方式显示标题提示。

[158]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/85764bbf482c78d819f8ca87bf9fe390d523dd3b "feat: collapsible TOC 可折叠目录"
[158a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6b1f010ccc781793bcce0c750d50fc9f4fe25f80 "refactor: TOC nowrap"

### 06-04 样式优化
> - [[G]][157] 经提醒修复边栏标签云显示溢出的问题；

[157]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/73ea4ac7144992c4dca3581cba99e82a6d42b41b "fix: tag cloud displays incompletely in sidebar"

### 06-02 图片压缩

> - [[G]][156] 压缩优化主题中的图片。

[156]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/eb416b5b064bbeb332214df0440f40e046b78588 "style: compress images"

### 06-01 头部标签

> - [[G]][155] 补上一些常用的 HTML 头部标签，顺便统一代码缩进风格。

[155]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/1231c1178d7dbd23b3d269b79947b0139d1a97bc "refactor: HTML Meta Tags"

## 2016 年 5 月

### 05-27 代码优化
> - [[G]][154] 修复未启用 jQuery UI 时搜索功能会失效的问题。

[154]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/7c57db8257868274e2d1ec1610b33ccb83276ed3 "fix: local search fails to load when tooltip is disable"

### 05-26 代码优化
> - [[G]][153] 移动端不再加载多余的 jQuery UI, 首屏加载小了 100k；
> - [[G]][153a] 修复迷你归档按钮切换问题。以前选择器选得太笼统了；
> - [[G]][153b] 升级依赖版本。因为不会去兼容 IE6-8，所以 jQuery 直接升到了 2.2.4。

[153]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/07e495813917d7db8cec5b5e2c96ca1d8154ffcb "fix: load jQuery UI until it is needed"
[153a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/9065e15cb9892181786d53ee43c1635236c7f761 "fix: miniArchives button"
[153b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6242ff752356e7ecef205caf558481b5a19bb497 "update: jQuery 2.2.4, RequireJS 2.2.0, Font Awesome 4.6.3 ..."

### 05-25 本地搜索
> - [[G]][152] 添加本地站内搜索功能。配置基本完善，再装个插件就能用，终于不用再折腾各种第三方搜索服务了。

[152]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/0280f6a17d1a0fa1f52056856082e022dfac220c "feat: Local Site Search | 本地站内搜索"

### 05-23 IE 升级提示
> - [[G]][151] 现在使用 IE6/7/8 访问博客时将跳转的指定的页面；

[151]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/7814a79f11b824182a49762bd48c2481c0b0ac92 "refactor: Update Reminder for IE6/7/8"

### 05-21 主题版本
> - [[G]][150] 配置文件和页脚 Yelee 的提示文字中添加主题版本信息，方便讨论；
> - [[G]][150a] 补充发布了从 1.0 到 3.0 共五个版本的主题。这么久了还能补上更新日志，多亏了自己明晰的 Commit 记录。

[150]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/31675d5d76e2272fafa258e0fffb0a44aeff9dbf "add: Theme Version 主题版本显示"
[150a]: https://github.com/MOxFIVE/hexo-theme-yelee/releases

### 05-19 边栏点击
> - [[G]][150] 修复 PC 端单栏模式下不能点击展开侧边栏的问题，同时边栏使用 `flex` 布局以兼容 `max-width` 属性。

[150]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/fd08519060a741640db6045998ed4ae74f8d80cc "fix: show mobile slider on PC | 边栏点击展开"

### 05-18 标题风格
> - [[G]][149] 优化标题相关代码，同时添加两种标题风格（Yilia, GitHub），喜欢极简的可以换用。

[149]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/f9fbf55c7698c3950846cce59af9c5262329d52a "refactor: add 2 heading styles 标题风格"

### 05-17 图片压缩
> - 添加压缩优化背景图的说明，曾提过一次，但感觉不少用户并没有注意到，索性写了篇 [小教程][148]。

[148]: http://moxfive.xyz/2016/05/17/image-compression/ "关于 Yelee 主题背景图的压缩与优化"

### 05-16 标签底色
> - [[G]][147] 优化标签背景颜色相关代码，同时换用对比度更高的底色。

[147]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/967214e8a024a0a5604b88ab7d66772125e20e05 "refactor: background color of labels"

### 05-15 IE 升级提示
> - [[G]][146] 主题 IE6/7/8 下样式错乱，不打算兼容了，访问时会直接全屏提示升级浏览器。

[146]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6c91bedd2e6179abfe36bd41a2b3ad70798719bf "add: Update Reminder for IE6/7/8"

### 05-07 列表样式
> - [[G]][145] 优化列表相关代码，同时新增 12 种列表标记样式。1-3 号标记为 CSS 默认样式，排版兼容性较好；其余通过伪元素控制，兼容性欠佳但样式较灵活。

[145]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/06a840631f4586e3bdaa184bbaa674fa95aeffd3 "refactor: add 12 list styles 列表样式"

### 05-03 社交图标
> - [[G]][144] 新添加 CSDN, 博客园等几个社交图标供选用；
> - 更新主题介绍文档图片链接，HTTPS 链接的图片似乎有点问题。

[144]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/41beb86dd348c659bec430339842561f74e16d28 "add(social-icon): Plunker, CodePen, 博客园, CSDN"

## 2016 年 4 月

### 04-27 样式优化
> - [[G]][143] 完善移动端边栏翻译；
> - [[G]][143a] 调整使用 Hexo 标签插件时引用区样式；
> - [x] [[G]][143b] [[G]][143c] 支持通过 `- [x]` `- [ ]` 添加复选框任务列表。只是一个临时的前端方案，还是希望相关 markdown 解析器能原生支持；
> - [[G]][143d] 更新文档图片链接，贴图库感觉不大稳定。

[143]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/3c02de2deef03b2367f4b3082223b65d1911dcfa "style: translate mobile slider"
[143a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/ee94e78b470bbfdc09a3a0fd68ac2ad725531bd4 "style: block quote with tag plugin"
[143b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/3d4ddb74250d72f47876364b0e467a05b65ce8a6 "feat: Task Lists in markdown | 复选框支持"
[143c]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/e922391c734167dd0b5f38ed1290fc84ee6c8b15 "style: Task Lists"
[143d]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/f2d3418b0aa2e790e3d0ff5f3ce51e234f9267f2 "doc: update images' links"

### 04-24 样式优化
> - [[G]][142] 可在页脚显示网站成立年份；
> - [[G]][142a] 调整标签云页面样式，同时完善其翻译。

[142]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/5b8b95628f71bf99b5cea20fa3aadd8ebd7ccc61 "add: "since" year in footer"
[142a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/e8de63242dbeff039c00ebac0c1401228515f869 "style: translate tag cloud page"

### 04-20 代码优化
> - [[G]][141] [[G]][141a] 精简百度分享和社交图标栏代码；
> - [[G]][141b] [[G]][141c] 调整页脚和边栏副标题样式；
> - [[G]][141d] 目录不分行时显示省略号。

[141]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/9e9ab4d381abe1a704f8d6058d34faf0ce3bb512 "refactor: Baidu Share"
[141a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/f722d10a2254576a436b94533854ca42095dc06b "refactor: social icon bar"
[141b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/4d875cb7ace474f8024949b6338f015e3639f8ec "style(footer): add 2 icons"
[141c]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/22f50c9fddc91c4beeba12fd05004cf938ac331d "style: footer, header-menu"
[141d]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/b25814d0a85b01de9fc9b7badf44c80735a9fd83 "style(toc): nowrap, ellipsis (…)"

### 04-18 字体修复【重要】
> - [[G]][140] 修复字体搭配失效导致文字黯淡发虚的问题。一个小错误让主题在 Windows 下的显示效果大打折扣；
> - 顺便统一了边栏字体，加粗文章各级标题。

[140]: https://github.com/MOxFIVE/hexo-theme-yelee/issues/78 "字体可能会黯淡发虚有锯齿，请主题用户更新字体设置！"

### 04-17 图标优化
> - [[G]][139] 修复首页首篇文章过长时页面空白的问题；
> - [[G]][139a] GitHub 更换 SVG 格式图标，既提高了清晰度又避开了之前图标不显示的问题；
> - [[G]][139b] 调整样式代码，以换用清晰度更高的 logo 图片。

[139]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/83692772e1b00a220db25223120b4d6f2fc5ef55 "fix: articles are invisible until scrolling down in homepage"
[139a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/938b8470b32097e40281cfc64a2a8f9bc79fcb36 "style：SVG logo for GitHub"
[139b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/acc93bb6083cd0281ee6b9b72e53a8408dfafa74 "refactor: HD logo image 高清图标"

### 04-15 CDN 加速
> - [[G]][138] [[G]][138a] [[G]][138b] Font Awesome、clipboard.js 和 fancyBox 都使用 CDN 引入，精简代码和本地资源，同时加快页面二次加载速度；
> - [[G]][138c] 主题配置中关联 CDN，方便切换。

[138]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/0c7a3e95a54699988ba37d495f2338ee14a7e33c "style: load Font Awesome via CDN"
[138a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/aeff547702acc636218387b25c739dac7463ce04 "style: load clipboard.js in head via CDN"
[138b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/456ae19bc0288ce2237f0ab65fba84a3ab9fac8e "style: load fancyBox via CDN"
[138c]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/270bb3ad0628fecd5e68be064b06dd2a1c2e0e55 "add: variables for CDN"

### 04-13 字号调节
> - [[G]][137] 通过 rem 和 Stylus 变量，快速调节字号和缩放页面元素。用了 rem 这个单位，主题大概是真的不支持 IE678 了；
> - [[G]][137a] 调整移动端文字、标题、行距、边距、版权信息区等样式，布局更紧凑，文字更突出。

[137]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/53a83a13cb0145456928d86c0b144e3c1d228e04 "feat: rem layout/font-size 字号调节/页面缩放"
[137a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/576419fbd4bdfe98dcbf5f6ea4a31c175010ee7c "style(mobile): font-size, line-height, margin, padding..."


### 04-03 字体优化
> - [[G]][136] 加深默认字体颜色，添加参数调整文本渲染效果；
> - [[G]][136a] 优化 Font Awesome 图标在 Chrome 等浏览器下的显示效果。

[136]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/8be2b796bc7dbe35d8da337993297806378b9a1e "style(font): color & rendering"
[136a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/730f6f2966d6e172c22669b51d3735c454bb07bd "style(FontAwesome): font-smoothing"

### 04-02 分享优化
> - [[G]][135] 优化百度分享代码，同时将图标替换为 Font Awesome 字体，看着和谐多了；
> - [[G]][135a] 添加 AddThis 分享。相比百度，AddThis 默认样式美观不少，而且可以在 HTTPS 站点中使用。

[135]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/20b2e4f7296c945d4039c358841d45d906f5fe4f "refactor: Baidu Share 百度分享优化"
[135a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/4017757cdb52be40b361b1e38397d21805400d79 "add: Share Tool "AddThis""

### 04-01 代码优化
> - [[G]][134] 修复网站位于子目录时 main.js 失效的问题；
> - [[G]][134a] 当 GitHub.png 不存在时，使用 github.png 作为图标。不少用户更新后 GitHub 图标不显示，虽然可以甩锅给 Git, 还是在主题里做一下兼容好了；
> - [[G]][134b] 修改文本框文字颜色，相对清晰些；
> - [[G]][134c] 左边栏设置最大宽度，改善其在平板下的显示效果。

[134]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/3b90b3adb0471a1297a70f4cda86202dc29f9a2e "fix: subdirectory support"
[134a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/048905522c336491a7a48879d91984e0538fc582 "fix: case sensitivity of GitHub.png"
[134b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/56336d6c851c2223537897e5de61cebde2856cbf "style(text-block): text color"
[134c]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/784f3e2d5b19ba0de5e77e4592e621b0441a652a "style(mobile-slider): max width"

## 2016 年 3 月

### 03-30 代码高亮
> - [[G]][133] 关掉 Hexo [代码类型检测](https://hexo.io/news/#Lazy-load-language-files-of-highlight-js)，手动指定代码语言，避免生成各种奇怪的高亮样式。

[133]: https://github.com/MOxFIVE/Markdown-Archives-Backup/commit/0ba2cbc3df33b17edec3a06fe6fe15a31c4158ee "update: 手动指定代码类型"

### 03-23 样式调整
> - [[G]][132] 调整页面进度条的默认样式，天蓝色带点阴影；
> - [[G]][132a] 修复友情链接内容显示不全的问题，同时微调其样式；
> - [[G]][132b] 主题文档中添加切换语言的说明。

[132]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/dd6fd7ea02bc1d7d913b4d510ceb730de7694b86 "style(.pace-progress): default color & box-shadow"
[132a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/0183e6ada5dc49153ab52f1d2d52d4434c800e8f "fix: add scroll-bar to friends-link part"
[132b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/94f4f53e94797766f83c66ea77ba92268cced9b0 "doc: Internationalization | 语言切换"

### 03-21 翻译完善
> - [[G]][131] 完善文末版权区的翻译，同时为了保证切换语言后显示一致，对部分样式进行了调整。
[131]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6ee2f8a64769e61ffe3f8ea9ee84261276c2d3d7 "style: translate copyright info."

### 03-20 多语言支持
> - [[G]][130] 主题添加多语言支持（简体中文 | 港澳繁体 | 台湾正体 | 英语），配置中未指定语言时默认使用简体中文。个人语言水平有限，欢迎协助完善翻译；
> - [[G]][130a] 页面中加入语言声明；
> - [[G]][130b] 修复 阅读全文 按钮移动端内边距设置无效的问题。

[130]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/c38f2e103d8760478d849769eef6f503a767b6ff "feat: i18n, multi-language support 主题多语言支持"
[130a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/a288bdada984d5d6553c80e7953bd9153e05ffaa "style(lang): declare primary language for page"
[130b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/b3f998eb78fbb3632747dc7df4fcb5d58adfeeab "style(.article-more-link): padding in mobile"

### 03-19 页面进度条
> - [[G]][129] [[G]][129a] 合并 Pull, 引入 [pace.js][129b], 以便在页面加载时显示进度条。网站访问不够快时，用进度条调剂下也是不错的；
> - [[G]][129c] 微调目录按钮位置，顺便提取变量，方便调整目录高度。

[129]: https://github.com/MOxFIVE/hexo-theme-yelee/pull/59 "增加进度条显示"
[129a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/cc59bd2b7263acd14a0f40019bac1b6bd5b54ed0 "doc: Progress Bar | 页面加载进度条"
[129b]: https://github.com/HubSpot/PACE "Automatically add a progress bar to your site"
[129c]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/fc27567698d3cc3cebec5f2f8d956ec4712f9080 "style: position of TOC Button"

### 03-16 代码优化
> - [[G]][128] 把部分与主题配置关联不大的 JavaScript 代码移到单独的 JS 文件中，以减小静态文件体积和提升页面加载速度。原本想把每一个功能做成一个组件，只是用 EJS 模板似乎不够理想，暂时这样吧。
> - [[G]][128a] 调整样式，避免友情链接中的标题被换行。

[128]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/0d5a87c485270a6b9698a3181df56564c970c6ac "style: move <script> to external JS files"
[128a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/41342a36a4b274d06123a8ff6a7037551f537652 "style(friends-link): keep name on the same line"

### 03-13 样式优化
> - [[G]][127] 调整文本框的字体颜色和背景（文本框使用四个空格或者 Tab 缩进）；
> - [[G]][127a] 当浏览器窗口高度不足时，在左边栏显示垂直滚动条。

[127]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/46c25d394f9302fead06b27674df87b61d52eec3 "style(text-block): background & color 文本区样式"
[127a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/e8a35a4ff700c189d4af5f77388b0ea92a86c863 "fix: scrollbar on left sidebar 左边栏滚动条"

### 03-09 协议自适应
> - [[G]][126] 把原先合并在一起的 RequireJS, jQuery 分离开来，方便更新版本和替换支持 HTTPS 的CDN。出于兼容性考虑，jQuery 沿用原先的 1.9.1 版本；
> - [[G]][126a] 改为在页面头部引入 jQuery，方便使用；
> - [[G]][126b] MathJax 的 CDN 也改为相对协议以支持 HTTPS。

[126]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/eeec0504b13f9ccf4929dea33fb5389f36c3fdb3 "style: load RequireJS and jQuery separately"
[126a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/ec77cdb34fd6e3a40345b81708c565bee508ff8d "style(jQuery): move to <head>"
[126b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/551feb6595caac6812011b2dd9231bdc43ad7144 "style(MathJax): supports HTTPS 协议自适应"


### 03-07 加载优化
> - [[G]][125] 删除多余的社交图标图片，多数图标已使用 Font Awesome 代替；
> - [[G]][125a] 修复文章显示延迟问题。只有当动画效果开启且位于首页时，才设置文章区默认透明度为 0。调整后文章页近乎 **秒开**，之前多了个透明度从 0 到 1 的动画过程，易有延迟感。

[125]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/9bc4c6b34e5699dcdf7f5cca591cddb6a043d908 "del: redundant icon 删除多余图标"
[125a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/4adf95e83330472b94d41e3e45d898e74b9bf52a "fix: post loading 文章显示延迟问题"


### 03-04 代码优化
> - [[G]][124] 调整目录标题 `title` 属性的获取方式；
> - [[G]][124a] 修复关闭动画后文章区不显示的问题；
> - [[G]][124b] 参考 [Pull][124c]，修复开启 Fancybox 时无法使用 `<img>` 标签设置图片尺寸和标题的问题。

[124]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/a0f5929552c702b2dfb837a5ed405b741015ee4e "style: toc title"
[124a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/504d89345014aeb28b465f4dad8e586640d7b3ef "fix: article is invisible when "animate: false""
[124b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/f91ac7d0d0120d6f425ce46e4975c420f0e06748 "fix: style image within Fancybox 图片尺寸自定义"
[124c]: https://github.com/litten/hexo-theme-yilia/pull/190 "解决在启用 fancybox 时，不能在文章中用 img 标签自定义图片大小的问题"

### 03-02 配色方案
> - [[G]][123] 调整灰白主题样式，同时转移代码到 Stylus 文件中，更规范且方便编写；
> - [[G]][123a] 添加 Yilia 配色方案。因为改动地方较分散，因而使用覆盖的方式添加。以后大概会添加几种配色方案，几套标题样式，方便搭配；
> - [[G]][123b] 增大引用区和文末版权区外边距；
> - [[G]][123c] 提取变量，方便统一调节标签、按钮和图标的透明度。

[123]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/7d4b9975c34e71ca76d7141f6ef86253849426b5 "style: white-gray theme"
[123a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6cdbfca7ec0ec79a0ed3fce345ecdc689d47902f "add: 1 color scheme | 自定义配色方案"
[123b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/8d0463bdb358db1b9a87e63c915e273c6e62dd84 "style(.copyright, blockquote): margin-top"
[123c]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/472df0576a6554b026a102e6d61923fb4655fae0 "add: variable for opacity 局部透明度"

### 03-01 问题修复
> - [[G]][122] 修复表格过宽时溢出窗口的问题；
> - [[G]][122a] 修复多说 UA 透明度失效问题。

[122]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/c5c069f04072de95162f381d01d6c72a1e988a9c "fix: table overflow 表格溢出问题"
[122a]: https://github.com/MOxFIVE/M-Hexo-Blog/issues/32 "多说 Win 7 UA 背景透明度问题"

## 2016 年 2 月

### 02-29 Hexo 更新
> - [[G]][121] 更新 Hexo 到最新版本，解决了目录标题锚点不显示中文的问题。说是更新，其实只是换个文件夹安装了另一个 Hexo，下载插件，然后备份恢复自己改动的文件；
> - [[G]][121a] 开始使用当前版本的 Yelee 作为自用博客主题，方便调试和同步更新；
> - 暂时关闭搜索功能。因为现在博客只托管在 GitHub，百度站内搜索无法正常抓取。

[121]: https://github.com/MOxFIVE/M-Hexo-Blog/issues/28 "地址栏目录标题编码问题"
[121a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/a15c5b1a1a9e9d9a7c0eeffe73acf776cfd9a58d "update: customise Yelee"

### 02-28 子目录设置
> - [[G]][120] 修改主题资源链接，添加对应设置以支持在子目录存放网站。`http://yoursite.com/blog`；原本以为挺容易，结果修改起来不少坑，配置获取，默认值，地址拼接等都要注意。

[120]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/11db0576ca5ce28c5ef96b0ead38f25e8c3b2614 "feat: subdirectory support 网站子目录支持"

### 02-27 样式调整
> - [[G]][119] 调整标签背景色的生成方法，似乎兼容性好些；
> - [[G]][119a] 调整头像加载动画实现方式。原先 lazyload 感觉较卡顿，关联较多，兼容性欠佳；

[119]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/dd1c3a837d300d3d748f8ea4f737ab7a29070f62 "fix: labels's background color 标签背景色"
[119a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/d9310b538aeef1a906ef12cc9cdf192e1e592ee6 "refactor(avatar): loading animation 头像加载动画优化"

### 02-23 样式优化
> - [[G]][118] 调整社交图标间距。原先只设置了右边距，左边栏宽度调整后图标区可能不居中。

[118]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/d0167eb45993c2b6dad2f8a7d6eecd4d84720b74 "style(.social li): margin"

### 02-21 样式调整
> - [[G]][117] 调整文章区外边距，避免多说表情框溢出背景。

[117]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/51bf2e33f25a70775844a829a51b738637fbf137 "style(.body-wrap): margin-bottom"

### 02-18 代码优化
> - [[G]][116] [[G]][116a] 合并 Pull，修复滚动条溢出问题；对齐置顶图标；修复社交图标文件名不匹配问题。

[116]: https://github.com/MOxFIVE/hexo-theme-yelee/pull/37
[116a]: https://github.com/MOxFIVE/hexo-theme-yelee/pull/38

### 02-17 样式优化
> - [[G]][115] 社交图标和文章区域添加轻微阴影效果；
> - [[G]][115a] 修复改变左边栏宽度后隐藏标签按钮不对齐的问题；
> - [[G]][115b] 设置变量，方便修改主题背景色和透明度。

[115]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/34e8490d9f3b3d8ad247e7f80f4feec11f23fb8d "style(.social li, .article-inner): add box-shadow"
[115a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/212c1033fb12055bd7d3d5248c00c9ecb1f9801b "fix: hide-labels position"
[115b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/c1d91f45848a88182b1c4661279a6f318a14028e "add: variables for background color"

### 02-11 代码优化
> - [[G]][114] 分离 社交图标栏 代码，设置 变量/循环 自动生成相关样式。代码得以精简，以后添加图标和修改样式也比较方便；
> - [[G]][114a] 平板等触摸屏设备关闭 Tooltip

[114]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6740866be0e0b1b0af31112e4c36506c92660c08 "refactor: social icon style | 精简社交图标栏代码"
[114a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6dacdceef18209e0aa802da3d980a03540814597 "fix: tooltip on touch devices"


### 02-04 样式调整
> - [[G]][113] 增大段间距，改善文章排版效果；
> - [[G]][113a] 修复部分 subnav 社交图标不能点击跳转的问题。

[113]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/e066d31f17020f1abc9f9e0f69de49edd4332342 "style(p): margin top/bottom 段间距"
[113a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/e62d1c4df9ef6e381919e3a613fe370b39a228a1 "fix: subnav link"

### 02-01 代码优化
> - [[G]][112] 合并 Pull , 避免执行无效代码；
> - [[G]][112a] 修复美化提示框样式后多说无法选择表情的问题；
> - 调整最近访客头像动画效果。

[112]: https://github.com/MOxFIVE/hexo-theme-yelee/pull/33 "修复脚本错误"
[112a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/530f5f34981074ac62e0b80d3b623f8cac8a3dd9 "fix: 多说发表情问题"

## 2016 年 1 月

### 01-30 样式调整
> - [[G]][111] 调整正文、按钮等不同区域的 Tooltip 提示框样式。

[111]: https://github.com/MOxFIVE/hexo-theme-yelee/commits/master "style(tooltip): effect, delay, duration"

### 01-27 设置优化
> - [[G]][110] 添加全局配置，方便 显示/隐藏 文章目录及文末版权信息。如果默认关闭，依然可以在文章头部添加相应参数单独开启。

[110]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/60a984c1cd97df7410cf3e15da76cbf2f509dd23 "add: options for Copyright info. & TOC 目录和文末信息设置"

### 01-26 样式调整
> - [[G]][109] 整合 [GitHub-Repo-Widget.js][109a]，同时微调其样式，方便在页面中展示 GitHub 项目；
> - [[G]][109b] 使用 [jQuery UI Tooltip][109c]，美化工具提示框样式。试了不少修改方案，没有发现更省心的；
> - [[G]][109d] 添加简书、SegmentFault、Medium 等8个网站图标，同时稍微简化相关 CSS 代码。

[109]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/bd1a835f54a17eb4b39e47b1b342b9cf65ed07e8 "add: GitHub Repo Widget"
[109a]: https://github.com/hustcc/GitHub-Repo-Widget.js
[109b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6788c02f56f69c8213b150bfa20f220723f1e7db "style(tooltip): by jQuery UI 提示框样式美化"
[109c]: http://jqueryui.com/tooltip/
[109d]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/946ff7c01535df1ed6943ab02f12411054f95586 "add: 8 social sites icon 添加社交图标"

### 01-21 设置优化
> - [[G]][108] 添加网站计数设置，方便开启/停用计数及修改有关显示文字；
> - [[G]][108a] 看到不少用户喜欢把左边栏调宽，干脆在配置中提供选项好了，与左边栏宽度相关的元素会自适应调整；
> - [[G]][108b] 为方便调整左边栏宽度，其中元素全部居中显示。之前下半部分是向左偏移的，似乎这样更顺眼？

[108]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/ebc43ccb4d9cbeafe1bf59c21ad9e297fe8eb72b "add: option for visit counter 网站计数设置"
[108a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/5c7ff882dd0da9a1b7961d7bd742b2df1800eed3 "add: option for left column width 左边栏宽度定制"
[108b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/d922f01cdeff98d612640dc74d254f3ded88ed12 "style(left-col): centre menu & social bar 左边栏元素居中"

### 01-19 样式优化
> - [[G]][107] 修复关闭动画后单栏模式中不显示头像的问题；
> - [[G]][107a] 添加设置，方便在文章前为“自用笔记”分类添加说明文字。

[107]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/c8b716d867c160bef606477aef13436e13587344 "fix($js-avatar): avatar display in mobile-nav"
[107a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/713dd14da0447475792b324aeb0a8ba69df05927 "add: auto intro for note 自用笔记说明文字"


### 01-18 引用样式
> - [[G]][106] 添加 7 个引用样式；
> - 先逐步完善对局部样式的自定义，再看看怎么结合这些小样式，搭配出几个不同风格主题供选择。

[106]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/13127f52eb07e641ce9ffe6aff868d68db4ae1c6 "style($blockquote): 7 alternatives 添加 7 个引用样式"

### 01-17 样式分离
> - [[G]][105] 分离正文中的标题、列表、引用以及表格等模块，方便以后为主题添加和设置自定义样式；
> - CSS 写法我应该是比较熟悉了，所以分离后的样式直接使用更简洁的 Stylus 改写。

[105]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/d0c33fb363962dee60f99e0e9cc1d29b0f639e26 "style($article): make it modular 样式模块化"

### 01-16 配置文档
> - [[G]][104] 多说还是有不少人因为误解而配置失败，又补充了一些说明，能装上 Hexo 的应该都能理解了吧；之前一直沿用 Yilia 主题的配置，但其实原配置过于简略，也有些许杂乱，这次索性重写了。设置项按功能分类，编写风格保持一致，同时附上一些必要的配置说明。

[104]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/132568150eefa09a86dd99dd2832855167955f38 "doc: rewrite configuration 重写配置文档"

### 01-14 站内搜索
> - [[G]][103] 优化百度站内搜索的引入方式，同时透明其背景；
> - 站内搜索似乎是很鸡肋的，除了测试搜索效果外我几乎没怎么用过，记录中也极少看到访客使用搜索。对博主自己而言，如果文章都是原创且设置了完善的分类和标签，我想他一定能很快检索出需要的内容。对访客而言，访问这类小博客通常是通过搜索引擎或者某篇博文链接，直接就查看到了所需内容，无站内搜索需要；如果访客只是偶尔进的主页，那他大概也只是漫无目的地看看归档或者标签，站内搜索依旧被闲置。目前我还保留着搜索功能，基本只是做个展示吧，确实很需要站内搜索的可以参考添加。

[103]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/1d6c09e6c18108cb44bfb087ede404a24f82ed78 "style: baidu site search"

### 01-12 样式控制
> - [[G]][102] 在主页隐藏本篇文章的标签列表；隐藏本篇文章目录中三级标题前的序号。

[102]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/56ae582a615dbb443c46c7fdfd93921766317625 "style: hide toc-number in certain post"

### 01-10 文章历史版本
> - [[G]][101] 关联 GitHub 上的文章备份，在文末版权区里添加文章更新历史、修改记录查看和 Markdown 源文件下载功能。感觉这是个很小众的需求，就不把它整合进 Yelee 主题里了，有需要的可以参考相关 commit 和文章添加；
> - [[G]][101a] 文末版权区小标题样式设置为 `inline-block`，避免被换行；站外链接改在新标签中打开；改用 `break-all` 强制换行，以优化长链接显示效果。

>> *经验记录*: [《关联 GitHub, 让 Hexo 支持查看文章更新历史》][101b]

[101]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/d8a4942dab23920837cc70249c31697d36e49235 "feat: post version control by GihHub"
[101a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/4b886189d2e81b23b7e700aac48d5bc9effa93e4 "style($copyright): word-break, display, _blank"
[101b]: /2016/01/10/hexo-post-version-control/

### 01-09 兼容性改善
> - [[G]][100] 合并 Pull。1. 调整滚动监听方式，对 Safari 使用特定样式，提升主页动画兼容性；2.直接使用 `cssText` 设置菜单按钮动画，以兼容 IE 9 以上版本；3.取消 `-webkit-box` 布局，避免头像在 IE9 + 和 Firefox 中显示错乱；4.优化友言评论移动端样式。

[100]: https://github.com/MOxFIVE/hexo-theme-yelee/pull/22

### 01-08 首页动画
> - [[G]][99] 合并 Pull, 引入 [ScrollReveal.js][99a] 和 [Animate.css][99b]，以设置和丰富首页动画效果。动画可在配置中关闭。

[99]: https://github.com/MOxFIVE/hexo-theme-yelee/pull/21
[99a]: https://github.com/jlmakes/scrollreveal.js "Easy scroll animations for web and mobile browsers."
[99b]: https://github.com/daneden/animate.css "A cross-browser library of CSS animations."

### 01-07 代码优化
> - [[G]][98] JavaScript 变量移至页头，精简代码，同时也方便设置在指定页面中禁用特定功能模块；
> - 添加 [文章置顶][98a] 功能，同时微调置顶图标边距；
> - 默认关闭 MathJax 数学公式解析，优化无公式显示需求用户的页面加载速度。 

[98]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/6cf7ae4dad8dd08c9491eb634338393b7e0294ee "refactor: fancyBox configuration"
[98a]: http://www.netcan666.com/2015/11/22/解决Hexo置顶问题/ "解决Hexo置顶问题"

### 01-06 样式调整
> - 修复网易云音乐移动端可能撑破布局的问题，max-width。

### 01-05 样式自定义
> - 分离部分 CSS 样式模块，便于以后通过主题配置快速切换样式；
> - [[G]][97] 添加 9 个文本高亮样式，4 个代码配色方案；
> - 尝试对背景图使用 CSS 模糊滤镜，似乎很影响页面流畅度，原因不详，维持现状。

[97]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/25462ead55788d4c3d8ebc7b30934a693cf29ff7 "feat: highlight color scheme 高亮样式自定义"

### 01-04 按钮优化
> - [[G]][96] 使用 jQuery 重写 目录切换按钮 代码，修复移动端按钮值显示和点击无效问题，同时添加一些动画效果；
> - [[G]][96a] 添加回调函数，修复迷你归档切换时可能出现的显示问题。

[96]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/a35bd2e444aa092e862276a9d89407e69b563ec1 "refactor: toc button 目录按钮优化"
[96a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/c2b31d890b2e2eb6b71e5e21c736ae1a56fcd3d9 "fix: mini archives toggle 迷你归档切换问题"

### 01-03 样式调整
> - [[G]][95] 调整文字选中后的背景和颜色；
> - [[G]][95a] 修复菜单栏过长会覆盖社交图标的问题； 
> - [[G]][95b] 归档页设置在新标签打开文章链接；
> - 稍微增大引用区内边距。

[95]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/dede235510d6a29eecdd0c8272d2c7a0e5dde23c "style: ::selection 选中后样式"
[95a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/181bf0ff0a78ec412f549a5b46f8d08118feaba1 "fix: menu list cover social icon 菜单栏覆盖社交图标"
[95b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/f24802807eb35f282edd4dbca4a98d405dc7f97d "style: open in new tab 新标签打开"

### 01-01 评论优化
> - [[G]][94] 添加友言评论；优化评论模块代码与配置；重写评论配置说明。
>> *经验记录*: [《为 Hexo 主题添加评论模块 — Disqus, 多说, 友言》][94a]

[94]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/3138ca36bd209fd9f79b60fbb6b15b44673560b5 "refactor: comments code & configuration 评论模块优化"
[94a]: /2016/01/02/hexo-comments/

## 2015 年 12 月
### 12-27 移动端优化
> - [[G]][93] 时间与标题对齐；增大网站小标题内边距；调整日期样式；字体大小调整；页脚布局优化；"隐藏标签"按钮优化; 移动端归档页默认隐藏标签；
> - [[G]][93a] 在 iPad 和单栏模式中，不加载背景图，改用随机 CSS 背景色，从而提高移动端加载速度，减少背景兼容性问题；
> - [[G]][93b] 为头像增加动画效果；
> - [[G]][93c] 调整鼠标悬停时的字粗、字色、背景色等效果。


[93]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/409cbc99e2f0acb6ed31506a715a165a369683cd "style: subtitle, archives, article-meta, footer, hide-labels button"
[93a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/febb9171ba0bb1f8efb05548733aa38324c6c518 "refactor: background in mobile 移动端背景优化"
[93b]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/34ba468f1eb6146b004f0fdd15ead08c1dc38da0 "style: animation in avatar 头像动画"
[93c]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/5db4784afd5e5068f7d4ed3f40101a8276eb80f4 "style: hover font-weight, color and scale"


### 12-25 样式调整
> - [[G]][92] 社交图片调整为图标悬停时整体放大。

[92]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/600c6fc6603997d3fa1901e5bc519b5f974240bd "style: transform-scale"

### 12-24 评论按钮
> - [[G]][91] 取消页面类型判断，改为判断页面内是否存在评论区，不存在则自动隐藏评论跳转按钮。

[91]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/efacfb4f223701c1563d341c30fd7dff76bff302 "refactor: scrolling button 页内跳转按钮优化"

### 12-22 跳转按钮
> - [[G]][90] 文章跳转按钮优化，精简代码，优化逻辑，合并 CSS。

[90]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/0ee5fbc127958bb0d57c920607c5ad15e1167082 "refactor: post-nav-button 文章跳转按钮优化"

### 12-21 迷你归档
> - [[G]][89] 在左边栏目录区增加一个迷你文章列表，通过旁边中间按钮调出或隐藏。

[89]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/993b30488f43a9fa3d5616e4bd155e48413e7ae6 "feat: mini post list 迷你文章列表"

### 12-18 目录标题
> - [[G]][88] 可在主题配置中设置 目录标题 不换行。

[88]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/4490fdb00ce1885cbbe22d06c37cd9e598af50c9 "add: option for TOC title wrap 目录标题换行"

### 12-17 规范代码
> - [[G]][87] 修改调整自己在主题中添加的代码，尽量使其符合前端代码规范。

[87]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/cbe3921fa15ae31f9c7a165e8f727287c87ad78b "style: code review/linting 规范代码样式"

### 12-13 站长验证
> - [[G]][86] 主题配置中提供选项，方便站长验证。

[86]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/8fd12f50f1bf96c2c610626fc1c2f0ef86c576e7 "add: site verification option 站长验证选项"

### 12-12 目录优化
> - [[G]][85] 正文中没使用 HTML 标题时，自动隐藏目录区。

[85]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/b7da6666ff1861d42e023c31b4daab32832cbb27 "style: autohide toc 自动隐藏目录区"

### 12-11 样式调整 
> - [[G]][84] 微调博客字体及社交图标样式。
> - [[G]][84a] 多说 UA 内不换行，移动端隐藏多说评论框背景。

[84]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/166db0a6dd61b3366a682f24a55c9170af80993c "style: font-family, social icon"
[84a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/29f2822a32ece388194b86b6dcbfd3c26c3d6ee7 "style: 多说样式"

### 12-06 版权信息

> - [[G]][83] 优化文末版权信息。以词断行；去掉网址鼠标悬停加粗效果，英文慎用悬停加粗，易破坏布局。 

[83]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/6674f8464fe336327b4e1f6c65f1697e4d15f51d "style: copyright info. 文末版权信息"

### 12-04 字体调整
> - [[G]][82] 为标题，正文，以及代码区设置不同的英中字体。
>> *经验记录*: [《CSS font-family 网页字体使用小结》][82a]

[82]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/bba4e34f1daa3bf8379aa6f6ca5d02808114964b "style: font-family 字体调整"
[82a]: /2015/12/09/css-font-family/

### 12-02 文章摘要
> - [[G]][81] 增加通过 front-matter 自定义文章摘要的功能。
- 至于自动截取设定字数作为摘要的功能，就不添加到主题了。作为内容生产者的个人博客，应该对自己的文章及其呈现方式多用点心。

[81]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/2083b8a63e43c8d682e86ce788790ba93f96fc05 "feat: post.description/excerpt 首页文章摘要"

### 12-01 标签云优化
> - [[G]][79] 使用 Hexo 自带参数优化分类列表；
> - [[G]][80] 页面中添加分类和标签数统计。

[79]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/8f00171371af03682c774049d00b0172f8ccbbcf "style: tag cloud page list_categories"
[80]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/56abe4226454571335a62120ab404792f274437f "add: number of tags and categories 分类及标签数统计"

## 2015 年 11 月

### 11-30 评论跳转
> - [[G]][78] 修复导航按钮中 Disqus 评论跳转问题。

[78]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/7ddd09bd3864d8803b3f558d06699ed8e2dc34e1 "fix: scroll to Disqus comment"

### 11-28 标签云优化
> - [[G]][77] 调整优化标签云样式。tag 内强制不换行；修改 hover 后样式，避免破坏布局。

[77]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/d555f5f97adfb9784917d5535b446491665a170a "fix: tag cloud page 标签云样式"

### 11-27 表格换行
> - [[G]][76] 调整表格换行规则，标题行与首列不换行。

[76]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/4989205f11131f0e22697b1a2063cae66e8df7fc "style: white-space in table 表格内容换行"

### 11-25 图片居中
> - [[G]][75] 移动端居中显示图片。

[75]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/2237017b7281b70e8a1af7207cc89a0593f86bfb "style: center image in mobile 移动端居中图片"

### 11-24 样式调整
> - [[G]][74] 调整无序列表样式。

[74]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/2670efcc58291da87224a37f461516625221c7f8 "style: list-style, ul li:before"

### 11-21 代码优化
> - [[G]][72] 将标签云页面代码模块整合到 page.ejs 中；
> - [[G]][73] 修复长链接和分类列表换行显示问题；
> - 因为整合 Pull 到主分支前未测试，出现问题后折腾了一会，因而意识到 branch 在协作中的重要性，也顺便熟悉了 Git 增删管理本地和远程分支的方法。

[72]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/4ba59b334024254cba58a3a3a26fed7864bdd4f7 "style: tag cloud page 整合标签云界面代码"
[73]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/6f1a102c40516b438e28d4743ca6690122caacc3 "fix: word-break in article and category-list"

### 11-19 样式调整
> - [[G]][71] Page 页面中标题的默认样式改为居中，区别于 Post。

[71]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/a377a1d077323aa4102febbc783cd008b53fd546 "style: page header 页面标题样式"

### 11-18 目录显示
> - [[G]][70] 去除 Page 页面中的目录和版权信息，只在 Post 中显示。

[70]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/5b9cb4fd87a89934ce57913db3278a78c27326d6 "style: remove toc and copyright info in pages 去除页面中的目录和版权信息"

### 11-17 随机背景优化
> - 整合 [Pull][69]，优化随机背景代码；
> - [[G]][69a] 改进背景参数设置，改写说明文档；

[69]: https://github.com/MOxFIVE/hexo-theme-yelee/pull/7 "优化随机背景图代码"
[69a]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/51645e6fb0265df87b1ddab35a86a403bc4d5ede "add: background_image setting 背景图片设置"

### 11-16 代码框样式
> - [[G]][68] 调整优化代码显示框相关样式。

[68]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/479ccbe1d36842608692ad8cf52590951ed92ad0 "style: highlight 微调代码框样式"

### 11-15 图片样式
> - [[G]][67] 改进 fancybox 模块的加载和开关方式。

[67]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/66aead7e798c6476ed162e6910d0357a4f70aba7 "refactor: fancybox loading and setting"

### 11-11 文章分类
> - [[G]][66] 修复文章多分类显示问题。

[66]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/59885f8026c01a37ae0af1d1a25f35044c060ade "fix: categories' style in tag cloud page 文章含多分类时的样式问题"

### 11-09 时间格式
> - [[G]][65] 修复时间格式错误。

[65]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/c732947298ca4f0340f7557c86daea6bd12aadbd "fix: date format 时间格式"

### 11-06 个人 Wiki
> - 使用 [TiddlyWiki][64] 为博客增加个人 Wiki。

[64]: http://tiddlywiki.com/

### 11-01 样式优化
> - [[G]][63] 调整优化目录样式。

[63]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/0e48796f8480ab35cd2618579db8ab2d9d39ddaf "style: table of contents 目录样式"

## 2015 年 10 月
### 10-26 Stylus
> - 原来我写的不是纯粹的 CSS, 而是 Stylus, 这个很称心，学起来。

### 10-25 地址复制
> - [[G]][62] 增加复制地址等信息到剪贴板的功能。

[62]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/8f656e29d2c83016c5a5fc019509f121d0f23fe2 "feat: copy path 地址复制"

### 10-23 主题切换
> - 整合些个人代码，切换博客到自己的主题 Yelee。

### 10-22 提交主题

> - [[G]][61] 参考 [相关文档][61a]，顺利提交主题到 [官网][61b]，415，挺不错;
> - 列出的参考资料越来越少，因为现在看着源码就可以开心地改这改那了。

[61]: https://github.com/hexojs/site/commit/cbfc171e6b7ca34a81d361918f319d5d63146d61 "Add theme: Yelee"
[61a]: https://hexo.io/docs/themes.html#Publishing
[61b]: https://hexo.io/themes/

### 10-21 社交图标

> - [[G]][60] 重构优化社交图标显示。

[60]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/94a8be436d3ef8bf43b641cac731c68c21b7375c "refactor: social icon with Font Awesome 重构优化社交图标显示"

### 10-20 背景图开关
> - [[G]][59] 配置中添加关闭背景图的选项。

[59]: https://github.com/MOxFIVE/hexo-theme-yelee/commit/f7ec8da43b5f7af91d834abc5a7f3b9cc5e9d423 "https://github.com/MOxFIVE/hexo-theme-yelee/commit/f7ec8da43b5f7af91d834abc5a7f3b9cc5e9d423"

### 10-19 完善主题
> - [[G]][58] 保留原主题多说评论；
> - 完善主题说明文件；
> - 继续转移代码到新主题中。

[58]: https://github.com/MOxFIVE/hexo-theme-yelee/issues/1 "保留使用 Yilia 主题时的多说用户评论"

### 10-18 发布主题
> - 撰写说明文件，制作配图；
> - 分享主题到 [V2EX][v2]，见光。

[v2]: https://www.v2ex.com/t/228990 "[自改分享] 简而不减 Hexo 双栏静态博客主题"

### 10-17 主题 Yelee
> - 感谢 Git 的版本控制以及自己较详细的 [commits][57] 记录，有了这些新主题构建顺畅多了。

[57]: https://github.com/MOxFIVE/M-Hexo-Blog/commits/master

### 10-16 构建主题

> - [[G]][56] 折腾许久，对原主题改动越来越多，应该可以发布个新主题了，在整理代码重新提交时也可以顺便复习巩固所学知识；
> - 等新主题弄好后就把个人博客公开，然后暂时减少折腾，好好看书打基础。

[56]: https://github.com/MOxFIVE/hexo-theme-yelee "Hexo-Theme-Yelee"

### 10-15 文章导航

> - [[G]][55] 添加文章导航跳转按钮；
> - [[G]][55a] 优化不蒜子显示方式。

[55]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/bf44e18aadd306393d380f187c67325fe6502190 "feat: post-nav-button 文章跳转按钮"
[55a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/17416173d27de75696eec5722258751decf82fbe "style: 不蒜子显示优化"

### 10-14 多说评论
> - [[G]][54] 优化站长认证方式；
> - [[G]][54a] 修复多说页面评论重复问题。

[54]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/ac003d9b37840fc4bd2520126fe1439bae3d04ea "style: site verification 站长认证"
[54a]: https://github.com/MOxFIVE/M-Hexo-Blog/issues/21 "多说在 page 中评论重复"

### 10-12 标签云界面
> - [[G]][53] 优化跳转按钮代码；
> - [[G]][53a] 添加标签云界面。

[53]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/f1c3cfa48e7c3c0e10f3d1433a71d73999a6bc14 "style: scrolling button"
[53a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/02379890abbd6658a31367c860e2e00eccde5fcf "feat: tags cloud page 标签云页面"

### 10-11 跳转按钮
> - [[G]][52] 重构优化跳转按钮代码。

[52]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/b0cda2714d440a4ffa37af5fcbdda1acf6174485 "refactor: scrolling button 改写优化跳转按钮"

### 10-10 样式调整
> - 修改 apple-touch-icon 底色；
> - 调整表格等样式。

### 10-09 图片优化
> - [[G]][51] 添加 apple-touch-icon；
> - 随机背景图减少到5张，过犹不及；
> - 用 Photoshop 尽可能压缩页面图片；
> - [[G]][51a] 百度站内搜索JS本地化从而设置背景透明。

[51]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/d837030e2bc8afe9194c2c52204695aa33a435e9 "MOxFIVE/M-Hexo-Blog"
[51a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/a4c4d4d65f96ceca1127ea1e051c505bea30d172 "style: baidu search background"

### 10-08 Font Awesome
> - [[G]][50] 本地化 [Font Awesome][50a] CSS 图标库以提高页面加载速度，同时优化相关引用代码；

[50]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/62c1ff69f1e9260d5ee86be30de9a7a9226d81b9 "refactor: FontAwesome CSS 图标"
[50a]: http://fontawesome.io/

### 10-07 订阅
> - [[G]][49] 添加博客订阅功能;
> - [[G]][49a] 调整多说样式；
> - 调整页面样式。

[49]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/3cc64d02fc0f217239f3e7d71390b97675747fe6 "style: duoshuo 多说样式"
[49a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/b75e0e96917f152095fc6547c3b8c756838e7707 "feat: rss atom feed 订阅"

### 10-06 样式调整
> - [[G]][48] 优化配色主题，修改多说样式，背景透明化；
> - [[G]][48a] 增加随机背景图功能，使用渐进式 jpg。
> - [[G]][48b] 修复跳转按钮显示问题。

[48]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/0e9c1bc63b6e914005ff13f8e2b22870ddbd574a "style: customize"
[48a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/086578b4bc2b8d57c2d729baf32c203380dc3c80 "feat: random background image 随机背景图片"
[48b]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/be92a30b99632fac9e0eab4d055539c8041e9522 "fix: scrolling-button 页面跳转按钮"

### 10-05 新配色主题
> - [[G]][47] 添加背景图片，设置背景透明度，修改颜色，字体等样式；
> - [[G]][47a] 透明目录背景，自动隐藏目录之后的元素；

[47]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/f1edc6496cde9214e95ffd2c7442e8e8952166a3 "feat: new color schemes 新主题配色方案"
[47a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/70b305e2c9313300d39def7dddf33f7e45b01c2e "feat: toc area 目录背景元素" 

### 10-04 SEO & 部署
> - [[G]][46] 同时部署博客到 [Gitcafe][46a]，加速国内访问，便于百度索引；
> - [[G]][46c] 添加百度站内搜索； 
> - 网站提交到数十个搜索引擎供收录，设置robots.txt；
> - [[G]][46d] 添加、修改社交网站图标;
> - 样式、代码优化;

[46]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/7921ebdf0c3f2ae43c7c64e93291a65ae13922e4 "feat: GitHub & Gitcafe depoly"
[46a]: http://ppting.me/2015/02/08/gitcafe/ "同时将博客部署在GitHub和Gitcafe上，并通过DNSPOD分流"
[46c]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/7c9c5dd8b60a072eb1d8392e4e7f61df3992b165 "feat: Baidu search 百度站内搜索"
[46d]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/35979232f11f4cdba4a9837f2b88d80549ae60c2 "style: social icons 社交网站图标"

### 10-03 搜索 & 页面样式
> - 优化关于我页面;
> - 自定义404页面。
> - [[G]][45] 改用 [Swiftype](https://swiftype.com/ "Take control of your search with Swiftype") 搜索；
>> **经验记录**：[**《在 Hexo 中创建匹配主题的404页面》**][45a]

[45]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/c3bd88d7579f8fd5ae7af787de08d7e648c255e0 "feat: Swiftype search 改用 Swiftype"
[45a]: /2015/10/16/hexo-404-page/

### 10-02 网站统计
> - [[G]][44] 添加 [百度统计][44a] 模块;
> - [[G]][44b] 调整搜索框样式。

[44]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/7636a7a933e0dd05fb109458cbc8cf2b4f2b4191 "feat: Baidu Analytics 百度统计"
[44a]: http://tongji.baidu.com/ "百度统计"
[44b]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/c5f17d79708e0e5dd8383dc9d38098f1350529c4 "style: search box"

### 10-01 搜索模块
> - 添加网站 [sitemap][43];
> - [[G]][43a] 添加 [微搜索][43b] 并设置好搜索框位置及样式。

[43]: https://github.com/hexojs/hexo-generator-sitemap "hexo-generator-sitemap"
[43a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/aa9cf1b75f409690f0e9af5d259698a6b2e851a7 "feat: tinysou search 微搜索"
[43b]: http://tinysou.com/ "微搜索-站内搜索引擎"

## 2015 年 9 月

### 09-30 关于我页面
> - 新建关于我页面;
> - 编写内容并个性化该页面样式

### 09-29 多说样式
> - [[G]][42] 个性化多说评论样式。
>> **经验记录**：[**《多说样式折腾记录 — 添加 UA 浏览器标识、旋转头像等》**][42a]

[42]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/95dbdbacf628e531902f55714f4dae57f3bab070 "feat: duoshuo style 个性化多说样式"
[42a]: /2015/09/29/duoshuo-style


### 09-28 社会化分享
> - [[G]][41] 使用 [百度分享][41a]。
[41]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/8421887e5d2ac5f94ebef2cf0cac67e1ba5b7144 "feat: Baidu Share 百度分享"
[41a]: http://share.baidu.com "百度分享"

### 09-25 时间格式
> - [[G]][40] 修正时间格式；

[40]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/ee320917b1d85e56ef9e1f75a3ddd417ff8fc831 "fix: time format 时间格式"


### 09-23 网站计数
> - 更新网站图标 favicon;
> - [[G]][39] 使用 [不蒜子][39a] 增加网页访问统计功能。

[39]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/bede128cc71f1667331d6dace7f600103df03459 "feat: site counter 不蒜子网页计算"
[39a]: http://ibruce.info/2015/04/04/busuanzi/ "不蒜子: 搞定你的网站计数"

### 09-22 模块化
> - [[G]][38] 长链接强制换行；
> - [[G]][38a] 修复和加密邮件链接；
> - [[G]][38b] 学习 [模块化][38c] 管理代码；

[38]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/4ad7d6a80c8684868f7306927bbc0253ba548193 "style: word-break 长链接强制换行"
[38a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/2b20489a591796924df1d4025f68cef80d421307 "fix: email link 邮件链接"
[38b]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/a0d8349b24390a83d23cea701cbee2f046352a0c "feat: share components 模块化代码"
[38c]: https://hexo.io/docs/templates.html#Partials

### 09-21 版权设置
> - [[G]][37] 自定义 [日期格式][37a]；
> - [[G]][37b] 增加文末版权信息。

[37]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/af1cb85fdb628ea3ccd88c9117c110f92b1544c5 "style: date format 日期格式"
[37a]: http://momentjs.com/docs/#/displaying/format/ "Documentation - Format"
[37b]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/79b0f4419adb908924f674b3626ad433aabf329a "feat: copyright info 文末添加版权等信息"

### 09-20 样式优化
> - [[G]][36] 隐藏的文章前言标题；
> - [[G]][36a] 修改新建文章模板；
> - [[G]][36b] 优化表格样式。

[36]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/9b4f63858773bdcf94820048b8bb39d4ad214857 "feat: hidden introduction header 隐藏的文章前言标题"
[36a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/d9307e871cf40f78a9508861b5a1a6cc64ceeee8 "style: default new post elements"
[36b]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/457bde1070f16e05ba0d15a2ec2571421895691f "style: table & image"

### 09-16 Markdown 表格
> - 研究如何写好和管理 Markdown 表格。

### 09-15 样式调整
> - [[G]][35] 调整移动端标签按钮样式；

[35]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/bd3cc92f2591b285c023d98a4fbc29965ec14b43 "style: mobile labels button"

### 09-14 按钮优化
> - [[G]][34] 文章索引界面增加按钮用于隐藏标签，方便浏览；
> - [[G]][34a] 按钮文字 [切换][34b] 。
[34]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/ccd87b533076f149d9951656d044a5de58b22c29 "feat: hide-labels button 隐藏标记"
[34a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/b63d062984badfff94acdb64a1cff506462cf79c "feat: button value 按钮文字切换"
[34b]: http://www.admin10000.com/document/725.html "去掉超链接或按钮点击时出现的虚线边框"

### 09-13 样式优化
> - [[G]][33] 修复 iOS 下代码显示不全问题；
> - [[G]][33a] 个性化标题等样式；
> - [[G]][33b] 移除 iOS 按钮样式。

[33]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/9957573bdfdfede3e2ad5666f28fda9f7ce0e1f0 "fix: code block in iOS 代码不全问题"
[33a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/c5985d730de67ac4c36cf7cacc64170799a11272 "style: customize h2, li, a style"
[33b]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/2a373fdd21b25353aa107d73607d6aead9a01714 "fix: remove iOS button style 移除iOS按钮样式"

### 09-12 样式调整
> - [[G]][32] 列表背景色调整；
> - [[G]][32a] 去掉主页按钮，设置通过点击名字或者头像回到主页； 
[32]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/f3ff0f76170415b5bde72471994edccf7de96c4f "list's background" 
[32a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/83f8fb7be7e528bd127f491b349c7f43156abe91 "style: back to homepage 回到主页"

### 09-11 样式调整
> - [[G]][31] 阅读全文链接避免换行；
> - [[G]][31a] 背景颜色，字体颜色，鼠标悬浮效果等。
[31]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/91321131b65eb62aa2dad0ddce6b09fd5e6afd02 "fix: no wrap "more" link 阅读全文链接不换行"
[31a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/1d77a4e84819128dd98f58f49af908e3de91ebff "style: customize style"

### 09-10 样式调整
> - [[G]][30] 使移动端导航与PC端效果一致。
[30]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/ac2e94f5bf969f7980d857caa7ef5d6c60c249f4 "fix: mobile article-nav width 移动端文章导航宽度"

### 09-09 目录优化
> - [[G]][29] 目录固定到左下，“藏”在左边栏里；
> - [[G]][29a] 调整移动端目录样式。
[29]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/af99373123bf869e1fa851195dfa0b6f256c703d "feat: fix toc's position 简洁有效地显示目录"
[29a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/796ce0d185b0557313f6ec4978906de73ba5fe0a "fix: mobile toc style 移动端目录显示"

### 09-08 样式调整
> - [[G]][28] 修复 reference 隔行变色样式；
> - [[G]][28a] 随机背景色。

[28]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/3e5f553018ac209f9eda4619024fe0523843b1c4 "style: interlaced colour line 隔行变色"
[28a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/83b8e18c74608768e4de9f62afbec617637356f9 "feat: random colour 随机背景色"

### 09-07 样式修复
> - 在 Hexo 中 [新建页面][27a]；
> - [[G]][27] 移动端文章导航垂直居中。
[27]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/1f1eced47efdd266972a2505858f866ca3a716e6 "fix: article-nav in mobile view"
[27a]: http://ibruce.info/2013/11/22/hexo-your-blog/ "hexo你的博客"

### 09-06 垂直居中
> - [[G]][26] 重构代码，用表格实现链接靠边 [垂直居中][26.1]。

[26]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/2bde796afc75cfa5d4e70f08fa340a656155cd6f "refactor: vertical centering 垂直居中"
[26.1]: http://vanseodesign.com/css/vertical-centering "6 Methods For Vertical Centering With CSS"

### 09-05 样式优化
> - [[G]][25] 更顺眼的标记排序；
> - [[G]][25a] 配色，边距，字体等样式调整。

[25]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/e1049e72f79c51ae63c8ef99bf7e85a1cb53e14a "style: labels' order 标记排序"
[25a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/620cd5eeca5ed35dba29000ffa625b6618136606 "style: personalize style"

### 09-04 样式优化
> - [[G]][24] 修复长标题覆盖日期的问题；
> - [[G]][24a] 让移动端标题边距更合理;
> - 西文单词与汉字间加空格，便于阅读和分段。

[24]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/dfab951bd8f53ffdcc12e482a75c281fa630be6b "fix: title cover date 长标题盖住日期"
[24a]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/8d545d2fb0f6bf93e66932232edf837963e9bb33 "fix: title padding 移动端标题边距"

### 09-03 GitHub 使用
>- 开始使用 issue 功能；
>- 学会在 commit 中 [关闭 issue][23]。

[23]: https://help.github.com/articles/closing-issues-via-commit-messages/Closing "Closing issues via commit messages" 

### 09-02 主页跳转
>- [[G]][22] 使移动端也能点击头像回到主页。
[22]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/06382fbb88891b461389766245424303fe133f6f "fix: avatar to homepage 头像连接主页"

### 09-01 目录优化
>- [[G]][21.1] 为目录添加 overflow 属性，超过设置高度显示滚动条。
>- 往后博文固定链接只用小写，便于输入，减少404。
[21.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/5649f379fab57fd819fcdb543fa11dcfc0a485cd "feat: add scroll bar to toc 目录滚动条"

## 2015 年 8 月
### 08-31 Markdown 样式
>- [[G]][20.1] 参考各种主题个性化自己的 Markdown 样式。
[20.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/68bdc0cd8e446a5763d6f25b81c02ca40ea62b9e#diff-e7ac7a9542279e54a2024b62f119c8b6 "style: personalize Markdown style 个性化Markdown样式"

### 08-30 代码高亮
>- [[G]][19.1] 替换默认代码高亮主题；
>- [[G]][19.2] 自定义代码高亮样式。
[19.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/a56ce593dc504afb145206cdeae43526ed2b657c "style: code highlight 代码高亮"
[19.2]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/68bdc0cd8e446a5763d6f25b81c02ca40ea62b9e#diff-a5b9beba6f906c3456248a03427f86cf 

### 08-29 Markdown 文章优化
>- 改用`[文字][链接代码]`的语法写 Markdown 文章，减少书写干扰。

### 08-28 跳转按钮优化
>- [[G]][18.1] 添加 span 标签使整个按钮区域都能响应点击；
>- [[G]][18.2] 增加 class, 减少重复代码；
>- 使按钮 div 直属于 body，保证可用性。

[18.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/4221fd71c98a7975d510dcfab0384b9bd78f4aeb "style: clickable toTop button 可点击的跳转按钮"
[18.2]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/31a6b67808b5fcac067ef3efc12156bf1d8f7ad3 "style: restructure scrolling button 跳转按钮代码去重"

### 08-27 按钮移动适配
>- [[G]][17.1] 添加跳转按钮 CSS 样式，为移动端做适配。

[17.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/5316be03cdfd600ba25a3006f5ab5e716e28f027 "style: mobile toTop toBottom 跳转按钮移动端适配"

### 08-26 跳转按钮
>- [[G]][16.1] 使用 [HTML锚点][16.2] 实现返回底部功能；
>- [[G]][16.3] 返回顶部按钮也改用锚点`a href="#top"`实现；

[16.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/e147e307d32f0080afaec3ca94f57895abe94a3f "feat: add toBottom button 添加返回底部按钮"
[16.2]: http://jingyan.baidu.com/article/8275fc86b79e6446a13cf66b.html "什么是HTML锚点，锚点应该如何用？"
[16.3]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/121907e365dd4e14139dea6f96bed6f9d42ea46c "refactor: toTop button 简化返回顶部代码"

### 08-25 更新基本信息
>- [[G]][15.1] 更新友情链接，关于我，边栏菜单等基本信息；
>- 给文章添加标签和分类。

[15.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/3dd85385989b7f144daaf328f9f576c5677b256e "Personalize configuration"

### 08-24	样式优化
>- 给正文跳转链接增加提示标题，便于明晰去向;
>- [[G]][14.1] 设置参考资料列表 [单双行][14.2] 为不同底色；
>- [[G]][14.3] 修改目录按钮鼠标指针样式便于区分。

[14.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/0bfb2f5aa47349e5537875c4405f0f78de930557 "feat: style even row 单双行变色"
[14.2]: http://blog.phpok.com/archives/202/ "奇偶行显示不同样式操作，CSS3 :nth-child()伪类选择器"
[14.3]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/d874b46497988491d8607ff9c2cc12d3825d8d27 "style: cursor with pointer 鼠标指针设置"

### 08-23	Markdown 文章优化
>- 配置邮箱使代码 commit [确认身份][13.1] 后显示头像；
>- 链接前后加一个半角空格改善阅读体验；
>- 列出参考资料，并 Markdown 化 [Endnote][13.2] Reference 的导出样式，方便添加到文末。
>> **经验记录**：[**《EndNote 与 Markdown 结合 — 为网文快速添加 Reference》**][13.3]

[13.1]: https://help.github.com/articles/setting-your-email-in-git/ "Setting your email in Git"
[13.2]: http://endnote.com/
[13.3]: /2015/08/30/EndNote-Markdown/

### 08-22	返回顶部按钮
>- [[G]][12.1] 给博客添加 [返回顶部][12.2] 按钮；
>- 学习书写 [规范][12.3] 的 [Commit Message][12.4]。

[12.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/c1a3786556121f192a270f2a776b1adc1c30a5bb "feat: add toTop button 添加返回顶部按钮"
[12.2]: http://www.cnblogs.com/jingangel/archive/2012/03/08/2385939.html "用JavaScript实现简单的点击返回顶部效果"
[12.3]: https://ruby-china.org/topics/15737 "写出好的 Commit Message"
[12.4]: https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/ "Git Commit message conventions"

### 08-21	目录按钮
>- [[G]][11.1] 文章页添加 [按钮][11.2]，用于显示或者隐藏文章目录；
>- [[G]][11.3] 简单修改了按钮的 CSS 样式；
>- 发现 [Hexo][10.5] 服务开启时也可以修改配置文件，刷新网页即生效，预览方便多了。

[11.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/be8fb25df35ba2155fb081b8dbc6550d654a8720 "Add TOC Button 添加目录按钮"
[11.2]: http://is.gd/bD33Ya "关于点击按钮弹出DIV的相关代码"
[11.3]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/be8fb25df35ba2155fb081b8dbc6550d654a8720 "Add TOC Button 添加目录按钮"

### 08-20	TOC & Markdown
>- [[G]][10.1] 给博客添加文章目录 [Table of Contents][10.2]；
>- 接触很久了，今天开始正式学习使用 [Markdown][10.3] 写文章。编辑器选了 [马克飞象][10.4]，其默认主题很赞，导出效果也与 [Hexo][10.5] 相近，方便预览。[Mou][10.6] 也不错，备用。

[10.1]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/c3eba7ac2e27d5ab2109f8b15338f2df8a97a604 "Add TOC 增加文章目录"
[10.2]: http://kuangqi.me/tricks/enable-table-of-contents-on-hexo/ "为Hexo博客添加目录"
[10.3]: http://sspai.com/25137 "认识与入门 Markdown"
[10.4]: http://www.maxiang.info
[10.5]: https://hexo.io/
[10.6]: http://25.io/mou/ "Markdown editor for developers."

### 08-19	GitHub Pages 配置

>- 开始在 [GitHub Pages][9.1] 上使用 [Hexo][9.2] 搭建管理博客，这类静态博客比较简洁轻量，不用接触 PHP 和后台数据库，修改方便，更适合正在学习 HTML, CSS 和 JavaScript 的我；
>- [[G]][9.3] 安装使用 Hexo 新主题：[Yilia][9.4] ；
>- [[G]][9.5] 绑定域名到 [Pages][9.6]； 
>- [[G]][9.7] 绑定网页评论到自己的 [多说][9.8] 账户。

[9.1]: https://pages.github.com/
[9.2]: https://www.v2ex.com/t/178642 "使用 GitHub 和 Hexo 搭建免费静态 Blog"
[9.3]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/1bece7a7d6fdce7a313d59f3792c32aa0ca53ddf "Add Theme 添加主题"
[9.4]: https://github.com/litten/hexo-theme-yilia "Yilia: 一个简洁优雅的hexo主题"
[9.5]: https://github.com/MOxFIVE/MOxFIVE.github.io/commit/8031026958c727ff74ffc6e0d220e3bc838a5f09 "Custom Domain"
[9.6]: https://pages.github.com/ "GitHub Pages"
[9.7]: https://github.com/MOxFIVE/M-Hexo-Blog/commit/dd31a5ccb235dd58eb8220a30ad65ec9e2b14aaf "Update Duoshuo 重新配置多说"
[9.8]: http://duoshuo.com/ "多说评论系统"

### 08-18	GitHub, Pages & Hexo

>- 把主题代码托管到 [GitHub][8.1]，方便版本管理，回顾修改历史；
>- 在 [GitHub][8.2] 上搭建博客，采取 [Hexo][8.3] 框架，在 Windows 下安装配置环境；
>- 搭建这个静态博客又折腾了一晚，主要因为:
>1. Mac 下安装意外出错，我又不熟悉 Mac 的文件管理和配置方式，转战 Windows；
>1. 各种教程包括官方英文文档省略了不少基础步骤，比如我折腾好一会才知道`$ npm install -g hexo-cli `是要在 git 安装后打开 git bash 输入，而不是在系统命令提示符里输入；
>1. 不知道"$"是表示这个是命令行代码，输代码时并不用输入；
>1. 要以**管理员身份**打开 git bash，之后的代码才能正常运行；
>1. 不重视官方文档，网友分享的不少教程命令已经过时了，翻看官方文档修正后才能使用。

[8.1]: https://github.com/MOxFIVE/WP-Theme-2015 "WP-Theme-2015"
[8.2]: https://github.com/MOxFIVE/M-Hexo-Blog "M-Hexo-Blog"
[8.3]: http://segmentfault.com/a/1190000000458953 "使用GitHub搭建静态博客（Hexo）"
		
### 08-17	修改主题
>- [[G]][7.1] 修改代码，使首页默认显示摘要 [the_excerpt][7.2]；
>- 自定义中关闭站点标题，左边栏显示稳定不少；
>- [[G]][7.3] 通过自带小工具 text 添加了个人头像和简介；
>- 尝试各种 [配色方案][7.4]。

[7.1]: https://github.com/MOxFIVE/WP-Theme-2015/commit/a3f026deee08e4f9acabeb5762964f73dd95a3fe "Show Excerpt 显示摘要"
[7.2]: https://developer.wordpress.org/reference/functions/the_excerpt/ "Code Reference: the_excerpt ()"
[7.3]: https://github.com/MOxFIVE/WP-Theme-2015/commit/627a205e35fe2e4a903b22114312f6b0e98d695f "Widget Setting Back-Up 小工具配置信息备份"
[7.4]: http://www.uisdc.com/6-rules-webdesign-color "网页设计怎么都不会错的6条配色原则"
	
### 08-16	搭建 WordPress 本地环境
>- 为了方便修改主题和预览效果，参考 [教程][6.1] 利用 [XAMPP][6.2] 在 Windows 10 下搭建了 [WordPress][4.1] 本地环境；
>- 先试着在 Mac 上搭建，出错被迫放弃；在 Windows 上顺利搭建，配置也更为丰富，不足就是有时需要以**管理员身份**启动程序才能运行 [Apache][6.3]。

[6.1]: http://jingyan.baidu.com/article/90bc8fc82098def653640c88.html "WordPress本地环境搭建及安装图文教程"
[6.2]: https://www.apachefriends.org/download.html
[6.3]: http://stackoverflow.com/questions/24097498/error-running-apache-after-xampp-install "Error running apache after XAMPP install"

### 08-15	试用 WordPress
>- 试了多个主题，决定在官方默认主题 [Twenty Fifteen][5.1] 的基础上，自行添加修改样式。喜欢默认的双栏布局，另外官方代码完善的注释和排版也便于学习和修改；
>- 安装插件 [WP User Avatar][5.2] 解决自定义头像问题；
>- 安装插件 [Useso take over Google][5.3] 改善后台访问速度；
>- 安装插件 [W3 Total Cache][5.4] 改善网站访问速度。

[5.1]: https://wordpress.org/themes/twentyfifteen/
[5.2]: http://www.wpdaxue.com/wp-user-avatar.html "WordPress 自定义头像插件：WP User Avatar"
[5.3]: http://www.brunoxu.com/useso-take-over-google.html "WordPress使用Useso公共库和字体库：Useso take over Google"
[5.4]: http://www.freehao123.com/wordpress-w3-total-cache/ "WordPress缓存插件W3 Total Cache安装设置方法和缓存加速效果对比"

### 08-14	安装&修复 WordPress
>- 在个人虚拟主机上安装了网站程序 [WordPress][4.1]，但因为瞎折腾，把主机 FTP 文件清空，新安装的 [WordPress](http://cn.wordpress.org/) 不能在线安装主题插件及上传文件，各种搜索无果，把后台密码给了 [枫叶主机][2.1] 的技术员，重新配置安装后得以修复。

[4.1]: http://cn.wordpress.org/

### 08-13	域名解析和绑定
>- 参考 [站长网][3.1] 的一篇文章做好建站准备；
>- 用主机商提供的配置信息绑定和解析了域名。

[3.1]: http://www.admin5.com/article/20141021/567235.shtml "新手站长如何简单搭建一个织梦网站"

### 02-26	购买虚拟主机
>- 在 [枫叶主机][2.1] 购买 Shadowsoscks 代理时看到了推荐的虚拟主机优惠套餐，蒙生了为自己建个站点写东西的想法，之后买了域名和主机。

[2.1]: http://www.fyzhuji.com

### 02-25	注册域名
>- 在 [腾讯云域名][1.1] 选了个便宜，不用备案且后缀顺眼的域名，
>- 个人站点 [moxfive.xyz][1.2] 成功注册！

[1.1]: https://domains.qcloud.com/
[1.2]: http://moxfive.xyz/ "MOxFIVE's Blog"

## 参考资料 

1. **MOxFIVE Blog**: <http://moxfive.xyz/>
1. **腾讯云域名**: <https://domains.qcloud.com/>
1. **枫叶主机**: <http://www.fyzhuji.com/>
1. ***新手站长如何简单搭建一个织梦网站*** by **梓轩博客** on <code>2014/10/21</code>: <http://www.admin5.com/article/20141021/567235.shtml>
1. **WordPress**: <http://cn.wordpress.org/>
1. ***WordPress缓存插件W3 Total Cache安装设置方法和缓存加速效果对比*** by **qi** on <code>2012/10/04</code>: <http://www.freehao123.com/wordpress-w3-total-cache/>
1. ***WordPress 自定义头像插件：WP User Avatar*** by **倡萌** on <code>2013/03/26</code>: <http://www.wpdaxue.com/wp-user-avatar.html>
1. ***WordPress使用Useso公共库和字体库：Useso take over Google*** by **Bruno** on <code>2014/08/22</code>: <http://www.brunoxu.com/useso-take-over-google.html>
1. ***Theme: Twenty Fifteen*** by **WordPress.org** on <code>2015/08/19</code>: <https://wordpress.org/themes/twentyfifteen/>
1. ***WordPress本地环境搭建及安装图文教程*** by **fnxjkj** on <code>2012/11/23</code>: <http://jingyan.baidu.com/article/90bc8fc82098def653640c88.html>
1. **XAMPP**: <https://www.apachefriends.org/index.html>
1. ***Error running apache after XAMPP install*** by **CMPS** on <code>2014/01/07</code>: <http://stackoverflow.com/questions/24097498/error-running-apache-after-xampp-install>
1. ***网页设计怎么都不会错的6条配色原则*** by **应酷设计** on <code>2014/08/12</code>: <http://www.uisdc.com/6-rules-webdesign-color>
1. ***Code Reference: the_excerpt ()*** by **bhlarsen** on <code>2015/06/28</code>: <https://developer.wordpress.org/reference/functions/the_excerpt/>
1. **GitHub Pages**: <https://pages.github.com/>
1. ***Hexo Framework Homepage*** by **Tommy Chen** on <code>2015</code>: <https://hexo.io/zh-cn/>
1. ***使用GitHub搭建静态博客（Hexo）*** by **钟白兔** on <code>2014/04/07</code>: <http://segmentfault.com/a/1190000000458953>
1. ***使用 GitHub 和 Hexo 搭建免费静态 Blog*** by **wsgzao** on <code>2015/03/23</code>: <https://www.v2ex.com/t/178642>
1. ***Hexo-Theme-Yilia*** by **litten** on <code>2015/02/21</code>: <https://github.com/litten/hexo-theme-yilia>
1. **GitHub**: <https://github.com/MOxFIVE>
1. ***M-Hexo-Blog*** by **MOxFIVE** on <code>2015</code>: <https://github.com/MOxFIVE/M-Hexo-Blog>
1. ***WP-Theme-2015*** by **MOxFIVE** on <code>2015/08/18</code>: <https://github.com/MOxFIVE/WP-Theme-2015>
1. **多说评论系统**: <http://duoshuo.com/>
1. **马克飞象**: <http://www.maxiang.info/>
1. **Mou - Markdown editor for developers**: <http://25.io/mou/>
1. ***为Hexo博客添加目录*** by **况小琪不卖萌** on <code>2015/02/09</code>: <http://kuangqi.me/tricks/enable-table-of-contents-on-hexo/>
1. ***关于点击按钮弹出DIV的相关代码*** by **逍遥狂儒** on <code>2013/08/02</code>: <http://is.gd/bD33Ya>
1. ***用JavaScript实现简单的点击返回顶部效果*** by **jingangel** on <code>2012/03/08</code>: <http://www.cnblogs.com/jingangel/archive/2012/03/08/2385939.html>
1. ***写出好的 Commit Message*** by **victor** on <code>2014</code>: <https://ruby-china.org/topics/15737>
1. ***Git Commit message conventions*** by **AngularJS** on <code>2015</code>: <https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/>
1. ***Setting your email in Git*** by **GitHub** on <code>2015</code>: <https://help.github.com/articles/setting-your-email-in-git/>
1. **Endnote**: <http://endnote.com/>
1. ***Markdown 语法说明*** by **riku** on <code>2012</code>: <http://wowubuntu.com/markdown/>
1. ***认识与入门 Markdown*** by **Te_Lee** on <code>2014/04/17</code>: <http://sspai.com/25137>
1. ***奇偶行显示不同样式操作，CSS3 :nth-child()伪类选择器*** by **phpok** on <code>2013/03/08</code>: <http://blog.phpok.com/archives/202/>
1. ***什么是HTML锚点，锚点应该如何用？*** by **houniaoxiapu** on <code>2014/08/23</code>: <http://jingyan.baidu.com/article/8275fc86b79e6446a13cf66b.html>
1. ***JS点击按钮到页面最底部/返回页面顶部代码*** by **科e互联** on <code>2014/12/12</code>: <http://www.internetke.com/tutorial/js/2014/1212/1005.html>
1. ***Hexo的私人订制*** by **Sunny** on <code>2014/03/07</code>: <http://blog.sunnyxx.com/2014/03/07/hexo_customize/#定制代码样式>
1. ***Closing issues via commit messages*** by **GitHub** on <code>2015</code>: <https://help.github.com/articles/closing-issues-via-commit-messages/>
1. ***6 Methods For Vertical Centering With CSS*** by **S. Bradley** on <code>2011/07/14</code>: <http://vanseodesign.com/css/vertical-centering>
1. ***hexo你的博客*** by **不如** on <code>2013/11/22</code>: <http://ibruce.info/2013/11/22/hexo-your-blog/>
1. ***你所不知的 CSS ::before 和 ::after 伪元素用法*** by **Dimpurr Cheny** on <code>2013/10/18</code>: <http://justcoding.iteye.com/blog/2032627>
1. ***去掉超链接或按钮点击时出现的虚线边框*** by **WEB开发者** on <code>2012/08/10</code>: <http://www.admin10000.com/document/725.html>
1. ***Documentation: Format*** by **Moment.js** on <code>2015</code>: <http://momentjs.com/docs/#/displaying/format/>
1. ***不蒜子: 搞定你的网站计数*** by **不如** on <code>2015/4/4</code>: <http://ibruce.info/2015/04/04/busuanzi/>
1. **百度分享**: <http://share.baidu.com>
1. **微搜索**: <http://tinysou.com/>
1. **百度统计**: <http://tongji.baidu.com/>
1. **Swiftype**: <https://swiftype.com/>
1. ***同时将博客部署在GitHub和Gitcafe上，并通过DNSPOD分流*** by **PPTing** on <code>2015/02/08</code>: <http://ppting.me/2015/02/08/gitcafe/>
1. **百度站内搜索**: <http://zn.baidu.com>
1. **Gitcafe**: <https://gitcafe.com/>
1. ***国内外各大免费搜索引擎、导航网址提交入口*** by **卢松松** on <code>2015/09/22</code>: <http://tool.lusongsong.com/addurl.html>
1. **TiddlyWiki**: <http://tiddlywiki.com/>
1. ***解决Hexo置顶问题*** by **Netcan** on <code>2015/11/22</code>: <http://www.netcan666.com/2015/11/22/解决Hexo置顶问题/>
1. **ScrollReveal.js**: <https://scrollrevealjs.org/>
1. **Animate.css**: <http://daneden.github.io/animate.css/>
1. ***Commit message 和 Change log 编写指南*** by **阮一峰** on <code>2016/1/6</code>: <http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html>