另外，对于前段时间在微博上，给我博客在各种浏览器上字体显示提建议的朋友说声抱歉，能力有限，找不出其中问题所在，这个问题我也会放在心上，后面再看看！

网上流传的版本太多，都不是我喜欢的，我希望代码越简单，功能还强大。可鱼和熊掌难以兼得。现在浏览器本身自带两种模式，一是深色模式，一是浅色模式。通过简单CSS设置——“@media (prefers-color-scheme: dark){......}”——就可以跟随浏览器模式显示对应的模式。但如果自己想换又比较麻烦。

有人通过JS设置cookie值，然后通过CSS达到手动变换。譬如我的好友profan的博客，本站也是参考他的网站代码，只不过，我没用cookie，而是利用浏览器自身的存储属性来完成的。话不多说，上代码：

JQ部分：

    //暗黑模式开关
    var isDarkmode = localStorage.getItem('darkmode');
        if (isDarkmode === "false") {
            // 深色模式业务处理代码
            $('body').addClass("light-scheme");
            //console.log('深色模式');
        } else {
            // 浅色模式业务处理代码
            $('body').addClass("dark-scheme");
            //console.log('浅色模式');
        }
    $('#darkroll').on( 'click', function() {
        if ( $('body').hasClass( "dark-scheme" ) ) {
            $('body').removeClass("dark-scheme");
            $('body').addClass("light-scheme");
            localStorage.setItem('darkmode', false);
        }else{
            $('body').removeClass("light-scheme");
            $('body').addClass("dark-scheme");
            localStorage.setItem('darkmode', true);
        }
    })

HTML部分：

<div id="darkroll"></div>

CSS部分

:root {
	--color-background: #17181a;
	--white-color-background: #F6F7F9;
	--color-text-dark: #d0d3d8;
	--color-text-white: #383838;
	--color-page-background: #1f2022;
	--color-page-background-white: #FFFFFF;
	--color-menu-background: #383838;
	--color-menu-background-white: #eeeeee;
	color-scheme: light dark;
}
.dark-scheme {
	background: var(--color-background);
	color: var(--color-text-dark);
}
.light-scheme {
	background: var(--white-color-background);
	color: var(--color-text-white);
}

还有那个呼吸灯的CSS样式，有喜欢的可以拿去：

#darkroll{
	border-radius: 50%;
	position: absolute;
	cursor: pointer;
	left: 15px;
	top: 15px;
}
#darkroll::before{
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	transform: translateX(-50%);
	animation: blink 1s infinite;
}
#darkroll::before{
	background-color: #ffffff;
	border: 3px solid #1c73e0;
}
@keyframes blink {
	0% {
	opacity: 1;
	}
	50% {
	opacity: 0.5;
	}
	100% {
	opacity: 1;
	}
}

其实还有一些CSS样式没贴出来，大体原理就是这样。因为还有其他地方在深浅色变换的时候，需要配合当前模式也是需要修改CSS样式的，这就根据自己的情况来定了。我这算是抛砖引玉了，有更好用的代码还请慷慨分享。其实按照我这思路，还能再加一种模式，譬如浏览器自身的阅读模式，那个色调我还是很喜欢的，之前考虑过，现在感觉重复了，就没做了。

另外本主题hmd已经同步更新到1.5版本，喜欢的童鞋感觉去试试吧！

单栏简洁黑色主题

演示如图：

2023.03.16提交官方审核，几经修改，与今日（2023.04.06）审核通过。

官方主题库地址：https://wordpress.org/themes/hmd/

简单介绍：
1、此主题设计灵感来源于markdown编辑器，所以命名为hmd；
2、现在的博客主题越来越简洁化，突出内容，强化阅读体验，所以单栏设计很适合，连官方主题都是这样，不过为了保留widget边栏，将其放在底部；
3、主题支持WP-UserAgent插件，WordPress这种功能的插件都很久没更新了，这个勉强可以用；
4、官方主题因为不能添加外链，所以没有添加“LXGW WenKai”字体，但保留了默认该字体css样式，你只需在主题添加https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.6.0/lxgwwenkaiscreen.css即可体验该字体。后续更新看能不能添加在设置面板里；
5、更多功能还在计划里，譬如支持更多色调，PJAX或者Ajax，自定义功能（官方已不再支持后台设置面板了，只能自定义），转换为区块主题（官方现在大力推广区块主题，我觉得太复杂了，还不如直接PHP编写）......

