发表于 更新于 分类于 本文字数： 1.6k 阅读时长 ≈ 1 分钟

打开 工程目录\themes\next\layout\_partials\header.swig，找到如下代码。

1
2
3
4
5
6
7
8
9
10
11
{% for name, path in theme.menu %}
	{% set itemName = name.toLowerCase() %}
		<li class="menu-item menu-item-{{ itemName | replace(' ', '-') }}">
		<a href="{{ url_for(path.split('||')[0]) | trim }}" rel="section">
			{% if theme.menu_icons.enable %}
				<i class="menu-item-icon fa fa-fw fa-{{ path.split('||')[1] | trim | default('question-circle') }}"></i> <br />
			{% endif %}
			{{ __('menu.' + name) | replace('menu.', '') }}
		</a>
		</li>
{% endfor %}

修改为如下代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% for name, path in theme.menu %}
	{% set itemName = name.toLowerCase() %}
	{% if itemName[0] == '=' %}
		<hr>
	{% else %}
		<li class="menu-item menu-item-{{ itemName | replace(' ', '-') }}">
		<a href="{{ url_for(path.split('||')[0]) | trim }}" rel="section">
			{% if theme.menu_icons.enable %}
				<i class="menu-item-icon fa fa-fw fa-{{ path.split('||')[1] | trim | default('question-circle') }}"></i> <br />
			{% endif %}
			{{ __('menu.' + name) | replace('menu.', '') }}
		</a>
		</li>
	{% endif %}
{% endfor %}

即增加一个 if 判断分类名的第一个字符是否为 =，若是，则在此处添加分隔符，否则正常添加分类。

那么当我们在 主题配置文件 的 menu 属性下添加的以 = 开头的条目，便会显示为分隔符了。

发表于 更新于 分类于 本文字数： 664 阅读时长 ≈ 1 分钟

样式

1
2
3
4
5
6
7
8
9
.posts-expand .post-body,.post-copyright {
	a:not(.btn) {
		color: #0269C8;
		border-bottom: 1px solid #D1E9FF;
	}
	a:not(.btn):hover {
		color: #275B8C;    
	}
}
阅读全文 »

发表于 更新于 分类于 本文字数： 735 阅读时长 ≈ 1 分钟

前言

visual studio，号称宇宙最强IDE，目前已经更新到vs2019版本了，其安装过程自2015开始便变成了在线安装版，本篇主要介绍如果下载2015以后的版本(以2017为例)的完整离线安装包。

阅读全文 »

发表于 更新于 分类于 本文字数： 1.5k 阅读时长 ≈ 1 分钟

前言

有时候我们想像world那样对图片也进行编号，甚于显示其脚注，如下所示。

图片带题注

要想实现这种效果，同样需要使用css计数器，这个技巧在给标题编号的时候使用过。除此之外，图片还需要显示题注，这里能过图片的alt属性作为题注。

阅读全文 »

发表于 更新于 分类于 本文字数： 4.1k 阅读时长 ≈ 4 分钟

前言

vscode本身并不能编译运行c++项目，但是我们可以通过安装一些插件并进行一些配置来使其适合开发小型的c++项目。

阅读全文 »

发表于 更新于 分类于 本文字数： 1.5k 阅读时长 ≈ 1 分钟

前言

有时候，我们想像world文档那样给标题编号，如下表所示。

标题一 1

标题二 1.1

标题三 1.1.1

但是原始的hexo是不支持这种功能的，所以我们利用css的计数器(counter)来实现此功能。

css计数器

在css里，我们可以声明一个计数器，假设其名称为counter_xxx，那么我们可以使用counter()函数获得它当前的值。

1
counter(counter_xxx);

与此同时，我们可以使用counter-reset属性指定需要重置的计数器，使用counter-increment属性指定计数加一的计数器。

1
2
3
4
h1 {
	counter-increment: counter_h1;
	counter-reset: counter_h2;
}

如上代码所示，每有一个h1出现时，计数器counter_h1的值就会加一，而counter_h2的值就会重置为0。我们刚好可以利用这个，配合伪类选择器:before来实现标题的自动编号。

阅读全文 »

发表于 更新于 分类于 本文字数： 1.4k 阅读时长 ≈ 1 分钟

前言

vscode是微软发布的一款轻量级文本编辑器。它不仅外观美丽，而且读取文件迅速，真正算的上是集美貌与才华于一身。配合海量的扩展插件，可以打造为一套完美的开发利器。本文便是介绍如何科学地安装并优雅地使用vscode。

阅读全文 »