本站插件

本站插件

博客安装插件

本站安装的主要插件如下:

  • 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,文档请看这里

常用写作查询链接

参考链接

[1] 【记录】给WordPress的Retina主题中的标题添加编号/标号