如果有好的建议，也欢迎留言给我！

新主题名: iyl

不想在多说什么。。。

这是一款两栏主题。

此主题正在官方审核，等审核通过，即可放出！拭目以待吧。

官方审核需要此页面，占个位。有好的建议欢迎来交流。

wordpress主题bb10官方下载地址，2015.08.10放出。。。

2018.02.04 bb10主题更新到2.1版本。
2018.02.21 bb10主题更新到2.2版本。
2019.10.21 用svg sprite技术替代fontawesome字体，让代码更快更轻；
改变默认的字体，用谷歌的Play字体；
更新评论ajax代码，并且修复一些错误.
版本已经升级到2.3了.
2020.09.03 更新版本到2.5.

我的博客就是记点事情，流水账是非常适合的体裁。今天也没心情抒发什么伟大的安邦定国胸怀。现在的社会，没有政治，没有性才是安全的。说说最近的三件事吧。

1、我的车。我有一辆红色的助力车，看过我博客的都知道。这是去年国庆节的时候买的，一年多了。但是质量是出奇的差，一般小汽车在三年或10万公里都极少有问题，因为这是它们的保修政策。我的车换过一个轮胎，换过一个化油器，换过一个点火器，前几天又换了一个缸和气门。不知什么时候都拉缸了，唉，都开始对它的“心脏”动手术了，离报废还远吗？我只希望还可以坚持一年，因为我想在这一年买辆车，简单代步车，四轮的，可以挡风挡雨，那它就可以功成身退了。12年初进家家，那年买辆二手自行车，150，当时知道吃亏了，但是还是买了，不知道为啥，那时候买辆自行车特难，新的太贵，二手的都在买。骑了几个月就报废了，链子和脚踏板被踩坏无数次。虽然很吃力，但是不可否认，骑自行车确实是锻炼身体很不错的方法。现在锻炼的机会少了，或者说自己太懒了，该有肌肉的地方都开始长肥肉了。很快狠心借钱买了这辆助力车，一直到现在，今年买辆小汽车，才两年，这样的节奏还是不错的，我希望再过两年我可以买得起房吧，呵呵。

2、我的主题。算算，olo这个主题提交到官方审核都快一个月了，第一个审核员@pagelines还不错，很快我的主题被approved，等了两天，有点不耐烦，网上搜搜别人的经验之谈，之前都是以附件形式上传，这是错误的。于是我重新打包上传。@bravokeyl接手我的主题，@bravokeyl审核速度很快，一般当天修改当天审核，没几天又被approved。经过这一次，我的主题太多自定义部分，比如回复邮件提醒功能，后台界面、logo修改，主题设置关键词、描述、广告、就连统计代码都被删掉了，官方理由这是插件的领域，不可侵犯。后来又被@chipbennett发现了一些问题，又得改。然后等了许久都没回应，一直到@cyberchimpscode来接手这个主题，好几天之后回了一些问题，今早看到立马修改上传。可能我是第一次吧，几经波折啊，感觉有一群人爆我菊花。但愿尽早通过审核吧！

3、我的工作。又是一年过去了，我也年长一岁了，从年龄上讲公务员是非常适合干一辈子的岗位。而我，目前仓管这个岗位肯定不是长久之计，再怎么磨练估计也就这样了，这两年感觉身体都快跟不上了，原本乐观向上的态度都日渐消失，愤青的态度越来越明显。然而话又说回来，再过几年，年过三十，再去找份基层次工作就更难了。高层次就更别提了，什么都不会，什么能力也没有。只是领导对我的器重让我持续的更久一些，并且它可以维持我的生活。我一直有个切合实际的梦想：回老家开个店做点小生活，组织家庭，维持生计。更伟大的维护世界和平的重任就寄托于下一代了。

【完】

两栏主题

演示：

此主题正在官方审核，等审核通过，即可放出！拭目以待吧。
此主题已放出！

主题设置

1、本主题加入Font Awesome图标功能，在菜单里添加相应的CSS类即可 从4.2版本开始该功能已删除。（图标代码参见http://fontawesome.io/icons/）。如图：

效果如下：

其他任何地方加上类似class标签都会显示。

2、由于官方限制，只剩下两个选项配置：一是图片缓存功能，二是备案号，参见：主题==>olo主题设置。

