本站插件
目录
博客安装插件
本站安装的主要插件如下:
- Askismet Anti-Spam(垃圾评论拦截插件,wordpress必备)
- Table of Contents Plus(在文章中显示目录)
WP Editor.md(markdown编辑器)- WP Githuber MD
- WP-UTF8-Excerpt(摘要显示插件)
主题修改
标题增加编号
全部修改编号可以采用如下的css样式加入到主题的额外css中,如下的样式表为post中<h1>~<h6>
样式增加了编号:
div.entry-content h1:before{
content:counter(h1counter) ' ';
}
div.entry-content h1{
counter-increment: h1counter;
counter-reset: h2counter;
}
div.entry-content h2:before{
content:counter(h1counter) '.' counter(h2counter) ' ';
}
div.entry-content h2{
counter-increment: h2counter;
counter-reset: h3counter;
}
div.entry-content h3:before{
content:counter(h1counter) '.' counter(h2counter) '.' counter(h3counter)' ';
}
div.entry-content h3{
counter-increment: h3counter;
counter-reset: h4counter;
}
div.entry-content h4:before{
content:counter(h1counter) '.' counter(h2counter) '.' counter(h3counter) '.' counter(h4counter)' ';
}
div.entry-content h4{
counter-increment: h4counter;
counter-reset: h5counter;
}
div.entry-content h5:before{
content:counter(h1counter) '.' counter(h2counter) '.' counter(h3counter) '.' counter(h4counter) '.' counter(h5counter)' ';
}
div.entry-content h5{
counter-increment: h5counter;
counter-reset: h6counter;
}
div.entry-content h6:before{
content:counter(h1counter) '.' counter(h2counter) '.' counter(h3counter) '.' counter(h4counter) '.' counter(h5counter) '.' counter(h6counter)' ';
}
div.entry-content h6{
counter-increment: h6counter;
counter-reset: h7counter;
}
由于我写作的文章中一级标题采用的是<h2>
,而且我仅仅使用了三级编号,也就是编号只到<h4>
,所以我增加的css样式仅为如下:
div.entry-content h2:before{
content:counter(h2counter) ' ';
}
div.entry-content h2{
counter-increment: h2counter;
counter-reset: h3counter;
}
div.entry-content h3:before{
content:counter(h2counter) '.' counter(h3counter)' ';
}
div.entry-content h3{
counter-increment: h3counter;
counter-reset: h4counter;
}
div.entry-content h4:before{
content:counter(h2counter) '.' counter(h3counter) '.' counter(h4counter)' ';
}
div.entry-content h4{
counter-increment: h4counter;
counter-reset: h5counter;
}
修改链接打开方式为新窗口
修改主题的方式
外观->主题编辑->主题页眉(header.php),在head标签中添加<base target="_blank">
,如下:
...
<head>
...
<base target="_blank">
</head>
...
这样,所有链接的打开方式就全部修改为新窗口打开了。但是并不建议使用这种方式,因为采用这种方式修改链接后,所有的链接都会在新窗口打开,对浏览体验很不好。建议采用添加函数的方式修改。
添加函数的方式
外观->主题编辑->模板函数(function.php),在最后添加如下函数内容:
/**
* Open the url in new window
*/
function autoblank($text) {
$return = str_replace('<a', '<a target="_blank"', $text);
return $return;
}
add_filter('the_content', 'autoblank');
增加笔记答案的隐藏字体
在做笔记的时候可以使用类似于填空题的方式把答案隐藏起来,选中隐藏的文本的时候就能看到答案。这一方式的原理实际上就是设置文字的颜色为白色(这里采用了 extra markdown 内嵌语法),参照的来源是《鸟哥的linux私房菜》网站的做法。
修改样式
在自定义 css 样式表中添加如下样式:
div.ey-answer {
color: #FFFFFF;
}
使用示例
《抗规》要求的抗震设防目标是:
<div class="ey-answer">
小震不坏,中震可修,大震不倒。
</div>
写作与编辑器
博客的写作编辑器采用的是WP-Editor.md,文档请看这里。此编辑器的主要功能有:
采用markdown编辑文章支持实时预览/代码插入/代码折叠/列表插入/搜索替换/语法高亮等功能支持 Emoji 表情支持WordPress的多媒体插入支持Toc文章目录显示支持GFM Task lists支持KaTeX科学公式支持Mermaid支持图像粘贴
不知道什么原因,原来的 WP Editor.md 总是加载不出来,所以改用了WP Githuber MD,文档请看这里
常用写作查询链接
WP-Editor.md文档- WP Githuber MD
- 常用markdown语法列表
- Markdown入门参考
- 有道云笔记Markdown指南
- 语法高亮语言支持列表
- KaTeX支持公式与函数列表
- mermaid文档