3、顶部功能是个不错的玩意，我拿它做logo，设置logo直接设置顶部图片即可，大小100*100像素，支持GIF。

当然，后续还会集合不错的插件。

官方下载地址

P.s.没想到官方居然很在乎此页面，打不开还不行。好吧，来一个！
2018.02.04 现在已经凌晨，估计美国那正上班吧，修改了一下午，把评论嵌套和不嵌套时显示的楼层问题解决了，然后修复一些样式。
2018.01.07 更新同步WordPress函数，修改一些样式。但是提交官方已经live，就是不显示。
2014.02.06 olo主题approved.
2014.02.06[下午] 被更改状态为reviewing.
2014.02.12 olo主题又approved.
2014.02.17 olo主题live.
2014.02.26 升级至2.2.
2014.05.10 修复文章第一个评论ＣＳＳ样式失效问题（感谢大肥羊提醒）,
给文章链接添加外链图标,
更改标题样式,
替换functions.php文件中bloginfo('url')函数为home_url(),
修改sidebar.php默认形式,
修改捐赠图标.
2014.05.11 删除ＩＣＰ选项设置，并添加社交平台链接配置.
2014.05.12 修改主题菜单样式使其支持三级或四级或更多级菜单，升级至2.5.
2015.04.30 修复一些BUG，更新一些函数，升级至2.7.
2015.05.19 升级至2.8，修复一个bug
2018.01.20 升级WordPress函数支持WordPress4.9+，
改变整体css样式
2018.02.03 给评论添加楼层，并且改变一些css；
2019.10.21 用svg sprite技术替代fontawesome字体，让代码更快更轻；
改变默认的字体，用谷歌的Play字体；
更新评论ajax代码，并且修复一些错误.
版本已经升级到4.2了.
2020.09.03 版本更新到4.4.
2021.07.02 版本更新至4.5.主要修改了手机版样式，详细更新内容看主题包里的readme文档把.

这是基于HTML5+CSS3+canvas的WordPress主题，将canvas动画作为背景。整包主题除了一个logo，没有任何图片，本来打算不用logo，又或者将其data化，后来看它很小，并且方便其他人修改，就保留下来了。为此我放弃了slimbox插件。其实对我来说，并不适用，我博客的图片很少。不过我还是希望有HTML5+css3组合的图片放大插件，如果你有可以介绍给我。还使用了专门为 Twitter Boostrap 设计的图标字体库——Font Awesome，哇，这个设计简直就是天才，让那些还在使用CSSSprites的小伙伴们惊呆吧！

记得曾经牧风童鞋做过类似的主题——时间轴，真的，他是个高手，那个主题很棒，后来我模仿了，并做成了点点主题。这次又拿出来并不是因为他，而是我在一个国外的素材网站上看到的。其实说到底还是拿来主义。

我反复测试了很多遍，在浏览器兼容性上，火狐最佳，chrome次之。对不起，我没考虑到IE的感受，虽然我有加入了hack，但是那都是顺手加上的。我看下，IE11很操蛋，居然还没有IE9兼容的好，尤其是背景，IE11不显示，即使我写了hack，还是不显示，太不给面子了，所以鄙视之。可见win8.1还不是太完美，淘宝上几块钱就能激活的玩意还真不如盗版的win7。我最满意的是我加了手机版，主要是将内页的效果自适应的展示在手机屏幕上。以我U956的5寸屏大小，竖着看有点窄，横过来比较完美，相信在平板上更爽。

从我停止文章同步到QQ空间那天，我对我所写的东西越来越像初中生那私密的日记本。别人用博客来交流，分享，研究，而我仅仅是时髦一点，用网络代替笔记本而已。所以我不再到处宣传我有一个博客，不再到处留言（为了宣传，为了SEO）。只有当一些老朋友过来，为了礼尚往来，我会去串串门，顺便看看这个世界发生了什么。

我在想这个主题是免费分享还是付费分享，毕竟我这是东拼西凑的产物，不那么受欢迎。因为太兴奋了，迫不及待的展示出来，可能还有很多需要修葺的地方。等找不到bug的时候，我会放出来1.0版本！

瞧，我的博客，已经乔装打扮好了！

演示：http://hjyl.org/?themedemo=yOoo

图片预览：

2013/04/18晚更新：主要更新下外观的线条和边栏css

主题介绍：

1、主题基于HTML5与CSS3，兼容于IE8以上浏览器，继承以往主题的基本配置，譬如：自定义背景，自定义菜单，支持二级菜单，小工具，后台设置功能，包括SEO优化（关键词、描述，整体代码布局）、广告位、底部信息、统计、备案，强化了后台编辑器，集成图片放大slimbox2插件，QapTcha滑动解锁插件，头像缓存设置，制作了主题语言包等；

2、此主题出世已经很长一段时间了，主要是简单，没什么特色的设计，也是启发于hilau.com的风格。昨晚将JQ库升级至1.8.3，然而QapTcha滑动解锁失效，经过测试将JQ UI升级即解决。我挺喜欢这个功能的。

3、这款无特色主题，本不打算共享，而有些朋友觉得这款主题还不错，同时我的脑海里闪现出新的设计，它可能更多的使用JQ特效，不过还是一如既往的追求简单。所以共享此主题，也希望更多人会喜欢。

P.s.最近帮一朋友定制了一款主题，根据他的PSD设计，从中我也学到很多技巧和更深的了解到WordPress的神奇。做主题不难，难的是设计。

下载地址：WordPress theme yOoo

WordPress主题：yHtml5 （这个名字的由来不难理解吧）

三栏主题

演示：http://hjyl.org（我的博客）

上图：

2012/6/10 Update：
1、主题升级至6.0；
2、修正后台设置中首页底部链接和全站底部链接不能保存修改的问题；
3、修正文章页tag标签的行高；
4、修正后台强化编辑器样式；

2012/5/12 Update：

1、主题升级至5.0，精简优化代码，或合并或去除多余累赘代码；

2、上下滑动小火箭按钮样式和特效修改；

3、搜索框自动focus去除，之前不小心加了一个属性导致的，现在觉得多余就去掉了；

4、整体字体修改了；

5、修正链接文章形式的链接问题。本想对文章形式做一些修改，曾经一苇童鞋建议一博客样式，不过以这个主题的样式，我也想不出更好的样式。照搬照抄是不可能的。所以暂且如此吧，如果有不错的点子，可以留言讨论；

6、其他一些细节样式修改，这需要你仔细观察；

2012/4/25 Update：

紧急更新：评论滑动解锁路径修正，将QapTcha.jquery.js文件里的yMoo改成yHtml5即可，且主题升级至4.0。

2012/4/25 Updates：

1、添加HTML5.js，使之兼容IE浏览器，这个实在太强大了。不过导航在IE7以下浏览器显示不正常。

2、添加首页AJAX分页特效，文章标题加载特效；

3、设置评论链接是否新窗口打开，这个根据个人需要，已设置后台选项；

4、删除后台选项中公告栏选项，感谢一苇童鞋；

5、主题已升级到3.0版本；

2012/4/19 Updates：

1、换个背景，如果有人喜欢原先的背景，可以保存下原先的背景；

2、修正评论楼层挡住了评论内容问题；

3、修改了评论数+围观数的样式和title属性；

4、修正一些问题使之符合html5验证。

主题介绍：

1、因为是基于HTML5与CSS3，所以IE8，IE7，IE6。。。向下级别浏览器就不兼容了，不信你试试，极丑！

2、支持WordPress的日志、链接、相册、图片、状态、引用、视频、音频类型的文章。

3、支持自定义背景，小工具，后台设置功能，包括SEO优化（关键词、描述，整体代码布局）、广告位、底部信息、统计、备案等；

4、支持自定义菜单，菜单支持无限级二级导航，并且加了滚动菜单的特效；

5、改变以往的向上向下按钮；

6、重写了评论部分代码、样式；

7、延续了先前很多主题的功能，强化了后台编辑器，集成图片放大slimbox2插件，QapTcha滑动解锁插件，头像缓存设置；

8、此主题特别制作了主题语言包，如果可以，你还能将其韩化，日化等等；

9、更多体验尽在主题里。。。

下载地址：高速下载

小记：本来有打算将此主题定为收费主题的冲动，最后拗不过分享的冲动。希望更多的朋友喜欢我的主题，群里的朋友有说此主题有点偏女性化，呵呵，想想也不错，接触WordPress这么久，遇到志同道合的女生还真不多，希望从此更多的女生喜欢我的主题，哈哈！

最后希望发现此主题有不足地方的朋友，可以前来不吝赐教！