2022.08.09 雨中静听 /posts/20220809a1/

2022.08.09 暴雨倾盆 雨中静听小记

本还是阳光明媚的天气，霎时云渐聚拢来，午后两点，不偏不倚，雨幕骤然落了下来。
雨很大，雨水直泻而下，风一推，如浪般往前荡去。
密密麻麻的雨珠敲打地面的声音，屋檐雨水成股流下的声音，不时有车破开雨幕划过地面的声音。雨声更加喧嚣了。
下雨天，对我来说，大抵是最适合听歌的。

《这世界有那么多人》
莫文蔚
covered by 韩红、林志炫
晚风中闪过 几帧从前啊 飞驰中旋转 已不见了吗
这世界 有那么个人 活在我 飞扬的青春

《阴天》
莫文蔚
阴天 在不开灯的房间 让所有思绪都一点一点沉淀
开始总是分分钟 都妙不可言 谁都以为热情它永不会减

《盛夏的果实》
莫文蔚
你曾说过 会永远爱我 也许承诺 不过因为没把握
当看尽潮起潮落 只要你记得我 如果你会梦见我 请你再抱紧我

《路过人间》
郁可唯
世上唯一不变 是人都善变 路过人间 爱都有期限
快快抹干眼泪 看昙花多美

《一生中最爱》
左麟右李
如真 如假 如可分身饰演自己
会将心中的温柔 献出给你 唯有的知己

《蒙娜丽莎的眼泪》
林志炫
她的微笑 那么神秘 那么美 或许她也走过感情的千山万水
才发现 爱你的人 不会让他的蒙娜丽莎流眼泪

《我是一只鱼》
covered by 许茹芸、落日飞车
需要你 我是一只鱼 水里的空气 是你小心眼和坏脾气
没有你 像离开水的鱼 快要活不下去 不能在一起游来游去

《漠河舞厅》
柳爽
你什么都没有说 野风惊扰我
看大雪如何衰老的 我的眼睛如何融化

《贝加尔湖畔》
李健
这一生一世 有多少你我 被吞没在月光如水的夜里
这一生一世 这时间太少 不够证明融化冰雪的深情

《绵绵》
谢安琪 & 陈奕迅
前尘就似轻于鸿毛 提及心底苦恼 就像自言自语说他人是非 多么好
从来没细心数清楚 一个下雨天 一次愉快的睡眠 断多少发线

]]> 杂记 Clash for Linux /posts/20220726a1/

配置 Clash for Linux，并设置开机自启动。
Linux 系统版本：Ubuntu 20.04.1

下载解压 clash-linux-amd64

从 GitHub 上下载任意版本的 clash-linux-amd64-vx.x.x.gz。
在下载目录打开终端，输入如下命令：

gunzip clash-linux-amd64-vx.x.x.gz	#文件解压
mv clash-linux-amd64-vx.x.x clash	#文件改名
我在 /home/username 目录下创建了 clash 文件夹，将解压后的文件移动到里面：
mkdir Clash			#创建名为 clash 的文件夹  
mv clash /home/username/clash	#将解压改名后的 clash 文件移入 clash 文件夹

配置 clash

chmod +x clash		#首先授权可执行权限  
./clash -d .		#初始化执行 clash

在初始化执行 clash 后会默认在当前目录下生成配置文件 config.yaml和全球IP地址库 Country.mmdb。
从代理商那获得配置文件 config.yaml，替换默认生成的配置文件。
再次初始化执行 clash：./clash -d .。
出现如下初始化显示：
接下来进行系统网络代理设置，打开系统设置-网络-网络代理，选择手动，填写 HTTP 和 HTTPS 代理为 127.0.0.1:7890，填写 Socks 主机为 127.0.0.1:7891，即可启用系统代理。
浏览器访问 Google 验证网络。

设置开机自启动

sudo touch /etc/systemd/system/clash.service	#创建 service 文件  
vi /etc/systemd/system/clash.service 	#编辑 service 文件

输入如下文本（记得修改 ExecStart 为自己的路径）：

[Unit] 
Description=clash daemon  
[Service] 
Type=simple 
User=root 
ExecStart=/home/username/clash/clash -d /home/username/clash/ 
Restart=on-failure  
[Install] 
WantedBy=multi-user.target
使用的 vim 命令参考：
i    在当前光标的前面插入字符
A    在一行的结尾处添加文本
x    删除当前光标所在处的字符
dw   删除一个单词(从光标处到空格)
u    撤销上一步的操作。
:q   若文件没有修改，直接退出
:q!  文件已经被修改，放弃修改退出
:wq  文件已经被修改，保存修改并退出
编辑后查看文件内容如下图：
接着依次执行下面四个命令：
sudo systemctl daemon-reload 
sudo systemctl enable clash 
sudo systemctl start clash 
sudo systemctl status clash
成功后出现如下内容：

参考文章

配置 clash for linux ，适用于ubuntu 20.04（更新于2021.11.6）

]]> Linux Linux CNAME 记录影响 CAA 记录致 SSL 证书无法签发问题 /posts/20220811a1/

在重新申请 SSL 证书时，遇到 CNAME 记录影响 CAA 记录致 SSL 证书无法签发的问题及其解决。

博客不知不觉也已近一年，搭建完成后由于学习生活忙碌，一直搁置一旁，等到假期才得以学学写写。
不过都是借口罢了，只是还未养成记录的习惯，希望在这个暑假（可能是最后一个暑假）能将习惯培养起来。
域名和 SSL 证书也相继到期，不管怎样，我还是想继续运维下去。

问题

在申请 SSL 证书时，显示：您的域名进行了 cname 操作，指向 x.github.io，域名配置了 CAA 信息，该 CAA 信息会导致证书签发失败。

解决方法

先暂停解析该 cname 解析记录，添加 SSL 证书签发所需的 CAA 记录（所申请的机构记录类型已由 TXT 更改为 CNAME），待证书签发成功后，删除证书签发所需的 CAA 记录，重新开启 GitHub Pages 的 cname 解析即可。

原因

CAA 记录检查继续对指向不同域的 CNAME 记录进行，因而阻止了 CA 颁发证书，证书颁发机构无法为对应域名颁发证书。

CAA(Certificate Authority Authorization)，即证书颁发机构授权。是一项新的可以添加到DNS记录中的额外字段,通过DNS机制创建CAA资源记录，可以限定域名颁发的证书和CA（证书颁发机构）之间的联系。未经授权的第三方尝试通过其他CA注册获取用于该域名的SSL/TLS证书将被拒绝。
域名设置 CAA 记录，使网站所有者，可授权指定CA机构为自己的域名颁发证书，以防止HTTPS证书错误签发，从而提高网站安全性。

参考

CNAME记录指向vercel影响了CAA记录导致的SSL证书无法签发的问题

]]> 维护日志 搭建博客 DELL G3 安装 Ubuntu 遇到的问题 /posts/20220904a1/

关于去年在我的 Dell G3 笔记本上安装 Ubuntu 系统时遇到的问题，由于之后不时有人问我，而我却忘记改了什么，今天偶然进入 UEFI 才突然想起来当时遇到的是 SATA 模式的问题，在此记录一下。

问题原因

Dell 笔记本默认的 SATA 硬盘模式是 Raid on,而 Ubuntu 系统需要的是 AHCI，因此导致 Ubuntu 系统无法安装。

解决方法

解决方法自然是将 SATA Operation 更改为 ACHI，但是看很多人更改完后 Windows 系统蓝屏无法进入，继续检索发现可以在 Windows 安全模式下更改，在此简记一下：

  • Win + R，输入 msconfig
  • 选择“引导”并勾选“安全引导”项(或在 CMD 输入 bcdedit/set safeboot)
  • 确定后重新启动
  • 重启时不断连续按 F2 进入 BIOS，将 SATA Operation 改为 AHCI
  • Apply，Exit
  • 系统进入安全模式
  • 取消勾选“安全引导”项(或在 CMD 输入 bcdedit/deletevalue safeboot)
  • 重启

参考文章

如何快速修复由更改 SATA 模式导致的 Windows 蓝屏错误

]]> Linux Linux Ubuntu DokuWiki 学习使用记录 /posts/20221102a1/

本文为学习使用 DokuWiki 的过程记录包括基本使用、插件体验及所遇问题的解决。

安装

下载地址：https://www.dokuwiki.org/zh:install。推荐下载官方建议的 Stable 版本。
解压后打开目录下的 run.cmd，填写相关信息后安装完毕，将目录下的 install.php 文件删除。

更多安装相关详见官方文档：DokuWiki安装指南

解决中文文件名乱码问题

1.在 dokuwiki/conf/local.php 最后一行添加

$conf['fnencode'] = 'utf-8';

2.在 dokuwiki/inc/pageutils.php 找到如下两个函数，并进行修改

function utf8_encodeFN($file,$safe=true){
    global $conf;
    if($conf['fnencode'] == 'utf-8') return $file;

    if($safe && preg_match('#^[a-zA-Z0-9/_\-\.%]+$#',$file)){
        return $file;
    }

    if($conf['fnencode'] == 'safe'){
        return SafeFN::encode($file);
    }

    // 删除下面两行
    - $file = urlencode($file);
    - $file = str_replace('%2F','/',$file);

    return $file;
}

function utf8_decodeFN($file){
    global $conf;
    if($conf['fnencode'] == 'utf-8') return $file;

    if($conf['fnencode'] == 'safe'){
        return SafeFN::decode($file);
    }

    // 删除下面一行
    - return urldecode($file);
    // 加上下面这行
    + return $file;
}
]]> 学习笔记 DokuWiki 记录归纳 DokuWiki Hexo & Next 标签使用说明 /posts/20220816a1/

本文为在 Hexo & Next 使用标签的说明，使用标签可在文章中快速插入特定内容，使文章更加美观易读。
本文内容主要搬运至 Hexo 文档的标签插件使用样例。

Hexo 标签插件

引用块 blockquote

在文章中插入引言，可包含作者、来源和标题。
使用方式： 

{% blockquote [author[, source]] [link] [source_link_title] %}
content
{% endblockquote %}

普通的 blockquote

没有提供参数，则只输出普通的 blockquote： 

{% blockquote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.
{% endblockquote %}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.

引用书上的句子

{% blockquote David Levithan, Wide Awake %}
Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.
{% endblockquote %}

Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.

David LevithanWide Awake

引用 Twitter

{% blockquote @DevDocs https://twitter.com/devdocs/status/356095192085962752 %}
NEW: DevDocs now comes with syntax highlighting. http://devdocs.io
{% endblockquote %}

NEW: DevDocs now comes with syntax highlighting. http://devdocs.io

引用网络上的文章

{% blockquote Seth Godin http://sethgodin.typepad.com/seths_blog/2009/07/welcome-to-island-marketing.html Welcome to Island Marketing %}
Every interaction is both precious and an opportunity to delight.
{% endblockquote %}

Every interaction is both precious and an opportunity to delight.

Markdown 的引用块

详见 Markdown 语法详解及使用技巧——引用块。

代码块 codeblock

在文章中插入代码。
使用方式： 

{% codeblock [title] [lang:language] [url] [link text] [additional options] %}
code snippet
{% endcodeblock %}

普通的代码块

{% codeblock %}
alert('Hello World!');
{% endcodeblock %}
alert('Hello World!');

指定语言

{% codeblock lang:objc %}
[rectangle setX: 10 y: 10 width: 20 height: 20];
{% endcodeblock %}
[rectangle setX: 10 y: 10 width: 20 height: 20];

附加说明

{% codeblock Array.map %}
array.map(callback[, thisArg])
{% endcodeblock %}
Array.map
array.map(callback[, thisArg])

附加说明和网址

{% codeblock _.compact http://underscorejs.org/#compact Underscore.js %}
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]
{% endcodeblock %}
_.compactUnderscore.js
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]

Markdown 的围栏代码块

详见 Markdown 语法详解及使用技巧——围栏代码块。

插入代码文件

插入 source/downloads/code 文件夹内的代码文件。路径 source/downloads/code 不是固定的，取决于你在配置文件中 code_dir 的配置。
使用方式： 

{% include_code [title] [lang:language] [from:line] [to:line] path/to/file %}

Youtube

在文章中插入 Youtube 视频。
使用方式： 

{% youtube video_id [type] [cookie] %}

MathJax

插入利用 MathJax 显示的数学公式，需要安装 hexo-renderer-mathjax 并更换 Pandoc 渲染器。
详见 Hexo + NexT 配置优化指南——渲染 mathjax。

Next 内建标签的使用

文本居中引用

调用方法： 
<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="blockquote-center" 是必须的 -->
<blockquote class="blockquote-center">blah blah blah</blockquote>

<!-- 标签 方式，要求版本在0.4.5或以上 -->
{% centerquote %}blah blah blah{% endcenterquote %}

<!-- 标签别名 -->
{% cq %} blah blah blah {% endcq %}
示例： 
<blockquote class="blockquote-center">
<p>人的一切痛苦 本质上是对自己无能的愤怒</p>
<p>**王小波**</p>
</blockquote>

人的一切痛苦 本质上是对自己无能的愤怒

王小波

Note 标签

调用方法： 

<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<div class="note class_name">blah blah blah</div>

<!-- 标签 方式 -->
{% note class_name %}
blah blah blah
{% endnote %}
示例：
{% note %}
#### Header
(without define class style)
{% endnote %}

content

{% note default %}
#### Default Header
Default content
{% endnote %}

Default Header

Default content

{% note primary %}
#### Primary Header
Primary content
{% endnote %}

Primary Header

Primary content

{% note info %}
#### Info Header
Info content
{% endnote %}

Info Header

Info content

{% note success %}
#### Success Header
Success content
{% endnote %}

Success Header

Success content

{% note warning %}
#### Warning Header
Warning content
{% endnote %}

Warning Header

Warning content

{% note danger %}
#### Danger Header
Danger content
{% endnote %}

Danger Header

Danger content

可用no-icon取消图标： 

{% note info no-icon %}
#### No icon note
content
{% endnote %}

No icon note

content

标签内容可折叠： 

{% note primary This is a summary %}
#### Details and summary
Note with summary: `note primary This is a summary`
{% endnote %}

This is a summary

Details and summary

Note with summary: note primary This is a summary

{% note info no-icon This is a summary %}
#### Details and summary (No icon)
Note with summary: `note info no-icon This is a summary`
{% endnote %}

This is a summary

Details and summary (No icon)

Note with summary: note info no-icon This is a summary

Label 标签

调用方法：

{% label [class_name] @blah blah blah %}
class_name取值同 Note 标签。 示例：
我坐在床前，望着窗外，{% label @回忆满天 %}。生命是{% label primary @华丽错觉 %}，时间是贼偷走一切。  
七岁的那一年，抓住那只{% label success @蝉 %}，以为能抓住夏天。十七岁的那年，吻过他的脸，就以为和他能{% label info @永远 %}。   
有没有那么一种永远，{% label warning @永远不改变 %}，拥抱过的美丽，都再也不破碎。   
让险峻岁月不能，在脸上撒野，让{% label danger @生离和死别都遥远 %}，有谁能听见。
我坐在床前，望着窗外，回忆满天。生命是华丽错觉，时间是贼偷走一切。
七岁的那一年，抓住那只蝉，以为能抓住夏天。十七岁的那年，吻过他的脸，就以为和他能永远。
有没有那么一种永远，永远不改变，拥抱过的美丽，都再也不破碎。
让险峻岁月不能，在脸上撒野，让生离和死别都遥远，有谁能听见。

Tab 标签

调用方法：

{% tabs [Unique name], [index] %}
<!-- tab [Tab caption]@[icon] -->
Any content (support inline tags too).
<!-- endtab -->
{% endtabs %}

Unique name为每个标签页组唯一的名称
index为初始激活的标签页
Tab caption为标签页名称，不指定时为所属标签页组名称加索引
icon为 Font awesome 图标

示例：
{% tabs 选项卡, 3 %}
<!-- tab -->
这是选项卡 1
<!-- endtab -->
<!-- tab -->
这是选项卡 2
<!-- endtab -->
{% endtabs %}

这是选项卡 1

这是选项卡 2

{% tabs 选项卡 2 %}
<!-- tab 自定义名称1 -->
这是选项卡 1
<!-- endtab -->
<!-- tab 自定义名称2 -->
这是选项卡 2
<!-- endtab -->
{% endtabs %}

这是选项卡 1

这是选项卡 2

{% tabs 选项卡 2 %}
<!-- tab 自定义名称1@text-width -->
这是选项卡 1
<!-- endtab -->
<!-- tab 自定义名称2@amazon -->
这是选项卡 2
<!-- endtab -->
{% endtabs %}

这是选项卡 1

这是选项卡 2

]]> 维护日志 创作 Hexo NexT Hexo + NexT 配置优化指南 /posts/20220424a1/

超长文警告！

记录 Hexo + NexT 的配置优化过程，以便后续更改和维护。

写在前面：

  • Hexo version：5.4.0，NexT version：8.11.0，查看命令为hexo -v。
  • 站点配置文件都是指博客根目录下的 _config.yml 文件，路径为 root/_config.yml。
  • 主题配置文件都是指主题文件里的 _config.yml 文件，路径为 root/theme/next/_config.yml。
  • 修改配置文件时“:”后面一定要有空格。
  • 配置完成可通过hexo clean hexo g hexo s预览。

全局配置

设置菜单

在主题配置文件里查找 menu ，将注释取消。

menu:
  home: / || fa fa-home				#首页
  about: /about/ || fa fa-user			#关于
  #tags: /tags/ || fa fa-tags			#标签
  categories: /categories/ || fa fa-th		#分类
  archives: /archives/ || fa fa-archive		#归档
  album: /album/ || fa fa-camera-retro		#相册
  gallery: /gallery/ || fa fa-paint-brush	#画廊
  tools: /tools/ || fa fa-square			#工具
  #schedule: /schedule/ || fa fa-calendar	#日历
  #sitemap: /sitemap.xml || fa fa-sitemap	#站点地图
  #commonweal: /404/ || fa fa-heartbeat		#腾讯公益404

“||”前面是对应路径，后面是图标名称。NexT 使用的图标库为 Font Awesome，可自行添加或更换心仪的图标。

若想添加新的菜单，则仿照其添加对应的元素、路径和图标，同时在 theme/next/languages/zh-CN.yml 里的 menu 下添加相对应的中文。
menu:
  home: 首页
  archives: 归档
  categories: 分类
  tags: 标签
  about: 关于
  search: 搜索
  schedule: 日程表
  sitemap: 站点地图
  commonweal: 公益 404
  gallery: 画廊
  album: 相册
  tools: 工具
然后在博客根目录下打开 Git Bash，输入相应代码：hexo new page "菜单名称"。
此时在博客根目录的 sources 文件夹下会生成对应的文件夹，每个文件夹中都有一个 index.md 文件，对文件内容进行修改，categories 的 index.md 修改如下，其他类推： 
---
title: 分类
date: 2021-08-11 16:47:10
type: categories
comments: false
---
如有添加评论，则页面默认开启评论，要关闭评论将 comment 的值置为 false 即可。

更换网站图标

图标素材：icons
下载 16x16 和 32x32 的图标后，打开主题配置文件，修改 favicon 的 small 和 medium 的路径：

favicon:
  small: /images/favicon-16x16-iceberg.png
  medium: /images/favicon-32x32-iceberg.png
  apple_touch_icon: /images/apple-touch-icon-next.png
  safari_pinned_tab: /images/logo.svg
  #android_manifest: /manifest.json

网站背景

动态背景

Canvas nest

1.在 root/themes/next 目录下打开 Git Bash ，输入命令：

git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest
2.打开主题配置文件，添加如下代码： 
# Canvas nest
# Dependencies: https://github.com/theme-next/theme-next-canvas nest
# For more information: https://github.com/hustcc/canvas-nest.js
canvas_nest:
  enable: true
  onmobile: true # Display on mobile or not
  color: "0,0,255" # RGB values, use `,` to separate
  opacity: 0.5 # The opacity of line: 0~1
  zIndex: -1 # z-index property of the background
  count: 99 # The number of lines

Canvas ribbon

打开主题配置文件，将 canvas_ribbon 的 enable 置为 true：

# Canvas ribbon
# For more information: https://github.com/hustcc/ribbon.js
canvas_ribbon:
  enable: true
  size: 300 # The width of the ribbon
  alpha: 0.6 # The transparency of the ribbon
  zIndex: -1 # The display level of the ribbon

雪花飘飘

1.在 root/themes/next/source/js/src 目录下新建 snow.js 文件，添加以下代码。 

/*样式一*/
(function($){
	$.fn.snow = function(options){
	var $flake = $('<div id="snowbox" />').css({'position': 'absolute','z-index':'9999', 'top': '-50px'}).html('&#10052;'),
	documentHeight 	= $(document).height(),
	documentWidth	= $(document).width(),
	defaults = {
		minSize		: 10,
		maxSize		: 20,
		newOn		: 1000,
		flakeColor	: "#AFDAEF" /* 此处可以定义雪花颜色，若要白色可以改为#FFFFFF */
	},
	options	= $.extend({}, defaults, options);
	var interval= setInterval( function(){
	var startPositionLeft = Math.random() * documentWidth - 100,
	startOpacity = 0.5 + Math.random(),
	sizeFlake = options.minSize + Math.random() * options.maxSize,
	endPositionTop = documentHeight - 200,
	endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
	durationFall = documentHeight * 10 + Math.random() * 5000;
	$flake.clone().appendTo('body').css({
		left: startPositionLeft,
		opacity: startOpacity,
		'font-size': sizeFlake,
		color: options.flakeColor
	}).animate({
		top: endPositionTop,
		left: endPositionLeft,
		opacity: 0.2
	},durationFall,'linear',function(){
		$(this).remove()
	});
	}, options.newOn);
    };
})(jQuery);
$(function(){
    $.fn.snow({ 
	    minSize: 5, /* 定义雪花最小尺寸 */
	    maxSize: 50,/* 定义雪花最大尺寸 */
	    newOn: 300  /* 定义密集程度，数字越小越密集 */
    });
});
2.接下来在 root/themes/next/layout/_layout.njk 引入 jQuery，如果之前已经引入了 jQuery，则忽略这一步： 
<!-- 引入jQuery -->
<script type="text/javascript" src="//libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
3.再在后面添加如下代码： 
<!-- 雪花特效 -->
{% if theme.snow.enable %}
    <script type="text/javascript" src="/js/src/snow.js"></script>
{% endif %}
4.最后在主题配置文件加入配置代码： 
# 雪花特效
snow: 
 enable: true

背景图片

1.将背景图片放到 root/themes/next/source/images 下。
2.打开主题配置文件，将 style: source/_data/styles.styl 取消注释：

custom_file_path:
  style: source/_data/styles.styl
3.在 root/source 下创建文件 _data/styles.styl，添加以下内容：
// 添加背景图片
// 添加背景图片
body {
      background: url(/images/background.jpg);	// 可以是路径也可以是链接
      background-size: cover			// 设置保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小
      background-repeat: no-repeat;		// 设定背景图片非重复填充
      background-attachment: fixed;		// 设置背景图片不随页面滚动
      background-position: 50% 50%;		// 图片位置：居中
}

添加 Fork me on Github

打开 Github Corners ，选择喜欢的样式，复制相应代码到 root/themes/next/layout/_layout.njk 文件中，放在<div class="headband"></div>后面，并修改href="https://your-url"里的网址为自己 GitHub 主页的网址。
如图：

更改博客主标题背景颜色（Gemini主题）

博客主标题背景默认为黑色，相关代码在 root/themes/next/source/css/_schemes/Pisces/_header.styl 里：

.site-brand-container {
  //background: var(--theme-color);
可以更改为主题提供的基础颜色，见 root/themes/next/source/css/_variables/base.styl ： 
// Color system
// --------------------------------------------------
$whitesmoke   = #f5f5f5;
$gainsboro    = #eee;
$grey-lighter = #ddd;
$grey-light   = #ccc;
$grey         = #bbb;
$grey-dark    = #999;
$grey-dim     = #666;
$black-light  = #555;
$black-dim    = #333;
$black-deep   = #222;
$red          = #ff2a2a;
$blue-bright  = #87daff;
$blue         = #0684bd;
$blue-deep    = #262a30;
$orange       = #fc6423;
也可以直接更改为自己想要的颜色的十六进制代码，1如：

.site-brand-container {
  //background: var(--theme-color);
  background: #475164;

还可以改为渐变色，如： 

.site-brand-container {
  //background: var(--theme-color);
  background: linear-gradient(200deg, #2e80a5, #0c0c0b);

调整页面宽度（Gemini）

修改文件 root/themes/next/source/css/_variables/Pisces.styl，调整如下： 

$content-desktop              = 'calc(100% - %s)' % unit($content-desktop-padding / 2, 'px');
// $content-desktop-large        = 1160px;
// $content-desktop-largest      = 73%;

$content-desktop-large   = 85em
$content-desktop-largest = 85%

安装RSS插件

1.在根目录打开 Git Bash 执行指令安装插件：2

npm install hexo-generator-feed --save
2.在站点配置文件末尾加上如下代码： 

feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '
  order_by: -date
  icon: icon.png
  autodiscovery: true
  template:

添加进度显示和回到顶部按钮

NexT主题自带

在主题配置文件里找到 back2top 项进行修改 

back2top:
  enable: true			#页面右下角显示回到顶部按钮
  # Back to top in sidebar.
  sidebar: false		#为true时按钮位置变为侧边栏底部
  # Scroll percent label in b2t button.
  scrollpercent: true	#显示浏览进度百分比

moon-cake样式

1.输入如下命令下载插件：
npm install hexo-cake-moon-menu
2.在主题配置文件里添加下面代码：

moon_menu:
  back2top:
    enable: true
    icon: fas fa-chevron-up
    order: -1
  back2bottom:
    enable: true
    icon: fas fa-chevron-down
    order: -2

添加可切换的夜间模式

1.参考 Hexo Next 8.x 主题添加可切换的暗黑模式
2.输入命令npm install hexo-next-darkmode --save安装插件，注意安装前先关闭自带的黑暗模式。
2.安装完成后在主题配置文件里添加以下代码：

# Darkmode JS
# For more information: https://github.com/rqh656418510/hexo-next-darkmode, https://github.com/sandoche/Darkmode.js
darkmode_js:
  enable: true
  bottom: '64px' # default: '32px'
  right: 'unset' # default: '32px'
  left: '32px' # default: 'unset'
  time: '0.5s' # default: '0.3s'
  mixColor: 'transparent' # default: '#fff'
  backgroundColor: 'transparent' # default: '#fff'
  buttonColorDark: '#100f2c' # default: '#100f2c'
  buttonColorLight: '#fff' # default: '#fff'
  isActivated: true # default false
  saveInCookies: true # default: true
  label: '🌓' # default: ''
  autoMatchOsTheme: true # default: true
  libUrl: # Set custom library cdn url for Darkmode.js

开启本地搜索

1.执行命令npm install hexo-generator-search --save安装插件。
2.安装完成后在站点配置文件内添加以下内容：

#本地搜索
search:
  path: search.xml
  field: post
  format: html
  limit: 10000
3.修改主题配置文件里 local_search 的 enable 值为 true ，启用本地搜索。
local_search:
  enable: true
  # If auto, trigger search by changing input.
  # If manual, trigger search by pressing enter key or search button.
  trigger: auto
  # Show top n results per article, show all results by setting to -1
  top_n_per_article: 1
  # Unescape html strings to the readable one.
  unescape: false
  # Preload the search data when the page loads.
  preload: false

点击放大图片

将主题配置文件内 fancybox 的值置为 true 即可。

添加评论系统 waline

1.按照 waline 快速上手进行配置，注意 LeanCloud 注册时左上角选择国际版，后续添加环境变量时不用绑定域名，比较方便。
2.执行命令npm install @waline/hexo-next安装官方插件。
3.然后在主题配置文件添加如下内容：

# Waline
# For more information: https://waline.js.org, https://github.com/walinejs/waline
waline:
  enable: true #是否开启
  serverURL:  # Waline #服务端地址，就是上面部署的 Vercel 地址
  placeholder: 请文明评论呀 #评论框的默认文字
  avatar: mm # 头像风格
  meta: [nick, mail, link] # 自定义评论框上面的三个输入框的内容
  pageSize: 10 # 评论数量多少时显示分页
  lang: zh-cn # 语言, 可选值: en, zh-cn
  visitor: false # 文章阅读统计
  comment_count: true # 如果为 false , 评论数量只会在当前评论页面显示, 主页则不显示
  requiredFields: [] # 设置用户评论时必填的信息，[nick,mail]: [nick] | [nick, mail]
  libUrl: # Set custom library cdn url

边框圆角

1.在主题配置文件里将 variable 的注释取消：

custom_file_path:
  variable: source/_data/variables.styl
2.在 root/source/_data 下新建 variables.styl ，添加如下内容：
// 圆角设置
$border-radius-inner     = 20px 20px 20px 20px;
$border-radius           = 20px;

繁简体切换3

1.下载简繁字体切换所需的 tw_cn.js 文件放到 root/themes/source/js/src/ 下。
2.在想要显示简繁转换按钮的地方添加如下代码： 

<div class="translate-style">
繁/简：<a id="translateLink" href="javascript:translatePage();">繁体
</a>
</div>
<script type="text/javascript" src="/js/src/tw_cn.js"></script>
<script type="text/javascript">
var defaultEncoding = 2; //网站编写字体是否繁体，1-繁体，2-简体
var translateDelay = 0; //延迟时间,若不在前, 要设定延迟翻译时间, 如100表示100ms,默认为0
var cookieDomain = "https://tding.top/"; //Cookie地址, 一定要设定, 通常为你的网址
var msgToTraditionalChinese = "繁体"; //此处可以更改为你想要显示的文字
var msgToSimplifiedChinese = "简体"; //同上，但两处均不建议更改
var translateButtonId = "translateLink"; //默认互换id
translateInitilization();
</script>

更换字体

host 使用烧饼博客提供的镜像。
在主题配置文件对 font 进行如下修改： 

font:
  enable: true
 
  # Uri of fonts host, e.g. https://fonts.googleapis.com (Default).
  # 使用烧饼博客的CDN
  host: https://fonts.loli.net
 
  # Font options:
  # `external: true` will load this font family from `host` above.
  # `family: Times New Roman`. Without any quotes.
  # `size: x.x`. Use `em` as unit. Default: 1 (16px)
 
  # Global font settings used for all elements inside <body>.
  # 全局字体设置
  global:
    external: true
    #family: EB Garamond
    family: Noto Serif SC
    size: 0.9
 
  # Font settings for site title (.site-title).
  # .site-title 站点标题字体设置
  title:
    external: true
    family: EB Garamond
    size:
 
  # Font settings for headlines (<h1> to <h6>).
  # 文章标题字体设置
  headings:
    external: true
    #family: Roboto Slab
    family: EB Garamond
    size:
 
  # Font settings for posts (.post-body).
  # 文章页面字体设置
  posts:
    external: true
    #family: Roboto Slab
 
  # Font settings for <code> and code blocks.
  # 代码块字体设置
  codes:
    external: true
    family: Source Code Pro

首页顶部留白

在 root/source/_data/styles.styl 里添加如下内容：

//首页顶部留白
.main{margin-top:10px;}

鼠标样式

1.在 root/source/_data/styles.styl 里添加样式： 

// 鼠标样式
  * {
      cursor: url(/images/default.cur),auto!important
  }
  :link {
      cursor: url(/images/pointer.cur),auto!important
  }
2.将下面两个文件放在 root/themes/next/source/images/ 下。
default.cur pointer.cur

鼠标点击烟花效果

1.下载 JavaScript 脚本，放在 root/themes/next/source/js/cursor/ 下。
2.在 root/themes/next/layout/_custom/custom.njk 中添加如下内容：

{# 鼠标点击烟花特效 #}
{% if theme.cursor_effect == "fireworks" %}
  <script async src="/js/cursor/fireworks.js"></script>
{% elseif theme.cursor_effect == "explosion" %}
  <canvas class="fireworks" style="position: fixed;left: 0;top: 0;z-index: 1; pointer-events: none;" ></canvas>
  <script src="//cdn.bootcss.com/animejs/2.2.0/anime.min.js"></script>
  <script async src="/js/cursor/explosion.min.js"></script>
{% elseif theme.cursor_effect == "love" %}
  <script async src="/js/cursor/love.min.js"></script>
{% elseif theme.cursor_effect == "text" %}
  <script async src="/js/cursor/text.js"></script>
{% endif %}
3.在 root/themes/next/layout/_layout.njk 中添加{% include '_custom/custom.swig' %}。位置如下：
4.在主题配置文件加入以下内容：
# 鼠标点击烟花特效
cursor_effect: fireworks

渲染 mathjax

1.卸载 hexo-math，使用 hexo-renderer-mathjax：

npm uninstall hexo-math --save
npm install hexo-renderer-mathjax --save
2.卸载原来的渲染器 hexo-renderer-marked，使用 hexo-renderer-pandoc 作为 Hexo 的 Markdown 渲染器：
npm un hexo-renderer-marked
npm i hexo-renderer-pandoc
3.在Pandoc 官网下载 Pandoc，安装后重启电脑。

文件跳过渲染

修改站点配置文件中的 skip_render 配置项。

只有 source 目录下的文件才会发布，因此 Hexo 只渲染 source 目录下的文件。skip_render 参数设置的路径是相对于 source 目录的路径。

#单个文件
skip_render: hello.html

#单个文件夹下全部文件
skip_render: test/* 

#单个文件夹下指定类型文件
skip_render: test/*.md  

#单个文件夹下全部文件以及子目录
skip_render: test/**  

#跳过多个目录，或者多个文件
skip_render: ['*.html', demo/**, test/*]

配置主题加载动画

在主题配置文件中找到 motion 项进行配置。
Next 主题支持的动画可在这里查看。

motion:
  enable: true
  async: true
  transition:
    # All available transition variants: https://theme-next.js.org/animate/
    post_block: fadeIn		# 文章板块动画
    post_header: fadeInDown	# 文章标题动画
    post_body: fadeInDown	# 文章内容动画
    coll_header: fadeInLeft
    # Only for Pisces | Gemini.
    sidebar: fadeInUp		# 侧边栏动画
配置 post-header 和 post-body 的 visibility 属性为 inherit，使其继承父元素的 visibility 属性的值，可让文章标题和内容与其他元素同步加载。
.use-motion .post-header, .use-motion .post-body{
	visibility: inherit
}

侧边栏配置

侧边栏头像

将头像（jpg、gif）放到 root/themes/next/source/images 下，打开主题配置文件，修改 avatar 的 url：

# Sidebar Avatar
avatar:
  # Replace the default image and set the url here.
  url: /images/avatar.gif	#图片的位置，也可以是链接：http://xxx.com/avatar.png
  # If true, the avatar will be displayed in circle.
  rounded: true		#头像展示在圆框里
  # If true, the avatar will be rotated with the cursor.
  rotated: false		#头像随光标旋转

添加 social 链接

打开主题配置文件，在 social 下添加链接：

social:
  GitHub: https://github.com/reman2021 || fab fa-github
  CSDN: https://blog.csdn.net/m0_55420671?spm=1010.2135.3001.5343 || fab fa-codiepie
  RSS: /atom.xml || fa fa-rss

更改侧边栏和菜单栏透明度

在更改菜单栏透明度后，本地搜索出现了问题，暂未解决

在 root/source/_data/styles.styl 里添加如下内容： 

//侧边框的透明度设置
.sidebar {
  opacity: 0.9;
}
​
//菜单栏的透明度设置
.header-inner {
  opacity: 0.9;
}

侧边栏添加 canvas 粒子时钟

1.在 root/themes/next/layout/_custom/ 目录下新建 clock.njk 文件，添加如下内容： 

<div style="">
  <canvas id="canvas" style="width:60%;">当前浏览器不支持canvas，请更换浏览器后再试</canvas>
</div>
<script>
(function(){

   var digit=
    [
        [
            [0,0,1,1,1,0,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,0,1,1,0],
            [0,0,1,1,1,0,0]
        ],//0
        [
            [0,0,0,1,1,0,0],
            [0,1,1,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [1,1,1,1,1,1,1]
        ],//1
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,1,1],
            [1,1,1,1,1,1,1]
        ],//2
        [
            [1,1,1,1,1,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,1,1,0],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//3
        [
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,1,0],
            [0,0,1,1,1,1,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,1,1,0],
            [1,1,1,1,1,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,1,1]
        ],//4
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,1,1,1,1,0],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//5
        [
            [0,0,0,0,1,1,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//6
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0]
        ],//7
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//8
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,1,1,0,0,0,0]
        ],//9
        [
            [0,0,0,0,0,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,0,0,0],
            [0,0,0,0,0,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,0,0,0]
        ]//:
    ];

var canvas = document.getElementById('canvas');

if(canvas.getContext){
    var cxt = canvas.getContext('2d');
    //声明canvas的宽高
    var H = 100,W = 700;
    canvas.height = H;
    canvas.width = W;
    cxt.fillStyle = '#f00';
    cxt.fillRect(10,10,50,50);

    //存储时间数据
    var data = [];
    //存储运动的小球
    var balls = [];
    //设置粒子半径
    var R = canvas.height/20-1;
    (function(){
        var temp = /(\d)(\d):(\d)(\d):(\d)(\d)/.exec(new Date());
        //存储时间数字，由十位小时、个位小时、冒号、十位分钟、个位分钟、冒号、十位秒钟、个位秒钟这7个数字组成
        data.push(temp[1],temp[2],10,temp[3],temp[4],10,temp[5],temp[6]);
    })();

    /*生成点阵数字*/
    function renderDigit(index,num){
        for(var i = 0; i < digit[num].length; i++){
            for(var j = 0; j < digit[num][i].length; j++){
                if(digit[num][i][j] == 1){
                    cxt.beginPath();
                    cxt.arc(14*(R+2)*index + j*2*(R+1)+(R+1),i*2*(R+1)+(R+1),R,0,2*Math.PI);
                    cxt.closePath();
                    cxt.fill();
                }
            }
        }
    }

    /*更新时钟*/
    function updateDigitTime(){
        var changeNumArray = [];
        var temp = /(\d)(\d):(\d)(\d):(\d)(\d)/.exec(new Date());
        var NewData = [];
        NewData.push(temp[1],temp[2],10,temp[3],temp[4],10,temp[5],temp[6]);
        for(var i = data.length-1; i >=0 ; i--){
            //时间发生变化
            if(NewData[i] !== data[i]){
                //将变化的数字值和在data数组中的索引存储在changeNumArray数组中
                changeNumArray.push(i+'_'+(Number(data[i])+1)%10);
            }
        }
        //增加小球
        for(var i = 0; i< changeNumArray.length; i++){
            addBalls.apply(this,changeNumArray[i].split('_'));
        }
        data = NewData.concat();
    }

    /*更新小球状态*/
    function updateBalls(){
        for(var i = 0; i < balls.length; i++){
            balls[i].stepY += balls[i].disY;
            balls[i].x += balls[i].stepX;
            balls[i].y += balls[i].stepY;
            if(balls[i].x > W + R || balls[i].y > H + R){
                balls.splice(i,1);
                i--;
            }
        }
    }

    /*增加要运动的小球*/
    function addBalls(index,num){
        var numArray = [1,2,3];
        var colorArray =  ["#3BE","#09C","#A6C","#93C","#9C0","#690","#FB3","#F80","#F44","#C00"];
        for(var i = 0; i < digit[num].length; i++){
            for(var j = 0; j < digit[num][i].length; j++){
                if(digit[num][i][j] == 1){
                    var ball = {
                        x:14*(R+2)*index + j*2*(R+1)+(R+1),
                        y:i*2*(R+1)+(R+1),
                        stepX:Math.floor(Math.random() * 4 -2),
                        stepY:-2*numArray[Math.floor(Math.random()*numArray.length)],
                        color:colorArray[Math.floor(Math.random()*colorArray.length)],
                        disY:1
                    };
                    balls.push(ball);
                }
            }
        }
    }

    /*渲染*/
    function render(){
        //重置画布宽度，达到清空画布的效果
        canvas.height = 100;
        //渲染时钟
        for(var i = 0; i < data.length; i++){
            renderDigit(i,data[i]);
        }
        //渲染小球
        for(var i = 0; i < balls.length; i++){
            cxt.beginPath();
            cxt.arc(balls[i].x,balls[i].y,R,0,2*Math.PI);
            cxt.fillStyle = balls[i].color;
            cxt.closePath();
            cxt.fill();
        }
    }

    clearInterval(oTimer);
    var oTimer = setInterval(function(){
        //更新时钟
        updateDigitTime();
        //更新小球状态
        updateBalls();
        //渲染
        render();
    },50);
}

})();
</script>

2.在 root_macro.njk 中引入如下代码4：

{% if theme.diy_time.clock %}
  <!-- canvas粒子时钟 -->
  {% include '../_custom/clock.swig' %}
{% endif %}

3.在主题配置文件中加入应用代码： 

# 侧栏粒子时钟
diy_time:
  runtime: true 
  clock: true # 粒子时钟

侧边栏添加日历云

1.安装 theme-next-calendar 插件

npm install --save git://github.com/icecory/theme-next-calendar#hexo
2.在theme-next-calendar下载相关文件后解压放到 root/themes/next/source/lib/ 目录下，文件夹命名为 calendar。
3.将 calendar.styl 中的代码直接复制到 root/source/_data/styles.styl 中。

为适应夜间模式，可将日历云背景色改为背板颜色 

/*全句背景色*/
//background-color #EEEEEE
background-color var(--content-bg-color);

4.在 root/themes/next/layout 下新建 calendar.njk 文件，将下载的 calendar.swig 文件里的代码复制到里面。
5.然后在 themes/next/layout/_layout.njk 里加入下面代码：
{% include 'calendar.njk' %}
6.在主题配置文件最后加入下面代码，并找到 custom_file_path 取消 sidebar 的注释： 
custom_file_path:
  sidebar: source/_data/sidebar.njk

CloudCalendar:
  enable: true
  language: zh-CN #设置语言
  single: true
  root: /calendar/
7.在 root/source/_data/sidebar.njk 添加如下代码：

<!-- CloudCalendar -->
<div class="widget-wrap" style="width: 90%;margin-left: auto;margin-right: auto; opacity: 0.97;">
<div class="widget" id="CloudCalendar"></div>
</div>

与雪花背景一起添加在 _layout.njk 里时，应都放在<body></body>外，且雪花背景代码在前，不然会发生冲突导致日历云消失，原因不明。

添加标签云

1.执行命令npm install hexo-tag-cloud@^2.1.* --save安装标签云插件。
2.在 root/theme/next/layout/_macro/sidebar.njk 文件添加如下代码：

{% if site.tags.length > 1 %}
<script type="text/javascript" charset="utf-8" src="/js/tagcloud.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/tagcanvas.js"></script>
<div class="widget-wrap">
    <h3 class="widget-title">Tag Cloud</h3>
    <div id="myCanvasContainer" class="widget tagcloud">
        <canvas width="240" height="180" id="resCanvas" style="width=100%">
            {{ list_tags() }}
        </canvas>
    </div>
</div>
{% endif %}

3.在站点配置文件添加相应的配置项 
# hexo-tag-cloud
tag_cloud:
    textFont: Trebuchet MS, Helvetica
    textColor: '#621d34'
    textHeight: 18
    outlineColor: '#e9d7df'
    maxSpeed: 0.05 # range from [0.01 ~ 1]
    pauseOnSelected: false # true means pause the cloud tag movement when highlight a tag

页脚配置

设置建站时间和网站运行时间

设置建站时间

打开主题配置文件，在 since 后添加建站时间：

footer:
  # Specify the year when the site was setup. If not defined, current year will be used.
  since: 2021-08-11		#建站时间

页脚添加网站运行时间

将下面代码添加到 root/themes/next/layout/_partials/footer.njk 文件的合适位置，修改var t1 = Date.UTC(2021,08,11,00,00,00);为自己的建站时间。

<span id="sitetime"></span>
<script language=javascript>
	function siteTime(){
		window.setTimeout("siteTime()", 1000);
		var seconds = 1000;
		var minutes = seconds * 60;
		var hours = minutes * 60;
		var days = hours * 24;
		var years = days * 365;
		var today = new Date();
		var todayYear = today.getFullYear();
		var todayMonth = today.getMonth()+1;
		var todayDate = today.getDate();
		var todayHour = today.getHours();
		var todayMinute = today.getMinutes();
		var todaySecond = today.getSeconds();
		/* 
		Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
		year - 作为date对象的年份，为4位年份值
		month - 0-11之间的整数，做为date对象的月份
		day - 1-31之间的整数，做为date对象的天数
		hours - 0(午夜24点)-23之间的整数，做为date对象的小时数
		minutes - 0-59之间的整数，做为date对象的分钟数
		seconds - 0-59之间的整数，做为date对象的秒数
		microseconds - 0-999之间的整数，做为date对象的毫秒数
        */
		var t1 = Date.UTC(2021,08,11,00,00,00); //北京时间2021-8-11 00:00:00
		var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
		var diff = t2-t1;
		var diffYears = Math.floor(diff/years);
		var diffDays = Math.floor((diff/days)-diffYears*365);
		var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
		var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
		var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
		document.getElementById("sitetime").innerHTML=" 本站已悄悄运行"+/*diffYears+" 年 "+*/diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";
	}
	siteTime();
</script>

底部图标配置

在主题配置文件里找到 footer 下的 icon 配置项进行修改 

# Icon between year and copyright info.
icon:
  # Icon name in Font Awesome. See: https://fontawesome.com/icons
  name: fa fa-heart	#图标名称，来源Font Awesome图标库
  # If you want to animate the icon, set it to true.
  animated: true		#图标跳动
  # Change the color of icon, using Hex Code.
  color: "#ff0000"	#图标颜色

文章配置

修改首页分页文章数

在站点配置文件中找到 index_generator，修改 per_page 项：

index_generator:
  path: ''
  per_page: 5
  order_by: -date

关闭首页“阅读更多”按钮

在主题配置文件中找到 read_more_btn，修改其值为 false，即可关闭。

显示文章字数和阅读时长

1.根目录打开 Git Bash ，执行下面的命令，安装插件：

npm install hexo-wordcount --save
2.然后在站点配置文件末尾加上下面的代码：

symbols_count_time:
  symbols: true                # 文章字数统计
  time: true                   # 文章阅读时长
  total_symbols: true          # 站点总字数统计
  total_time: true             # 站点总阅读时长
  exclude_codeblock: false     # 排除代码字数统计

自定义博文内链接颜色

在 root/themes/next/source/css/_common/components/post/post.styl 文件里添加如下代码：

.post-body p a{
     color: #ba2f7b;		//链接颜色
     border-bottom: none;
     &:hover {
       color: #815c94;		//光标悬停时链接颜色
       text-decoration: underline;
     }
   }

文章末尾添加结束标记

1.在 root/themes/next/layout/_macro 中新建 passage-end-tag.njk 文件,并添加以下内容，分割线中间内容可自定义：

<div>
    {% if not is_index %}
        <div style="text-align:center;color: #ccc;font-size:24px;">--------------------------  <i class="fa fa-battery-full" aria-hidden="true"></i>  --------------------------</div>
    {% endif %}
</div>
2.打开 root/themes/next/layout/_macro/post.njk 文件，在 END POST BODY 后添加代码：
{% if not is_index and theme.passage_end_tag.enabled %}
  <div>
    {% include 'passage-end-tag.swig' %}
  </div>
{% endif %}
具体位置如图：

文章添加版权说明

在主题配置文件中找到 creative_commons 进行修改： 

creative_commons:
  license: by-nc-sa
  sidebar: true
  post: true  		# 将false改为true即可显示版权信息
  language:

文章版权样式自定义

1.在目录 root/themes/next/layout/_macro/ 下添加 my-copyright.njk，内容如下：

{% if page.copyright %}
<div class="my_post_copyright">
  <script src="//cdn.bootcss.com/clipboard.js/1.5.10/clipboard.min.js"></script>
  
  <!-- JS库 sweetalert 可修改路径 -->
  <script type="text/javascript" src="http://jslibs.wuxubj.cn/sweetalert_mini/jquery-1.7.1.min.js"></script>
  <script src="http://jslibs.wuxubj.cn/sweetalert_mini/sweetalert.min.js"></script>
  <link rel="stylesheet" type="text/css" href="http://jslibs.wuxubj.cn/sweetalert_mini/sweetalert.mini.css">

  <p><span>本文标题:</span>{{ page.title }}</a></p>
  <p><span>文章作者:</span>{{ author }}</a></p>
  <p><span>发布时间:</span>{{ page.date.format("YYYY年MM月DD日 - HH:mm:ss") }}</p>
  <p><span>最后更新:</span>{{ page.updated.format("YYYY年MM月DD日 - HH:mm:ss") }}</p>
  <p><span>原始链接:</span><a href="{{ url_for(page.path) }}" title="{{ page.title }}">{{ page.permalink }}</a>
    <span class="copy-path"  title="点击复制文章链接"><i class="fa fa-clipboard" data-clipboard-text="{{ page.permalink }}"  aria-label="复制成功！"></i></span>
  </p>
  <p><span>许可协议:</span><i class="fa fa-creative-commons"></i> <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" title="Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)">署名-非商业性使用-禁止演绎 4.0 国际</a> 转载请保留原文链接及作者。</p>  
</div>
<script> 
    var clipboard = new Clipboard('.fa-clipboard');
    clipboard.on('success', $(function(){
      $(".fa-clipboard").click(function(){
        swal({   
          title: "",   
          text: '复制成功',   
          html: false,
          timer: 500,   
          showConfirmButton: false
        });
      });
    }));  
</script>
{% endif %}
2.在目录 root/themes/next/source/css/_common/components/post/ 下添加 my-post-copyright.styl，内容如下:
.my_post_copyright {
  width: 85%;
  max-width: 45em;
  margin: 2.8em auto 0;
  padding: 0.5em 1.0em;
  border: 1px solid #d3d3d3;
  font-size: 0.93rem;
  line-height: 1.6em;
  word-break: break-all;
  background: rgba(255,255,255,0.4);
}
.my_post_copyright p{margin:0;}
.my_post_copyright span {
  display: inline-block;
  width: 5.2em;
  color: #333333; // title color
  font-weight: bold;
}
.my_post_copyright .raw {
  margin-left: 1em;
  width: 5em;
}
.my_post_copyright a {
  color: #808080;
  border-bottom:0;
}
.my_post_copyright a:hover {
  color: #0593d3; // link color
  text-decoration: underline;
}
.my_post_copyright:hover .fa-clipboard {
  color: #000;
}
.my_post_copyright .post-url:hover {
  font-weight: normal;
}
.my_post_copyright .copy-path {
  margin-left: 1em;
  width: 1em;
  +mobile(){display:none;}
}
.my_post_copyright .copy-path:hover {
  color: #808080;
  cursor: pointer;
}
3.在 root/themes/next/layout/_macro/post.njk 添加如下代码：
{#####################}
{### END POST BODY ###}
{#####################}

{% if not is_index %}
  <div>
    {% include 'my-copyright.njk' %}
  </div>
{% endif %}
4.打开 root/themes/next/source/css/_common/components/post/index.styl 文件，在最后一行增加代码：
@import "my-post-copyright"
5.设置新建文章自动开启 copyright ，即新建文章自动显示自定义的版权声明，打开 root/scaffolds/post.md 文件，设置如下：
---
title: {{ title }}
date: {{ date }}
copyright: true 
---

  • 注：之前发布的文章需在文章配置内添加属性 copyright: true。

代码样式自定义

在 root/source/_data/styles.styl 添加以下内容： 

// Custom styles.
code {
    color: #B22222;			//代码颜色
    background: #fbf7f8;	//代码背景颜色
    margin: 5px;
}

代码块样式更改

在主题配置文件里找到 codeblock 进行修改，代码块主题可到 NexT Highlight Theme Preview 预览。

codeblock:
  # Code Highlight theme
  # All available themes: https://theme-next.js.org/highlight/
  theme:
    light: default
    dark: stackoverflow-dark
  prism:
    light: prism
    dark: prism-dark
  # Add copy button on codeblock
  copy_button:
    enable: true
    # Available values: default | flat | mac
    style: mac

文章目录默认展开

如果文章内容是多级目录，默认二级目录是合并的。可更改主题配置文件中 toc 的 expand_all 为 true 来让文章目录默认展开。

toc:
  enable: true
  # Automatically add list number to toc.
  number: true
  # If true, all words will placed on next lines if header width longer then sidebar width.
  wrap: false
  # If true, all level of TOC in a post will be displayed, rather than the activated part of it.
  expand_all: true
  # Maximum heading depth of generated toc.
  max_depth: 6

更改背板透明度[^touming]

在 root/source/_data/styles.styl 里添加如下内容：

//文章背板透明度
.post-block{
  opacity: 0.9;
}

修改标题下文章描述文字的颜色

在 root/source/_data/styles.styl 里添加如下内容：

.posts-expand .post-meta-container {	//标题下的文字颜色
    color: #346c9c;
}

设置文章永久链接

这里介绍两种方法：

  • 配置自定义 permalink 的属性
  • 使用 hexo-abbrlink 插件生成链接

1.在站点配置文件找到 permalink，设置如下：

permalink: posts/:year:month:day:id.html
2.在 md 文件里给文章添加一个 id 属性以区分同一天发表的文章： 
---
title: 
date: 
id: a1
tags: 
---

1.插件下载：
npm install hexo-abbrlink --save
2.在站点配置文件找到 permalink，设置如下：

permalink: posts/abbrlink.html

abbrlink: 
	alg: crc32	#算法 crc16(defualt) and crc32
	rep: hex	#进制 dec(default) and hex

更改文章底部标签图标

修改主题配置文件的 tag_icon： 

tag_icon: fa-tag

使用 mermaid 绘图

1.安装插件：
npm install hexo-filter-mermaid-diagrams --save
2.修改主题配置文件： 

# Mermaid tag
mermaid:
  enable: true

其他自定义样式

先在 themes/next/source/css/_custom/custom.styl 中添加以下样式： 

// 下载样式
a#download {
display: inline-block;
padding: 0 10px;
color: #000;
background: transparent;
border: 2px solid #000;
border-radius: 2px;
transition: all .5s ease;
font-weight: bold;
&:hover {
background: #000;
color: #fff;
}
}
//颜色块-黄
span#inline-yellow {
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #f0ad4e;
}
// 颜色块-绿
span#inline-green {
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #5cb85c;
}
// 颜色块-蓝
span#inline-blue {
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #2780e3;
}
// 颜色块-紫
span#inline-purple {
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #9954bb;
}
// 右侧边框红色块级
p#div-border-right-red {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #df3e3e;
}
// 右侧边框黄色块级
p#div-border-right-yellow {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #f0ad4e;
}
// 右侧边框绿色块级
p#div-border-right-green {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #5cb85c;
}
// 右侧边框蓝色块级
p#div-border-right-blue {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #2780e3;
}
// 右侧边框紫色块级
p#div-border-right-purple {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #9954bb;
}
// 上侧边框红色
p#div-border-top-red {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #df3e3e;
}
// 上侧边框黄色
p#div-border-top-yellow {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #f0ad4e;
}
// 上侧边框绿色
p#div-border-top-green {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #5cb85c;
}
// 上侧边框蓝色
p#div-border-top-blue {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #2780e3;
}
// 上侧边框紫色
p#div-border-top-purple {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #9954bb;
}

文字背景色块

<span id="inline-blue">站点配置文件</span>，
<span id="inline-purple">主题配置文件</span>

站点配置文件， 主题配置文件

引用边框变色

<p id="div-border-right-red">div-border-right-red </p>
<p id="div-border-top-blue">div-border-top-blue</p>

div-border-right-red

div-border-top-blue

图形边框效果

<a id="download" href="https://git-scm.com/download/win"><i class="fa fa-download"></i><span> Download Now</span>
</a>

Download Now

使用 Hexo & Next 支持的标签

详见 Hexo & Next 标签使用说明

SEO(搜索引擎优化)

搜索引擎提交入口：
- Google提交入口
- 百度提交入口

Google 验证网站

1.打开 Google Search Console，添加网域资源。
2.通过 TXT 记录验证。 3.按照提示添加解析记录
4.完成验证。

百度验证网站

1.登录百度站长添加网站域名。
2.选择 CNAME 验证。
3.按照提示把地址解析到 ziyuan.baidu.com。
4.完成验证。

添加并提交sitemap

1.安装 hexo 的 sitemap 网站地图生成插件： 

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
2.在站点配置文件中添加如下代码： 
# hexo sitemap
sitemap:
  path: sitemap.xml

baidusitemap:
  path: baidusitemap.xml
配置成功后，会生成 sitemap.xml 和 baidusitemap.xml，前者适合提交给谷歌搜素引擎, 后者适合提交百度搜索引擎。
3.提交百度 sitemap，如下： 4.提交 Google sitemap

添加蜘蛛协议

1.在 /source 目录下新建一个 robots.txt 文件，添加代码： 

#hexo robots.txt
User-agent: *

Allow: /
Allow: /archives/
Allow: /about/
Allow: /categories/
Allow: /bookmarks/
Allow: /gallery/

Disallow: /vendors/
Disallow: /js/
Disallow: /css/
Disallow: /fonts/
Disallow: /vendors/
Disallow: /fancybox/

Sitemap: http://zcw-blog.top/search.xml
Sitemap: http://zcw-blog.top/sitemap.xml
Sitemap: http://zcw-blog.top/baidusitemap.xml
Allow 字段的值即为允许搜索引擎爬取的内容，可以对应到主题配置文件中的 menu 目录配置，如果菜单栏还有其他选项都可以按照格式自行添加。同时还需将 Sitemap 的值改成自己的域名。
2.然后到百度站长更新一下：
3.在 Google 更新一下

主动推送

1.安装主动推送插件： 

npm install hexo-baidu-url-submit --save
2.在站点配置文件中添加如下代码： 
baidu_url_submit:
  count: 3 ## 比如3, 代表提交最新的三个链接
  host: www.henvyluk.com ## 在百度站长平台中注册的域名
  token: your_token ## 请注意这是您的秘钥, 请不要发布在公众仓库里!
  path: baidu_urls.txt ## 文本文档的地址, 新链接会保存在此文本文档里
3.your_token 可在百度站长如下位置找到 4.记得查看站点配置文件中 url 的值，必须是百度站长平台注册的域名，如： 
# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://zcw-blog.top
5.接下来添加一个新的 deploy 的类型 baidu_url_submitter： 
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
- type: git
  repository: 
    github: git@github.com:reman2021/reman2021.github.io.git,main	#github的仓库地址
    coding: git@e.coding.net:reman/reman/reman.git,master		#coding的仓库地址
 # branch: 
    #github: main
   # coding: master
- type: baidu_url_submitter
执行hexo deploy的时候, 新的连接就会被推送了。

原理：
- 新链接的产生：hexo generate会产生一个文本文件，里面包含最新的链接
- 新链接的提交：hexo deploy会从上述文件中读取链接，提交至百度搜索引擎

自动推送

把主题配置文件中的 baidu_push 设置为 true 即可。

自动给所有外部链接添加 nofollow

1.安装 hexo-autonofollow：

npm install hexo-autonofollow --save
2.新增以下内容到站点配置文件： 
# 外部链接优化
nofollow:
    enable: true
    exclude:     # 例外的链接，可将友情链接放置此处
    - 'yousite'

网络爬虫会在当前页面搜索所有的链接，然后一个个查看，所以就很有可能跳到别的网站就不回来了。这个时候就需要 nofollow 起作用了。 nofollow 标签是由谷歌领头创新的一个反垃圾链接的标签，并被百度、yahoo 等各大搜索引擎广泛支持，引用 nofollow 标签的目的是：用于指示搜索引擎不要追踪（即抓取）网页上的带有 nofollow 属性的任何出站链接，以减少垃圾链接的分散网站权重。

参考文章

NexT使用文档
Hexo博客Next主题添加粒子时钟特效
Next7.8主题更换思源宋体
Hexo设置永久链接
Hexo-NexT 支持简体繁体一键切换
基于Hexo搭建个人博客——进阶篇(从入门到入土)
https://www.liaofuzhan.com/posts/2114475547.html
2019Hexo博客Next主题深度美化 打造一个炫酷博客(2)

  1. 发光体的颜色模式为“加色模式”，即“RGB模式”，而在网页上要指定一种颜色，就要使用“RGB模式”来确定，方法是分别指定 R/G/B，也就是红/绿/蓝三种基色的强度，通常规定，每一种颜色强度最低为 0，最高为 255，并通常都以 16 进制数值表示，那么 255 对应于十六进制就是 FF，并把三个数值依次并列起来，以 # 开头就是颜色的十六进制代码。↩︎

  2. RSS 需要有一个 Feed 链接，而这个链接需要靠 hexo-generator-feed 插件来生成。↩︎

  3. 简体繁体切换的原理：首先建立一个简体字与繁体字相对应的映射表，然后遍历整个界面，把相应的简体字或者是繁体字映射为对应的字体。↩︎

  4. 代码块要放置在 sider-inner 的 div 块中，放在 div 块的位置决定了时钟样式的展示位置。↩︎

]]> 维护日志 搭建博客 NexT Markdown 语法详解及使用技巧 /posts/20210819a1/

Markdown 是一种轻量级的标记语言，可用于在纯文本文档中添加格式化元素。Markdown 由 John Gruber 于 2004 年创建，如今已成为世界上最受欢迎的标记语言之一。
本文详细记录了 Markdown 常用语法及使用技巧。

Markdown简介

Markdown 是一种轻量级标记语言，排版语法简洁，让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与 HTML 混编，可导出 HTML、PDF 以及本身的 .md 格式的文件。且 Markdown 的语法十分简单，常用的标记符号不超过十个，用于日常写作记录绰绰有余，不到半小时就能完全掌握。但就是这十个不到的标记符号，却能让人优雅地沉浸式记录，专注内容而不是纠结排版，达到「心中无尘，码字入神」的境界。

Markdown基本语法速查表

这些是 John Gruber 的原始设计文档中列出的元素。所有 Markdown 应用程序都支持这些元素。

元素 Markdown语法 MarkdownPad2快捷键
标题（Heading） # H Ctrl+1
粗体（Bold） **bold text** Ctrl+B
斜体（Italic） *italicized text* Ctrl+I
引用块（Blockquote） > blockquote Ctrl+Q
有序列表（Ordered List） 1. First item Ctrl+Shift+O
无序列表（Unordered List） - First item Ctrl+U
代码（Code） `code` Ctrl+K
分隔线（Horizontal Rule） --- Ctrl+R
链接（Link） [title](https://www.example.com) Ctrl+L
图片（Image） ![alt text](image.jpg) Ctrl+G

基本语法

标题（Heading）

创建标题：在单词或短语前面添加井号 (#) 。# 的数量代表了标题的级别。例如，添加三个 # 表示创建一个三级标题 (<h3>)： ### My Header 注意用一个空格在 # 和标题之间进行分隔。

标题的Markdown语法与HTML的对应关系如下：

Markdown语法 HTML
# Heading level 1 <h1>Heading level 1</h1>
## Heading level 2 <h2>Heading level 2</h2>
### Heading level 3 <h3>Heading level 3</h3>

注：最多只能添加六个 # ，即只能到六级标题，无七级标题。

也可以在文本下方添加任意数量的 == 号来标识一级标题，或者 -- 号来标识二级标题。
一级标题：
Heading level 1 =============== 二级标题：
Heading level 2 ---------------

段落（Paragraph）

创建段落：使用空白行将一行或多行文本进行分隔。注意不要用空格（spaces）或制表符（ tabs）缩进段落。
实现效果如下：

I really like using Markdown.

I think I'll use it to format all of my documents from now on

换行（Line Break）

在一行的末尾添加两个或多个空格，然后按回车键,即可换行(<br>)。
几乎每个 Markdown 应用程序都支持两个或多个空格进行换行，称为结尾空格（trailing whitespace) ，但因为很难在编辑器中直接看到空格所以颇有争议，且很多人都会有意或无意地在每个句子后面添加两个空格。因此，我们可以使用另一种换行方式：HTML 的<br>标签。
其实还有还有两种其他方式，但是为了确保兼容性，建议就使用行尾添加“结尾空格”或 HTML 的<br>标签的方式来实现换行。

强调语法：粗体（Bold）、斜体（Italic）

粗体（Bold）

加粗文本：在单词或短语的前后各添加两个星号（asterisks）或下划线（underscores）。
加粗一个单词或短语的中间部分：在要加粗部分的两侧各添加两个星号（asterisks）。

如下表：

Markdown语法 HTML 效果
I love **bold text**. I love <strong>bold text</strong>. I love bold text.
I love __bold text__ . I love <strong>bold text</strong>. I love bold text.
tobe**or**nottobe tobe<strong>or</strong>nottobe tobeornottobe

斜体（Italic）

斜体显示文本：在单词或短语前后添加一个星号（asterisk）或下划线（underscore）。
斜体突出单词的中间部分：在字母前后各添加一个星号，中间不要带空格。

如下表：

Markdown语法 HTML 效果
Italicized text is the *cat's meow*. Italicized text is the <em>cat's meow</em>. Italicized text is the cat's meow.
Italicized text is the _cat's meow_. Italicized text is the <em>cat's meow</em>. Italicized text is the cat's meow.
*tobe*or*nottobe* <em>tobe</em>or<em>nottobe</em> tobeornottobe

粗体（Bold）& 斜体（Italic）

要让文本又粗又斜，只需在单词或短语的前后各添加三个星号或下划线。要加粗并用斜体显示单词或短语的中间部分，则在要突出显示的部分前后各添加三个星号，中间不要带空格。

如下表：

Markdown语法 HTML 效果
This text is ***really important***. This text is <strong><em>really important</em></strong>. This text is really important.
This text is ___really important___. This text is <strong><em>really important</em></strong>. This text is really important.
This text is __*really important*__. This text is <strong><em>really important</em></strong>. This text is really important.
This text is **_really important_**. This text is <strong><em>really important</em></strong>. This text is really important.
This text is very***very***important. This text is very<strong><em>very</em></strong>important. This text is veryveryimportant.

引用块（Blockquote）

单段落

创建引用块：在段落前添加一个 > 符号。 

> To be or not to be

渲染效果如下：

To be or not to be

多段落

创建多个段落的块引用：除了在段落前添加一个 > 符号，还要在段落之间的空白行添加一个 > 符号

> "Il n'ya qu'un héroïsme au monde : c'est de voir le monde tel qu'il est et de l'aimer."
> 
>  Romain Rolland

渲染效果如下：

"Il n'ya qu'un héroïsme au monde : c'est de voir le monde tel qu'il est et de l'aimer."

Romain Rolland

嵌套

引用还可以嵌套：在要嵌套的段落前添加一个 >> 符号即可。 

> Romain Rolland
> 
>>  "Il n'ya qu'un héroïsme au monde : c'est de voir le monde tel qu'il est et de l'aimer."

渲染效果如下：

Romain Rolland

"Il n'ya qu'un héroïsme au monde : c'est de voir le monde tel qu'il est et de l'aimer."

带有其它元素的块引用

块引用可以包含其他 Markdown 格式的元素。并非所有元素都能生效，可以自行实验哪些元素有效。
例如： 

> #### The quarterly results look great!
>
> - Revenue was off the chart.
> - Profits were higher than ever.
>
>  *Everything* is going according to **plan**.

效果如下：

The quarterly results look great!

  • Revenue was off the chart.
  • Profits were higher than ever.

Everything is going according to plan.

注：引用块最好与上下文各隔一个空行

列表（List）

列表包括有序列表和无序列表。

有序列表

创建有序列表：在每个列表项前添加数字并紧跟一个英文句点和空格。数字无须按数学顺序排列，但是应当以数字 1 起始。
例如下面三个有序列表是等价的： 

1. First item
2. Second item
3. Third item
4. Fourth item
1. First item
8. Second item
3. Third item
5. Fourth item
1. First item
1. Second item
1. Third item
1. Fourth item

效果如下：

  1. First item
  2. Second item
  3. Third item
  4. Fourth item

有序列表可进行嵌套： 

1. First item
2. Second item
3. Third item
    1. Indented item
    2. Indented item
4. Fourth item

效果如下：

  1. First item
  2. Second item
  3. Third item
    1. Indented item
    2. Indented item
  4. Fourth item

无序列表

要创建无序列表，请在每个列表项前面添加破折号 (-)、星号 (*) 或加号 (+) ，同时不要忘记加上空格。
如下三个无序列表也是等价的： 

- First item
- Second item
- Third item
- Fourth item
* First item
* Second item
* Third item
* Fourth item
+ First item
+ Second item
+ Third item
+ Fourth item

效果如下：

  • First item
  • Second item
  • Third item
  • Fourth item

无序列表同样可进行嵌套： 

- First item
- Second item
- Third item
    - Indented item
    - Indented item
- Fourth item

效果：

  • First item
  • Second item
  • Third item
    • Indented item
    • Indented item
  • Fourth item

在列表中嵌套其他元素

要在保留列表连续性的同时添加其他元素，要将该元素缩进四个空格或一个制表符（Tab），如下所示：

段落
*   This is the first list item.
*   Here's the second list item.

    I need to add another paragraph below the second list item.

*   And here's the third list item.

渲染效果如下：

  • This is the first list item.

  • Here's the second list item.

    I need to add another paragraph below the second list item.

  • And here's the third list item.

引用块
*   This is the first list item.
*   Here's the second list item.

    > A blockquote would look great below the second list item.

*   And here's the third list item.

渲染效果如下：

  • This is the first list item.

  • Here's the second list item.

    A blockquote would look great below the second list item.

  • And here's the third list item.

代码块

代码块通常采用四个空格或一个制表符缩进。当把它们被放入列表中，则要将它们缩进八个空格或两个制表符。 

1.  Open the file.
2.  Find the following code block on line 21:

        <html>
          <head>
            <title>Test</title>
          </head>

3.  Update the title to match the name of your website.

渲染效果如下：

  1. Open the file.

  2. Find the following code block on line 21:

    <html>
  <head>
    <title>Test</title>
  </head>

  3. Update the title to match the name of your website.

图片
1.  Open the file containing the Linux mascot.
2.  Marvel at its beauty.

    ![](https://fastly.jsdelivr.net/gh/reman2021/ImageHosting@main/zcw-blog-picture/linux.png)

3.  Close the file.

渲染效果如下：

  1. Open the file containing the Linux mascot.
  2. Marvel at its beauty.

  1. Close the file.
列表
1. First item
2. Second item
3. Third item
    - Indented item
    - Indented item
4. Fourth item

渲染效果如下： 1. First item 2. Second item 3. Third item - Indented item - Indented item 4. Fourth item

代码

将代码放在在反引号 (`) 中，如果代码包含一个或多个反引号，则将其包裹在双反引号中：

Markdown语法 HTML 效果
At the command prompt, type `nano`. At the command prompt, type <code>nano</code>. At the command prompt, type nano.
``Use `code` in your Markdown file.`` <code>Use `code` in your Markdown file.</code> Use `code` in your Markdown file.

代码块
创建代码块：将代码块的每一行缩进至少四个空格或一个制表符，效果如下：

<html>
  <head>
  </head>
</html>

个人觉得不如围栏代码块好看，且不用缩进，在拓展语法中会讲到。

分隔线（Horizontal Rule）

创建分隔线：在单独一行上使用三个及三个以上星号 (***)、破折号 (---) 或下划线 (___) 且不包含其他内容： 

***

---

_________________

渲染效果：

注意在分隔线的前后均添加空白行

超链接

超链接Markdown语法：[超链接显示名](超链接地址 "超链接title")
对应的HTML代码：<a href="超链接地址" title="超链接title">超链接显示名</a>
链接title是当鼠标悬停在链接上时会出现的文字，可以自行修改，它放在圆括号中链接地址的后面，跟链接地址之间以空格分隔。
例如： 

我的博客链接：[ZCW_Blog](http://zcw-blog.top "不来看看吗")

渲染效果如下：
我的博客链接：ZCW_Blog

超链接居中

Markdown 本身并没有居中语法，不过我们可以利用 HTML 语法来实现超链接居中，只需将超链接放在<center></center>之间，需要注意的是在 MarkdownPad2 中要将链接与<center></center>各隔一个空行，否则链接会失效。
例如： 
<center>

[ZCW_Blog](http://zcw-blog.top "不来看看吗")

</center>
效果如下：

ZCW_Blog

网址和 Email 地址

使用尖括号可以把 URL 或者 email 地址变成可点击的链接： 

<http://zcw-blog.top>
<a@example.com>

带格式化的链接

强调链接：在链接语法前后增加星号（*）。
将链接表示为代码：在方括号中添加反引号（`）。 

我的博客链接： **[ZCW_Blog](http://zcw-blog.top "不来看看吗")**
我的博客链接： *[ZCW_Blog](http://zcw-blog.top "不来看看吗")*
我的博客链接：[`ZCW_Blog`](http://zcw-blog.top "不来看看吗")

渲染效果如下：
我的博客链接： ZCW_Blog
我的博客链接： ZCW_Blog
我的博客链接：ZCW_Blog

引用链接

引用样式链接是一种特殊的链接,作用是使 URL 在 Markdown 中更易于显示和阅读，它分为两个部分：

第一部分

使用两组括号进行格式设置。第一组方括号内显示为链接的文本。第二组括号包含一个标签，该标签用于指向存储在文档其他位置的链接。 

[ZCW_Blog1][1]
[ZCW_Blog2][2]
[ZCW_Blog3][3]

第二部分

第二部分使用以下属性设置格式：
1. 放在括号中的标签，其后紧跟一个冒号和至少一个空格（例如[label]:）。
2. 链接的 URL ，可以选择将其括在尖括号中。
3. 链接的可选标题，可以将其括在双引号，单引号或括号中。
如下： 

[1]: http://zcw-blog.top "不来看看吗"
[2]: <http://zcw-blog.top> '来看看吧'
[3]: http://zcw-blog.top （快来看！）

然后将以上标签放在文章的任意位置，如文末，这样在 Markdown 编辑文章的时候链接的显示就会变得更加简洁。
渲染效果如下： ZCW_Blog1
ZCW_Blog2
ZCW_Blog3

图片（Image）

插入图片 Markdown 语法：![图片alt](图片链接或路径 "图片title")
对应的HTML代码：<img src="图片链接或路径" alt="图片alt" title="图片title">
插入图片建议使用图床生成图片链接，再直接复制粘贴即可。
我使用的是 Github + jsDelivr + PicGo 搭建的免费图床，详情可见

转义字符语法

如果要显示原本用于格式化 Markdown 文档的字符，请在字符前面添加反斜杠字符 () 。
以下列出的字符都可以通过使用反斜杠字符进行转义：

Character Name
\ backslash
` backtick
* asterisk
_ underscore
{} curly braces
[] brackets
() parentheses
# pound sign
+ plus sign
- minus sign (hyphen)
. dot
! exclamation mark
| pipe

文章编辑常用的基本语法差不多就以上这些，掌握之后就可以开始创作啦。 如果想了解拓展语法可以接着往下看：

拓展语法

注意免费版 MarkdownPads2 是不支持拓展语法的，需要升级为 Markdown（Extra），详见在Hexo博客上进行创作。拓展语法没有相应快捷键哦。

表格

添加表格：使用三个或多个连字符（---）创建每列的标题，并使用管道（|）分隔每列。 

| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

呈现的输出如下所示：

Syntax Description
Header Title
Paragraph Text

单元格宽度可以变化，但是呈现的输出不变： 

| Syntax | Description |
| --- | ----------- |
| Header | Title |
| Paragraph | Text |

Syntax Description
Header Title
Paragraph Text

Tip: 使用连字符和管道创建表可能很麻烦。可以尝试使用Markdown Tables Generator，通过图形界面构建表格，然后将生成的 Markdown 格式的文本复制到文件中。

对齐

可以通过在标题行中的连字符的左侧，右侧或两侧添加冒号（:），将列中的文本对齐到左侧，右侧或中心。 

| Syntax      | Description | Test Text     |
| :---        |    :----:   |          ---: |
| Header      | Title       | Here's this   |
| Paragraph   | Text        | And more      |

呈现的输出如下所示：

Syntax Description Test Text
Header Title Here's this
Paragraph Text And more

表格中可使用的文本格式

可以添加链接，代码（仅反引号（`）中的单词或短语，而不是代码块）和强调，但不能添加标题，块引用，列表，水平规则，图像或 HTML 标签。

合并单元格

Markdown 并没有合并单元格的相关语法，但是 Markdown 是兼容 HTML 的，因此可以通过 HTML 的方式实现单元格合并。相关内容可以参考Markdown表格合并单元格，于此不再赘述。

围栏代码块

创建围栏代码块：在代码块之前和之后的行上使用三个反引号（```）或三个波浪号（~~~）。 

```
	{
	  "firstName": "John",
	  "lastName": "Smith",
	  "age": 25
	}
```

呈现的输出如下所示： 

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
要在代码块中显示反引号，只需要用更多的反引号包裹就好了，跟套娃一样，例如： 
```` 
```
	{
	  "firstName": "John",
	  "lastName": "Smith",
	  "age": 25
	}
``` 
````
呈现的输出就是这样： 
```
	{
	  "firstName": "John",
	  "lastName": "Smith",
	  "age": 25
	}
```

语法高亮

使用此功能可以为编写代码的任何语言添加颜色突出显示，只要在受防护的代码块之前的反引号旁边指定一种语言即可。 

``` json
	{
	  "firstName": "John",
	  "lastName": "Smith",
	  "age": 25
	}
```
呈现的输出如下所示： 
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

脚注

脚注可以添加注释和参考。当创建脚注时，点击带有脚注的上标数字可以跳至页面底部的脚注内容。示例如下：

Here's a simple footnote.[^1] 

Here's a long footnote.[^bignote]

And here's a reduplicate one.[^bignote]

[^1]: This is the first footnote.

[^bignote]: Here's one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    `{ my code }`

    Add as many paragraphs as you like.
Here's a simple footnote.1

Here's a long footnote.2

And here's a reduplicate one.3

删除线

删除线功能可以指示某些错误。在要删除的词语前后使用两个波浪号（~）即可，如下： 

~~地球是方的。~~地球是圆的。
地球是方的。地球是圆的。

任务列表

创建任务列表：在任务列表项之前添加破折号（-）和方括号，注意 - 和 [ ] 之间要加上空格，如下： 

- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media

  • Write the press release
  • Update the website
  • Contact the media

使用 Emoji 表情

有两种方法将表情符号添加到 Markdown 文件中：将表情符号复制并粘贴到 Markdown 格式的文本中，或者键入 emoji shortcodes（表情简码）。我在 MarkdownPad2 上使用表情简码没有成功，应该是不支持，所以只能使用复制粘贴的方法。

复制和粘贴表情符号

大多数情况下可以简单地从 Emojipedia 等来源复制表情符号并粘贴到文档中。 Markdown 编辑器会自动以 Markdown 格式的文本显示表情符号💡。

自动网址链接

MarkdownPad2 会自动将 URL 转换为链接。也就是说如果输入 http://www.example.com ，即使未使用方括号，MarkdownPad2 也会自动将其转换为链接。
如果不希望 MarkdownPad2 自动链接 URL ，则可以通过将 URL 表示为带反引号的代码来删除该链接。

常用技巧

这里主要是利用 Markdown 支持基本的 HTML 语法的特性，满足一些编辑排版的需要。

居中、左对齐、右对齐

在超链接居中部分已经提及，Markdown 本身并没有居中语法，但我们可以使用 HTML 语法来实现居中、左对齐和右对齐。
示例如下： 
<center>居中</center>
<p align="left">左对齐</p>
<p align="right">右对齐</p>
实现效果：
居中

左对齐

右对齐

高级技巧

显示数学公式

typora 本身支持 mathjax 公式。 MarkdownPad 2中需要自定义头文件,依次点击 Tools > Option > Advanced > HTML Head Editor ，添加如下代码：

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
      inlineMath: [ ['$','$'], ["\\(","\\)"] ],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
      processEscapes: true
    },
    "HTML-CSS": { fonts: ["TeX"] }
  });
</script>
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

如图 再在 md 文件里添加如下代码进行测试：
When $( a \ne 0 )$, there are two solutions to $(ax^2 + bx + c = 0)$ and they are:
$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$
	
$$
\begin{aligned}
\dot{x} & = \sigma(y-x) \\
\dot{y} & = \rho x - y - xz \\
\dot{z} & = -\beta z + xy
\end{aligned}
$$

按F6查看结果如下：
注：假如要让 Hexo 渲染 mathjax 数学公式，还需更换渲染器，详见这里。

mermaid 绘图

typora 默认支持 mermaid 语法。

mermaid 语法

饼状图
<pre class="mermaid">pie
	title 如果没有报销是否还会坚持参加科创比赛
	"会" : 5
	"不会" : 95</pre>
pie
    title 如果没有报销是否还会坚持参加科创比赛
    "会" : 5
    "不会" : 95

自此，有关 Markdown 语法的学习就暂时告一段落啦，现在就将所学用于实践，去编辑你的第一个 Markdown 文件吧。你也可以在Markdown 在线编辑器上小试牛刀。
如果要让你的 Markdown 文件更加易读，改善你的排版，让你的网页更有气质，可以学习 Markdown 的一些编写规范：Markdown 编写规范

参考文章

Markdown 语法教程
个人主页与 Hexo 博客搭建记录-提示卡片

  1. This is the first footnote.↩︎

  2. Here's one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    { my code }

    Add as many paragraphs as you like.↩︎

  3. Here's one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    { my code }

    Add as many paragraphs as you like.↩︎

]]> 学习笔记 Markdown Markdown ROS 学习记录1 /posts/20220728a1/

记录 ROS 学习过程 Part1。
主要内容：ROS 安装。

学习参考课程

【古月居】古月·ROS入门21讲 | 一学就会的ROS机器人入门教程
强烈推荐：【Autolabor初级教程】ROS机器人入门

ROS 安装

Linux 系统版本：Ubuntu 20.04.1，ROS 版本为 ROS1 的终极版本: noetic，支持 Python3。

配置ubuntu的软件和更新

打开“软件和更新”对话框，确保勾选了"restricted"， "universe"， 和 "multiverse"。

设置安装源

官方安装源：

sudo sh -c 'echo "deb http://packages.ros.org/ros/ubuntu $(lsb_release -sc) main" > /etc/apt/sources.list.d/ros-latest.list'
国内清华镜像：
sudo sh -c '. /etc/lsb-release && echo "deb http://mirrors.tuna.tsinghua.edu.cn/ros/ubuntu/ `lsb_release -cs` main" > /etc/apt/sources.list.d/ros-latest.list'
国内中科大镜像： 
sudo sh -c '. /etc/lsb-release && echo "deb http://mirrors.ustc.edu.cn/ros/ubuntu/ `lsb_release -cs` main" > /etc/apt/sources.list.d/ros-latest.list'

设置 key

sudo apt-key adv --keyserver 'hkp://keyserver.ubuntu.com:80' --recv-key C1CF6E31E6BADE8868B172B4F42ED6FBAB17C654

安装

sudo apt update		#更新 apt
sudo apt install ros-noetic-desktop-full	#安装 Desktop-Full

出现“N: 忽略‘ros-latest.listsudo’(于目录‘/etc/apt/sources.list.d/’)，鉴于它的文件扩展名无效”

解决方法： 

sudo rm -f /etc/apt/sources.list.d/ros-latest.listsudo

终端配置代理

我在系统中设置了代理，于是直接使用官方源，结果不管怎么 update 和install 都因为连接超时卡在了 96%。于是我直接访问对应网址，轻松连上，便考虑是否是终端未代理的问题。
搜了一下，确实如此：SS/Clash 等一般是 web 代理，终端无法使用，需要单独配置代理。
方法如下： 

sudo gedit ~/.bashrc		#编辑 .bashrc 文件
在最后加上： 
alias proxy-on='export http_proxy=127.0.0.1:7890;export https_proxy=$http_proxy'
alias proxy-off='unset http_proxy;unset https_proxy'
保存退出后执行下面命令使文件生效：
source ~/.bashrc
现在使用命令proxy-on和proxy-off便可开关代理。

该命令只在当前终端生效，重新打开终端需要重新执行 proxy-on。

使用curl -L www.google.com可以检查代理是否开启，从下图可看出，我们本次请求网站页面成功返回了谷歌起始页的 HTML 代码。
也可以使用curl cip.cc查看 IP 来检查。

访问 google.com 时会自动将地址重定向到 google.com.hk，故执行curl www.google.com会出现 302 Moved 提示。

apt 配置代理

终端配置代理后，还是卡在了 96%。
查找发现 export 中 http_proxy 和 https_proxy 方式只是修改终端中的 http 与 https 的代理方式，而 apt install 有自己独立的配置文件，配置终端代理后 apt 也是直接连接。 所以要进行 apt 代理配置：

sudo touch /etc/apt/apt.conf.d/proxy.conf	#创建新的配置文件 proxy.conf
在 proxy.conf 文件里添加：
Acquire {
  HTTP::proxy "http://127.0.0.1:7890";
  HTTPS::proxy "http://127.0.0.1:7890";
}
记得将 7890 改为自己的端口。
保存关闭后重新 apt install，顺利下载安装完成。

配置环境变量

配置环境变量，方便在任意终端中使用 ROS。

echo "source /opt/ros/noetic/setup.bash" >> ~/.bashrc
source ~/.bashrc
至此便可运行roscore进行测试。

安装构建依赖

noetic 最初发布时，和其他历史版本稍有差异的是:没有安装构建依赖这一步骤。随着 noetic 不断完善，官方补齐了这一操作。

#安装构建依赖的相关工具
sudo apt install python3-rosdep python3-rosinstall python3-rosinstall-generator python3-wstool build-essential
sudo apt install python3-rosdep

#初始化 rosdep
sudo rosdep init
rosdep update

rosdep init 时出现 Website may be down

点此找到 raw.githubusercontent.com 对应 IP。
接下来修改 hosts 文件：

sudo gedit /etc/hosts

#添加如下内容
185.199.108.133 raw.githubusercontent.com
重新执行rosdep init即可。
执行成功：

参考文章

Ubuntu install of ROS Noetic
【Autolabor初级教程】ROS机器人入门课程文档
How to Set the Proxy for APT on Ubuntu 18.04
Terminal（终端）使用代理进行连接
最详细的ros安装（包含所有相关依赖文件）

]]> 学习笔记 ROS ROS ROS 学习记录2 /posts/20220731a1/

记录 ROS 学习过程 Part2。
主要内容：ROS 测试、快速体验、开发环境搭建、架构认识。

测试 ROS

开启三个终端，分别运行： 

roscore
rosrun turtlesim turtlesim_node		#运行后弹出图形化界面
rosrun turtlesim turtle_teleop_key	#运行后可以通过方向键控制海龟的运动

创建工作空间及初始化

#创建工作空间并初始化
mkdir -p 自定义空间名称/src
cd 自定义空间名称
catkin_make

#进入 src 创建 ros 包并添加依赖
cd src
catkin_create_pkg 自定义ROS包名 roscpp rospy std_msgs

HelloWorld 的 C++/Python 实现

C++ 实现

1、创建 ROS 工作空间 

#创建工作空间 demo01 并初始化
mkdir -p demo01/src
cd demo01
catkin_make

#进入 src 创建 名为 helloworld 的 ros 包并添加依赖
cd src
catkin_create_pkg helloworld roscpp rospy std_msgs

#进入创建的 ros 包
cd helloworld

#创建 helloworld_c.cpp
gedit helloworld_c.cpp
2、编辑 cpp 文件：
#include "ros/ros.h"

int main(int argc, char *argv[])
{
    //执行 ros 节点初始化
    ros::init(argc,argv,"hello");
    //创建 ros 节点句柄
    ros::NodeHandle n;
    //控制台输出 hello world
    ROS_INFO("hello world!");

    return 0;
}
3、编辑 helloworld 包下的 Cmakelist.txt 文件
add_executable(任取节点名
  src/helloworld_c.cpp
)
target_link_libraries(任取节点名
  ${catkin_LIBRARIES}
)
4、编译 
#进入工作空间
cd demo01
#编译
catkin_make
编译成功： 5、执行 
#在终端 1 执行
roscore

#在终端 2 执行
#进入工作空间
cd demo01
#刷新环境变量
source ./devel/setup.bash
#rosrun 包名 节点名
rosrun helloworld hellow_node

如果没有执行source ./devel/setup.bash在当前终端刷新环境变量，则会报错，另开一个终端也要再执行一次。
若嫌太麻烦，可以执行echo "source ~/工作空间名/devel/setup.bash" >> ~/.bashrc，之后就不用每次打开都执行一次。

Python 实现

1、创建 py 文件

#进入 helloworld 功能包
cd demo01/src/helloworld
#创建 scripts 文件夹
mkdir scripts
#进入 scripts 文件夹
cd ./scripts
#创建 py 文件
gedit hw_py.py
2、编辑 py 文件
#! /usr/bin/env python
#导入 rospy 包
import rospy
#编写主入口
if __name__ == "__main__":
	#初始化 ros 节点
    rospy.init_node("hello_py")
	#输出日志
    rospy.loginfo("hello world! by python")
3、为 python 文件添加可执行权限
chmod +x hw_py.py
4、编辑 helloworld 下的 CamkeList.txt 文件
catkin_install_python(PROGRAMS scripts/hw_py.py
  DESTINATION ${CATKIN_PACKAGE_BIN_DESTINATION}
)
5、编译
#进入工作空间
cd demo01
#编译
catkin_make
6、执行
#在终端 1 执行
roscore

#在终端 2 执行
#进入工作空间
cd demo01
#刷新环境变量
source ./devel/setup.bash
#rosrun 包名 py 文件名
rosrun helloworld hw_py.py

安装并使用 VScode

下载安装包

下载地址：https://code.visualstudio.com/docs?start=true
历史版本下载：https://code.visualstudio.com/updates

安装

#在下载目录打开终端，执行
sudo dpkg -i xxxx.deb

卸载

sudo dpkg --purge  code

添加插件

在插件里搜索并下载 C/C++、CMake Tools、Python、ROS。

vscode 基本使用

1、创建 ROS 工作空间并启动 vscode

#创建工作空间 demo02 并初始化
mkdir -p demo02/src
cd demo02
catkin_make

#启动 vscode
code .
2、配置默认编译选项
快捷键：Ctrl + Shift + B，选择 catkin_make:build 的设置选项，进入 .vscode/tasks.json 文件。
将文件内容修改如下：
{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "catkin_make:debug", //代表提示的描述性信息
            "type": "shell",  //可以选择shell或者process,如果是shell代码是在shell里面运行一个命令，如果是process代表作为一个进程来运行
            "command": "catkin_make",//这个是我们需要运行的命令
            "args": [],//如果需要在命令后面加一些后缀，可以写在这里，比如-DCATKIN_WHITELIST_PACKAGES=“pac1;pac2”
            "group": {"kind":"build","isDefault":true},
            "presentation": {
                "reveal": "always"//可选always或者silence，代表是否输出信息
            },
            "problemMatcher": "$msCompile"
        }
    ]
}
之后使用快捷键 Ctrl + Shift + B 即默认使用 catkin_make:build 进行编译。
3、创建 ROS 功能包
右键 src，选择 create catkin package，然后依次设置包名、添加依赖。
4、C++ 源文件
在功能包的 src 下创建 cpp 文件。
编写 C++ 源文件： 
#include "ros/ros.h"

int main(int argc, char *argv[])
{
    ros::init(argc,argv,"hello");
    ROS_INFO("hello");
	
    return 0;
}

如果没有代码提示，则修改 .vscode/c_cpp_properties.json 中 cppStandard 的值为 c++17。
当ROS_INFO 终端输出有中文时，会出现乱码，解决办法为在函数开头加入下面的任意一句代码。

setlocale(LC_CTYPE, "zh_CN.utf8");
setlocale(LC_ALL, "");

5、py 文件
在功能包下新建 scripts 文件夹，添加 py 文件，并添加可执行权限。

编写 py 文件： 

#! /usr/bin/env python

import rospy

if __name__ == "__main__":

    rospy.init_node("hello")
    rospy.loginfo("hello vscode by python")
6、配置 CMakeLists.txt
C++ 配置:
add_executable(节点名称
  src/C++源文件名.cpp
)
target_link_libraries(节点名称
  ${catkin_LIBRARIES}
)
Python 配置:
catkin_install_python(PROGRAMS scripts/py文件名.py
  DESTINATION ${CATKIN_PACKAGE_BIN_DESTINATION}
)
7、编译执行
编译：Ctrl + Shift + B。
执行：可以在 VScode 中添加终端，命令与之前一致。

参考

【Autolabor初级教程】ROS机器人入门课程文档

]]> 学习笔记 ROS ROS Ubuntu 优化 /posts/20220801a1/

Ubuntu 使用优化（20.04.1）。

模板| Template

Ubuntu 20.04 鼠标右击没有新建文本文档选项。进入/home 下的模板（Template）目录，使用sudo gedit 新建文本文档.txt创建一个空文本文档，保存退出后，鼠标右击即可添加新建文本文档，且创建的文档与自定义的文档名称一致。

解决 Firefox 无法播放 bilibili 视频

在 Firefox 打开 bilibili 发现无法播放视频，显示没有 flash 插件。
在终端输入sudo apt install ubuntu-restricted-extras安装相应解码器即可。
中间需要选择“确定”，按 Tab 即可选择。
安装成功：
再次使用 Firefox 打开 bilibili 已经可以播放视频了。

蓝牙配置

检查蓝牙服务是否正在运行：

sudo systemctl status bluetooth.service
启用蓝牙服务：
sudo systemctl enable bluetooth.service
使用 systemctl 重新启动该服务：
sudo systemctl start bluetooth.service
编辑配置文件：
sudo gedit /etc/bluetooth/main.conf
自动启用：自动启用可确保在设备重启时启用蓝牙模块，并允许蓝牙适配器识别周围新连接的蓝牙设备。
启用重新连接尝试：配置后每当蓝牙设备和计算机断开连接时，它都会尝试重新连接。只需取消注释配置文件中的 ReconnectAttempts = 7 行。
启用快速连接：通过将 FastConnectable 的值设置为 true，可以确保在重启或休眠时，蓝牙设备能够更快地连接到 PC。

终端工具

Terminator 终端模拟器

下载：sudo apt install terminator

快捷键

同一窗口内操作： 

Alt+Up                          //移动到上面的终端
Alt+Down                        //移动到下面的终端
Alt+Left                        //移动到左边的终端
Alt+Right                       //移动到右边的终端
Ctrl+Shift+O                    //水平分割终端
Ctrl+Shift+E                    //垂直分割终端
Ctrl+Shift+Right                //在垂直分割的终端中将分割条向右移动
Ctrl+Shift+Left                 //在垂直分割的终端中将分割条向左移动
Ctrl+Shift+Up                   //在水平分割的终端中将分割条向上移动
Ctrl+Shift+Down                 //在水平分割的终端中将分割条向下移动
Ctrl+Shift+S                    //隐藏/显示滚动条
Ctrl+Shift+F                    //搜索
Ctrl+Shift+C                    //复制选中的内容到剪贴板
Ctrl+Shift+V                    //粘贴剪贴板的内容到此处
Ctrl+Shift+W                    //关闭当前终端
Ctrl+Shift+Q                    //退出当前窗口，当前窗口的所有终端都将被关闭
Ctrl+Shift+X                    //最大化显示当前终端
Ctrl+Shift+Z                    //最大化显示当前终端并使字体放大
Ctrl+Shift+N or Ctrl+Tab        //移动到下一个终端
Ctrl+Shift+P or Ctrl+Shift+Tab  //Crtl+Shift+Tab 移动到之前的一个终端

各个窗口间操作： 

F11                             //全屏开关
Ctrl+Shift+T                    //打开一个新的标签
Ctrl+PageDown                   //移动到下一个标签
Ctrl+PageUp                     //移动到上一个标签
Ctrl+Shift+PageDown             //将当前标签与其后一个标签交换位置
Ctrl+Shift+PageUp               //将当前标签与其前一个标签交换位置
Ctrl+Plus (+)                   //增大字体
Ctrl+Minus (-)                  //减小字体
Ctrl+Zero (0)                   //恢复字体到原始大小
Ctrl+Shift+R                    //重置终端状态
Ctrl+Shift+G                    //重置终端状态并clear屏幕
Super+g                         //绑定所有的终端，以便向一个输入能够输入到所有的终端
Super+Shift+G                   //解除绑定
Super+t                         //绑定当前标签的所有终端，向一个终端输入的内容会自动输入到其他终端
Super+Shift+T                   //解除绑定
Ctrl+Shift+I                    //打开一个窗口，新窗口与原来的窗口使用同一个进程
Super+i                         //打开一个新窗口，新窗口与原来的窗口使用不同的进程

GNU Screen

下载：sudo apt install screen

GNU Screen 简介

screen 是一款由 GNU 计划开发的用于命令行终端切换的自由软件。用户可以通过该软件同时连接多个本地或远程的命令行会话，并在其间自由切换。GNU Screen 可以看作是窗口管理器的命令行界面版本。它提供了统一的管理多个会话的界面和相应的功能。
在 screen 环境下，所有的会话都独立的运行，并拥有各自的编号、输入、输出和窗口缓存。用户可以通过快捷键在不同的窗口下切换，并可以自由的重定向各个窗口的输入和输出。

功能

  • 可以创建一个session（会话），实现不同终端之间的交互。
  • 可以实现多人观看同一终端等功能。
  • 在工作中，如遇突发情况（例如断电，蓝屏等），终端断开，服务器端所有收到信号的前台任务将全部终止，各种工作环境将全部丢失。若在 screen 里操作，终端意外关闭之后，下次登录到服务器上，进入 screen，之前在 screen 上运行的任务还在继续运行。screen 的功能可以大概理解为它将前台任务放入了后台进行，并且不受终端关闭或其它意外事故的影响。

Tmux（terminal multiplexer,类似 GNU Screen）

下载：sudo apt install tmux

功能

  • 允许在单个窗口中，同时访问多个会话。这对于同时运行多个命令行程序很有用。
  • 可以让新窗口"接入"已经存在的会话。
  • 允许每个会话有多个连接窗口，因此可以多人实时共享会话。
  • 支持窗口任意的垂直和水平拆分。

参考文章

Tmux 使用教程
Linux中的screen命令的使用
Linux终端命令神器--Screen命令详解。助力Linux使用和管理
如何修复Ubuntu Linux中的蓝牙连接问题

]]> Linux Linux Ubuntu SWITCH 网络问题解决 /posts/20230128a1/

解决 switch 无法连接手机热点和代理设置问题。

switch 连接手机热点

由于试遍了网上的设置方法仍无法连接手机热点（错误代码 2110-2101），故改换思路，使用笨方法：
使用电脑连接手机热点后开启网络共享。

switch 网络代理

通过电脑 clash 实现：

  • 电脑与 switch 连接同一网络
  • 开启 clash 代理
  • 开启 clash 首页 Allow LAN 按钮
  • 光标停留在 Allow LAN 按钮上查看主机 IP
  • 更改 switch 所连接网络的设定，开启代理伺服器
  • 伺服器填写主机 IP，通讯埠对应填写 clash 首页 Port（端口）
  • 储存连接即可，通过连接测试便可看到switch的全球 IP 位址已经变为代理位置
]]> 游戏 switch switch Ubuntu 硬盘分区 /posts/20230708a1/

Ubuntu 硬盘分区相关概念和推荐配置。

常见分区及作用

和 Windows 使用盘符定义分区的方式不同，Linux 系统使用树状目录的方式来定义分区，这也被称为挂载点。
常见分区及作用如下：

分区名称 类型 作用
/ 主分区 根分区，即root分区，其他所有分区目录都位于其下。
/boot/ 主分区 存放系统启动时所需的各种文件。
/home/ 逻辑分区 普通用户的主目录。
/etc/ 逻辑分区 配置文件的目录。平常通过系统包管理命令安装的各种软件，它们的配置文件默认都在此目录下。
/bin/ 逻辑分区 系统核心命令的存放目录。
/usr/ 逻辑分区 系统默认软件的安装目录和共享资源目录。通过系统包管理命令安装的软件，大多都位于这里。
/var/ 逻辑分区 存放软件运行时生成的一些文件，比如日志，运行中的进程 ID 文件等。
/opt/ 逻辑分区 用户软件的安装目录。
/tmp/ 逻辑分区 存放临时文件的目录。每次系统关机时，此目录中的所有文件都会清除。
Swap 逻辑分区 交换分区，通过文件系统的方式模拟物理内存，以应对物理内存使用时的不足。

分区参考

安装系统时需要对分区空间进行分配，这里以 100GB 为例：

分区名称 类型 用于 大小
/ 主分区 Ext4 15GB
/boot/ 主分区 Ext4 500MB
/home/ 逻辑分区 Ext4 35GB
/usr/ 逻辑分区 Ext4 35GB
/var/ 逻辑分区 Ext4 3GB
/tmp/ 逻辑分区 Ext4 3GB
Swap 逻辑分区 Ext4 8GB
]]> Linux Linux Ubuntu Windows 软件使用分享 /posts/20220719a1/

分享个人使用的 Windows 软件。

福昕高级PDF编辑器

PDF 是 Portable Document Format 的简称，意为“可携带文档格式”，是由 Adobe 公司开发的一种通用的文档格式，具有通用性好、保真性强等优点。
但是由于 PDF 本身的特点，选择一款稳定、快速的软件用以阅读编辑显得尤为重要。
目前较为推荐的有国内福昕和 Adobe 公司的软件，分别是福昕高级PDF编辑器和 Adobe Acrobat Reader DC。如果只有阅读需求，Microsoft Edge 的 PDF 阅读体验也是可以的。 在尝试过两个之后，个人还是更喜欢福昕高级PDF编辑器。


这里附上 9.7.1 版本的安装文件和来自胡萝卜周的补丁：
链接：https://pan.baidu.com/s/12zbUdP_Bsz65t1omdXKdLA
提取码：w899

知云文献翻译

外文论文文献翻译利器。
官网下载：https://www.zhiyunwenxian.cn/

小绿鲸英文文献阅读器

好用的外文文献阅读器，界面美观且功能强大，还有移动端可供下载
官网下载：https://www.xljsci.com/

EV录屏

官网下载：https://www.ieway.cn/evcapture.html

Mathpix Snipping Tool

识别公式并生成相应代码，非常好用。（每个月只能免费使用10次）
官网下载：https://mathpix.com/

Snipaste

个人最常用的截图工具，小巧好用。
官网下载：https://www.snipaste.com/

它还可以将截图贴在屏幕上，并支持放大缩小。


Faststone Capture

支持屏幕录制、滚动截图、高清长图、图片编辑、图片转PDF格式、屏幕取色等功能。 官网下载：https://www.faststonecapture.cn/

Bandizip

压缩解压缩软件，没有 WinRAR 烦人的广告。
官网下载：https://www.bandisoft.com/bandizip/

Wox + Everything

高效办公好助手。（用惯的话）
具体参考：Wox + Everything = 效率神器（附下载链接）

向日葵远程控制

可用手机平板远程控制电脑，进行文件传输，免费版功能基本满足所需。
官网下载：https://sunlogin.oray.com/

ToDesk

远程控制软件。 官网下载：https://www.todesk.com/

Linux Reader

适用于双系统，可在 Windows 下访问 Linux 的文件。
官网下载：https://www.diskinternals.com/download/

ToastFish

轻巧的电脑桌面背单词工具，适合学习工作游戏之余增加词汇量，实现碎片化背单词。
官网下载：https://lab.magiconch.com/toast-fish/

FadeTop

定时提醒休息，爱护眼睛。
官网下载：http://www.fadetop.com/
更换背景图片：
1.找到 Settings.xml 文件
2.在bg_image_file=" "的双引号中间写入自定义图片的路径,图片支持 jpg, bmp, png 格式。

f.lux

随一天时间改变屏幕色彩，有助于护眼及休息。
官网下载：https://justgetflux.com/

]]> Windows Windows Hello World /posts/20210811clvgvrshm001efsf956rmf7ju/ Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

$ hexo new "My New Post"

More info: Writing

Run server

$ hexo server

More info: Server

Generate static files

$ hexo generate

More info: Generating

Deploy to remote sites

$ hexo deploy

More info: Deployment

]]> 使用 Jetson Nano 向 PX4 提供 t265 位置信息，实现室内定点飞行 /posts/20210907a1/

本文作者：南京航空航天大学 科技中心 陈思祺
主要内容：详细阐述如何使用 Jetson Nano 向 PX4 提供 t265 位置信息，从而实现室内定点飞行。

使用的 Jetson Nano 镜像版本：4.6（2021-08-04 发布）

NVIDIA官方镜像下载链接

下载好镜像，烧录进 TF 卡，初次开机简单配置后进入系统，建议系统语言选择英语，正式开始本次教程。

更新软件列表，更新软件

sudo apt-get update 
sudo apt-get upgrade

安装 ROS Melodic

参考官网安装教程

# 设置sources.list
sudo sh -c 'echo "deb http://packages.ros.org/ros/ubuntu $(lsb_release -sc) main" > /etc/apt/sources.list.d/ros-latest.list'
# 设置密钥
sudo apt install curl
curl -s https://raw.githubusercontent.com/ros/rosdistro/master/ros.asc | sudo apt-key add -
# 确保 Debian 包索引是最新的
sudo apt update
# 安装桌面完整版（推荐）
sudo apt install ros-melodic-desktop-full
# 设置环境
echo "source /opt/ros/melodic/setup.bash" >> ~/.bashrc
source ~/.bashrc
# 安装 rosdep
sudo apt install python-rosdep
# 初始化 rosdep
sudo rosdep init
rosdep update
# 试一下效果
roscore

安装realsense

参考官网安装教程

安装过程中请拔下摄像头

安装Realsense SDK

# 下载source 
# 可使用Proxy代理加速下载。详见：https://ghproxy.com/
git clone https://github.com/IntelRealSense/librealsense
cd librealsense
# 安装依赖项 
sudo apt-get install libudev-dev pkg-config libgtk-3-dev
sudo apt-get install libusb-1.0-0-dev pkg-config
sudo apt-get install libglfw3-dev
sudo apt-get install libssl-dev
# 安装位于 librealsense 源目录中的 Intel Realsense 权限脚本
sudo cp config/99-realsense-libusb.rules /etc/udev/rules.d/
sudo udevadm control --reload-rules && udevadm trigger 
# 编译
mkdir build
cd build
cmake ../ -DBUILD_EXAMPLES=true
make
sudo make install
# 试一下效果
realsense-viewer

安装realsense-ros

# 下载source
mkdir -p ~/catkin_ws/src
cd ~/catkin_ws/src/
git clone https://github.com/IntelRealSense/realsense-ros.git
git clone https://github.com/pal-robotics/ddynamic_reconfigure
cd realsense-ros/
git checkout `git tag | sort -V | grep -P "^\d+\.\d+\.\d+" | tail -1`
# 更改cv_bridgeConfig.cmake中opencv4路径
sudo gedit /opt/ros/melodic/share/cv_bridge/cmake/cv_bridgeConfig.cmake

如图

# 编译
cd ~/catkin_ws
catkin_make
# 设置环境
echo "source ~/catkin_ws/devel/setup.bash">>~/.bashrc 
source ~/.bashrc
#试一下效果
roslaunch realsense2_camera rs_t265.launch

PX4配置

下载 QGroundControl

GitHub链接

使用说明

  • MAV_1_CONFIG= TELEM 2

  • MAV_1_MODE = Onboard

  • SER_TEL2_BAUD = 57600 8N1

  • EKF2_AID_MASK 勾选 vision position fusion和vision yaw fusion

  • EKF2_HGT_MODE 设置为 Vision

  • MAV_ODOM_LP设置为1

MAVROS 和VIO

# MAVROS
sudo apt install python-catkin-tools
sudo apt install ros-melodic-mavros ros-melodic-mavros-extras
sudo apt-get install ros-indigo-mavros ros-indigo-mavros-extras ros‐indigo‐control‐toolbox
# VIO
cd ~/catkin_ws/src
git clone https://github.com/Auterion/VIO.git
cd ..
catkin_make

更改以下配置

  1. T265 相对位置及朝向
gedit ~/catkin_ws/src/VIO/launch/bridge.launch

修改

<node pkg="tf" type="static_transform_publisher" name="tf_baseLink_cameraPose"args="0 0 0 0 1.5708 0 base_link camera_pose_frame 1000"/>

args中

  • 开头三个参数为飞控中心指向 T265 中心的向量。例如 T265 在飞控前方 10 cm，上方 4 cm, 则前三个参数为：[0.1, 0, -0.04]

  • 中间三个参数为旋转角(偏航, 俯仰, 横滚)。默认 T265 朝地，则参数为[0, 1.5708, 0]；T265 照射飞机机头方向，则参数为 [0 0 0]

  1. 如果 TTL 的速度异常
sudo gedit /opt/ros/melodic/share/mavros/launch/px4_config.yaml

第 12 行改为

timesync_rate: 0.0
  1. 如果使用 USB 连接
sudo gedit /opt/ros/melodic/share/mavros/launch/px4.launch

修改第 5 行为

<arg name="fcu_url" default="/dev/ttyUSB0:57600" />
gedit ~/catkin_ws/src/VIO/launch/bridge_mavros.launch

修改第 3 行为

<arg name="fcu_url" default="/dev/ttyUSB0:57600" />
  1. 放开串口权限
# 用你自己的用户名替代下面的<username>
sudo usermod -a -G dialout <username>
# 修改后需重启生效
reboot now

起飞前检查

详情请看官网说明

# 开启VIO
roslaunch px4_realsense_bridge bridge_mavros.launch

  • 连接好摄像头、USB、PX4，可暂不接电池，查看 MAVLink Inspector

  • 偏航机身，直到ODOMETRY消息的四元数非常接近单位四元数（w = 1，x = y = z = 0）

  • 向前移动无人机，x 坐标应增大

  • 向右移动无人机，y 坐标应增大

  • 向上移动无人机，z 坐标应减小

  • 遥控器切换到 Position Flight Mode，若切换成功，应闪绿灯

然后可以接上电池，尝试定点飞行

参考文章

PX4 User Guide

ROS Wiki

Intel RealSense

ROS melodic kernel 4.18 安装 realsense D435i

通过MAVROS连接机载电脑（NANO/TX2/NX）与Pixhawk

Jetson Nano使用T265向PX4提供位置信息

GitHub Proxy

]]> PX4 PX4 在Hexo博客上进行创作 /posts/20210817a1/

本文主要介绍如何在Hexo博客上进行创作，包括新建、编辑和预览文章。
内容主要搬运至 Hexo 文档的写作指导。

安装Markdown编辑器

要进行创作，首先必须要有相应的文本编辑器。
只要安装了相应的渲染插件，Hexo 支持以任何格式书写文章。
例如，Hexo 默认安装了 hexo-renderer-marked 和 hexo-renderer-ejs，因此你可以用 Markdown 写作，也可以用 EJS 写作。如果安装了 hexo-renderer-pug，甚至可以用 Pug 模板语言书写文章。只需要将文章的扩展名从 md 改成 ejs，Hexo 就会使用 hexo-renderer-ejs 渲染这个文件，其他格式同理。
我使用的是 Markdown 编辑器来编辑文章，可以参考几款主流好用的markdown编辑器介绍一文，选择喜欢的 markdown 编辑器。
我选的是MarkdownPad2，附上下载地址：The Markdown Editor for Windows，按默认进行安装即可。 如果是win10系统还需要安装一个组件 awesomium_v1.6.6_sdk_win： 百度网盘链接：https://pan.baidu.com/s/1UJRtOBF8vj19ikOq4452sQ，提取码：yd8k
下载后也是默认安装即可
若要使用 Markdown（Extra）则需要付费（破解），现将目前亲测有效的 Key 粘贴如下：
Email address： Soar360@live.com
License Key： 

GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==
点击 Markdown 左下角图标选择 Markdown（Extra），将上面的邮箱和授权秘钥填入： 然后就破解成功啦。

新建文章

可以在根目录 Blog 打开Git Bash，使用命令行新建文章：
hexo new [layout] <title>或hexo n [layout] title
layout 是文章的布局，默认为 post。
title 是文章的标题，也是 md 文件的名字。

布局

Hexo 有三种布局，分别是 post, page 和 draft。三种布局对应的路径如下：

Layout Path
post source/_posts
page source
draft source/_drafts

在博客目录下输入以下命令时，会默认使用post布局，然后自动在 source_posts 目录生成一个 text.md 文件：
$ hexo n text
也可以使用如下命令创建了一个指定布局的名为 demo 的文章：
$ hexo n [layout] demo

文件名称

Hexo 默认以标题做为文件名称，但可以在根目录 Blog 下的_config.yml（称为站点配置文件）编辑 new_post_name 参数来改变默认的文件名称。例如可以设为 :year-:month-:day-:title.md 以方便通过日期来管理文章。
有关变量和定义如下：

变量 描述
:title 标题（小写，空格将会被替换为短杠）
:year 建立的年份，比如， 2015
:month 建立的月份（有前导零），比如， 04
:i_month 建立的月份（无前导零），比如， 4
:day 建立的日期（有前导零），比如， 07
:i_day 建立的日期（无前导零），比如， 7

草稿

刚刚提到了 Hexo 的一种特殊布局：draft，这种布局在建立时会被保存到 source/_drafts 文件夹，可通过如下的 publish 命令将草稿移动到 source/_posts 文件夹，该命令的使用方式与 new 十分类似，也可在命令中指定 layout 来指定布局。
$ hexo publish [layout] <title>
草稿默认不会显示在页面中，可以使用hexo --draft命令可以查看已有草稿，或是在站点配置文件中把 render_drafts 参数设为 true 来预览草稿。

Front-matter

打开 md 文件，可以看到文件最上方以 --- 分隔的区域，这块区域叫做 Front-matter ，用于指定个别文件的变量，举例来说：

---
title: Hello World
date: 2013/7/13 20:46:25
tags: Hello
---
以下是一些预先定义的参数:

参数 描述 默认值
layout 布局 config.default_layout
title 标题 文章文件名
date 建立日期 文件建立日期
updated 更新日期 文件更新日期
comments 开启文章评论 true
tags 标签
categories 分类
permalink 覆盖文章网址

模版（Scaffold）

在新建文章时，Hexo 会根据 scaffolds 文件夹内相对应的文件来建立文件，例如：
$ hexo new photo "My Gallery"
在执行这行指令时，Hexo 会尝试在 scaffolds 文件夹中寻找 photo.md，并以其内容作为模板建立文章，因而你可以在 scaffolds 文件夹中建立md文件形成自己的模板，应注意模板文件里面应只有 Front-matter。
上文中 Front-matte r的参数都是模版中可以使用的变量。

分类和标签

只有文章支持分类和标签，可以在 Front-matter 中进行设置。例如： 

categories:
- Diary
tags:
- PS5
- Games
在其他系统中，分类和标签听起来很接近，但是在 Hexo 中两者有着明显的差别：分类具有顺序性和层次性，也就是说 Foo, Bar 不等于 Bar, Foo；而标签则没有顺序和层次。
例如： 
categories:
- Diary
- Life
tags:
- PS5
- Games
会使分类 Life 成为 Diary 的子分类，而不是并列分类，但是标签 PS5 和 Games 则是并列关系，因此有必要为文章选择尽可能准确的分类。
如果需要为文章添加多个分类，可以尝试以下方法：
categories:
- [Diary, PlayStation]
- [Diary, Games]
- [Life]
此时这篇文章同时包括三个分类： PlayStation 和 Games 分别都是父分类 Diary 的子分类，Life 是一个没有子分类的分类。

编辑文章

用 Markdown 编辑器打开相应文件就能进行文章的编辑了。
有关 Markdown 语法可以参考Markdown语法详解

参考文章

Hexo写作

]]> 维护日志 创作 Hexo Markdown 搭建个人博客 /posts/20210813a1/

本文旨在记录本博客的搭建过程，同时希望能对别人有所帮助。

本来暑假留校准备比赛，谁知突发疫情，有家不能回，学校封校，比赛延期，节奏从紧张转为舒缓，不由得有些无聊，便生出搭建个人博客的想法。 由于更新较为频繁，即便按照教程一步步来也难免出现问题，在搭建过程中我也因此走了不少弯路。在遇到问题时多上网找答案，多看不同的解答，多尝试，最后基本都会解决的。

关于搭建个人博客

一开始搭建个人博客其实想法比较简单，主要是因为想搭所以搭了。但是在搭建过程中渐渐地对于这件事也有了不同的体会。

搭建个人博客意义何在？

经验知识总结

将遇到的问题、解决方法、技术经验、相关知识进行总结，便于日后查阅。

碎片化学习

通过网络确实能够学习到很多东西，但从网上学到的东西大都是零零散散的，不够系统，这时便能通过博客把学习的知识一点一点按自己的结构整理记录下来，从而实现碎片化学习。

分享交流

通过博客分享，产生沟通与交流，从而互相学习，共同进步。

记录生活

博客除了总结技术，还可以记录生活的诗和远方。

成就感

在博客的搭建过程中，总是伴随着成就感，而这成就感则会内化成为继续前进的动力。

最后以看到的一句话作结：
“对任何渴望进步的人来说，写博客/文章/回答对自己的成长帮助都是巨大的。频率和数量不必过分强求，有话要说就写写，没事就歇歇，随意点。因为坚持写作的那一刻起，你就已经开始受益。”

接下来就来看看怎么搭建个人博客吧：

注册 GitHub

打开 GitHub ：GitHub
点击右上角 sign up 进行注册（由于我注册时没有记录，为了展示注册过程我就随便填了） 填写邮箱 创建密码 设置用户名 这里会问你是否接收产品更新和公告，填“n”（no）就行 接着会有一个简单的真人验证 验证过后点击 creat account
GitHub 会向你的邮箱发送一个验证码，将验证码填入即可 自此便完成了 GitHub 的注册

新建GitHub仓库

进入个人主页，点击 Repositories ,再点击 New 新建仓库 按下图设置后点击 Creat repositoty 现在你便拥有了一个名为 hello 的仓库

安装Git

进入Git官网，点击 download 下载 选择对应的系统，我的是 windows 选择适合自己系统的版本，我的是64位系统，所以选了 64-bit 下载完成后打开 注：第二个新选项是说很多团队已经将他们的默认分支名改为 main . 这是因为2020 年非裔男子乔治·弗洛伊德因白人警察暴力执法惨死而掀起的 Black Lives Matter (黑人的命也是命)运动，很多人认为 master 不尊重黑人，呼吁改为 main. 点击 install 安装
安装完成后进行检验：桌面右键出现如下选项即表示成功 如果想看更加详细的安装教程或了解各选项含义，可以参考Git 详细安装教程（详解 Git 安装过程的每一个步骤）

绑定Git并提交文件（push）

我们利用 SSH 来完成 GitHub 与 Git 的绑定，实现方便快捷地提交文件。
SSH 其实是一种网络安全协议，简单介绍如下：
SSH（安全外壳协议，Secure Shell 的缩写）是建立在应用层基础上的安全协议。 SSH 是目前较可靠，专为远程登录会话和其他网络服务提供安全性的协议，利用 SSH 协议可以有效防止远程管理过程中的信息泄露问题。简单来说， SSH 就是保障你的账户安全，将你的信息全部加密，防止其他人截获你的数据，还能加快传输速度。
若想详细了解，可以参考详述 SSH 的原理及其应用
接下来便介绍如何绑定 GitHub 和提交文件。

绑定GitHub

要用 git 上传文件到 GitHub 首先得利用 SSH 登录远程主机，而登录方式有两种：一种是口令登录；另一种是公钥登录。口令登录每次都要输入密码十分麻烦，而公钥登录省去了输入密码的步骤，因而我们选择公钥授权。首先我们得在 GitHub 上添加 SSH key 配置。
首先我们在新建的文件夹中右键打开 Git Bash，输入 ssh 命令，查看本机是否安装 SSH（一般安装 Git 的时候默认安装了）：
如图便是已安装 SSH
输入ssh-keygen -t rsa命令，表示我们指定 RSA 算法生成密钥，然后敲四次回车，之后就会生成两个文件，分别为秘钥 id_rsa 和公钥 id_rsa.pub 。文件的位置在 Git Bash 上面都有显示，默认生成在以下目录：

Linux 系统：~/.ssh

Mac 系统：~/.ssh

Windows 10 ：C:/Users/ASUS/.ssh

接下来要把公钥 id_rsa.pub 的内容添加到 GitHub。可以通过目录找到 id_rsa.pub 文件的位置，用记事本打开文件复制。如果找不到文件可以直接在输入以下命令 Git Bash 上打开： 

$ cd ~/.ssh 
$ ls
$ cat id_rsa.pub
连带着ssh-rsa的一大串内容就是公钥，注意：git 中的复制粘贴不是 Ctrl + C 和 Ctrl + V，而是 Ctrl + insert 和 Shift + insert.复制完公钥后，进入我们的 GitHub 主页，先点击右上角，再点击 settings 之后点击 SSH and GPG keys，再点击 New SSH key. 将复制的公钥 id_rsa.pub 的内容粘贴到 key 内，标题填不填无所谓，再点击 Add SSH key 可以在 Git Bash 中输入ssh -T git@github.com验证是否成功， 第一次会出现下图这种情况，填 yes 就行 绑定成功

提交文件

提交文件有两种方法：
第一种：本地没有 git 仓库
- 直接将远程仓库 clone 到本地；
- 将文件添加并 commit 到本地仓库；
- 将本地仓库的内容 push 到远程仓库。

第二种：本地有 Git 仓库，并且我们已经进行了多次 commit 操作
- 建立一个本地仓库进入，init 初始化；
- 关联远程仓库；
- 同步远程仓库和本地仓库；
- 将文件添加提交到本地仓库；
- 将本地仓库的内容 push 到远程仓库。

本地没有 git 仓库

首先，进入 GitHub 个人主页，点击进入新建的 text 仓库 点击 Code，复制仓库地址 然后进入我们准备存储 Git 仓库的目录右键 Git Bash 接下来，输入git clone 仓库地址，将远程仓库 clone 到本地 如图没有 clone 成功，而是报错 OpenSSL SSL_read: Connection was reset, errno 10054（以后可能还会多次遇到），原因是由于国内墙的存在，GitHu b网络不稳定，导致 clone 失败，解决方法很简单，多试几次总会成功的，或者通过 GitHub 国内代理加速，详见GitHub Proxy代理加速。如果还是不行则输入git config --global http.sslVerify "false"解除 SSL 认证，再进行 clone 。可参考Git报错解决：OpenSSL SSL_read: Connection was reset, errno 10054。
再 clone 一遍，还是没有成功，仍然是网络网络问题，连接超时，多试几次就好了 如下图就是 clone 成功： 看看 clone 到本地的仓库内容与远程仓库的内容，是否完全一致 接下来创建一个 text.txt 测试文件 从此目录进入 Git Bash，输入git status命令查看仓库状态 text 已经是一个 Git 仓库了，由图可见刚刚创建的文件 text.txt 没有被追踪，也就是没有提交到本地仓库。现在我们使用git add命令将文件添加到了「临时缓冲区」，再用git commit -m "提交信息"将其提交到本地仓库 如果你是第一次提交的话，会让你输入用户名和邮箱 这时只要再执行如下两行命令即可： 

$ git config --global user.name "你的用户名"
$ git config --global user.email "你的邮箱"
完成后输入git log命令查看仓库提交日志 再输入git status查看一下仓库状态 现在输入git push origin main命令，将本地仓库提交到远程仓库，origin是远程主机的名字 第一次上传需要输入密码，验证成功后，如下图： 刷新 GitHub 的 text 仓库，可见测试文件已经上传到了 text 仓库中

本地有 Git 仓库

首先，建立一个本地仓库 text2，使用git init命令初始化仓库 输入git remote add origin 仓库地址命令，关联远程仓库，接着输入git pull origin main命令，同步远程仓库和本地仓库 回到本地仓库，可以发现远程仓库的内容已经同步到了本地仓库 接下来的步骤与第一种方法一样，可以自行尝试，先输入git add和git commit命令，将要提交的文件添加并提交到 text2 仓库；然后再输入git push origin main命令，将本地仓库修改（或者添加）的内容提交到远程仓库。

安装nodejs和Hexo

安装nodejs

打开node.js官网 点击下载，注：由于 nodejs14 可能在之后出现一些警告（warning），虽然无伤大雅，但是介意的可以找找旧的版本比如 nodejs12 。下载完成后双击安装，安装直接默认 next ，需要改的只有安装路径，我的路径是D:/node js。详细安装步骤可参考node.js 安装详细步骤教程。
安装完成后可以打开 cmd（Win + R 后输入 cmd）检验是否安装成功，用node -v和npm -v命令检查版本

设置npm在安装全局模块时的路径和环境变量

如果不设置的话，安装模块的时候就会把模块装到 C 盘，占用 C 盘的空间，并且有可能安装好 Hexo 后却无法使用。
步骤如下：
在 node js 文件夹中新建两个空文件夹 node_cache 、 node_global： 打开 cmd ，输入如下两个命令： 

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
设置环境变量：win10 系统 --> 打开控制面板 --> 系统 -->高级系统设置 --> 环境变量 ，然后在系统变量中新建一个变量名为NODE_PATH ，值为D:\node js\node_global\node_modules 然后编辑用户变量里的 Path ，将相应 npm 的路径改为：D:js_global 完成后点击确定即可

测试模块安装

在 cmd 下执行npm install webpack -g 可见 webpack 这个模块已经在设置默认的文件夹中了

安装Hexo

Hexo 就是我们的个人博客网站的框架，安装之前要先在 GitHub 上创建一个仓库，仓库名称（Repository name）为“用户名.github.io”，创建好后点击 settings 下拉到 GitHub Pages，点击 check it out here 出现如下内容就说明成功了 接下来安装 Hexo，首先在 D 盘创建文件夹 Blog ，点开 Blog ，鼠标右键打开 Git Bush Here，输入 npm 命令npm install -g hexo-cli安装Hexo 安装完成后，输入hexo init命令初始化博客 然后输入hexo g静态部署，nodejs14 版本会出现如下警告（warning），可以不用理会 这时网页已经部署完成，输入hexo s命令可以查看 浏览器输入 http://localhost:4000 就可以打开新部署的网页 看完之后 Ctrl + C 停止运行服务器。

将Hexo部署到GitHub

回到 Blog 文件夹，用记事本打开 _config.yml 文件 在底部填写以下内容： 

deploy:
  type: git
  repository: https://github.com/reman2021/reman2021.github.io.git  #你的仓库地址
  branch: master
特别要注意冒号后面要有空格 仓库地址之前也讲过，其实就在这里 回到 Blog 文件夹，打开 Git Bash，输入命令npm install hexo-deployer-git --save安装 Git 部署插件 然后分别输入以下三条命令： 
hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public
hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d       #自动生成网站静态文件，并部署到设定的仓库(hexo deploy 的缩写)
完成以后，打开浏览器，输入 https://用户名.github.io 就可以打开你的网页了。
现在虽然可以访问我们的网站，但是网址是 GitHub 提供的：http://xxxx.github.io 而如果想使用自己的个性化域名，则需绑定自己的域名，这就需要进行域名购买和解析。

购买域名与解析域名（非必须）

购买域名

接下来的操作不需要购买域名也能进行，我在一开始本着勤俭节约的优良风尚（穷），并没有购买域名，是在之后无意间看到腾讯 DNSPod 有 5 元无门槛优惠券，最后还是花重金（2 元）购买了域名，终究还是腾讯高。
购买域名有几个网站，主要有Godaddy，腾讯云，万网。
由于我是在腾讯云购买的域名，便详细讲一下腾讯云购买域名步骤。
首先打开DNSPod 域名狂欢季页面，可以看到 2 张 5 元无门槛优惠券，DNSPOD 全产品代金券和域名注册代金券，都是可以用来注册域名的。由于我已经领了，所以没有显示域名注册代金券。
然后找到域名注册 查询想要注册的域名 点击加入购物车后，点击立即购买后进入订单详情页 点击添加免费 SSL 证书 注意根据需要取消勾选自动续费 提交订单付费（优惠券自动抵扣5元）
之后还要创建实名模板，需要上传身份证信息，按流程走就行，审核也挺快的，可以在域名注册-我的域名查看

解析域名

在域名注册找到解析并添加如下两条解析记录： IPV4 地址可以通过 ping 得到，打开 cmd 输入： ping reman2021.github.io #ping + 你的GitHub的网址 接着打开 Blog/source，添加 CNAME 文件，可以先用记事本创建一个 txt 文件，打开后写上你的域名，(注：不要加 www. 否则每次访问都必须加 www. ，但如果不带有 www. ，以后访问的时候带不带 www. 都可以访问)，另存后记得要重命名为 CNAME，并且将 .txt 删除，如下图： 回到 Blog 文件夹，右键打开 Git Bash，依次走完 hexo 三部曲： 

hexo clean
hexo g
hexo d
打开 GitHub，看看 CNAME 文件是否已经在仓库中，点击 settings 在 GitHub Pages 查看你的域名是否保存 如果域名是空白的话看看能不能自行添加
如果仓库中没有 CNAME 文件，也可以自己添加，方法如下：

创作文章

现在博客已经搭建好了，虽然比较简陋，但是已经可以进行文章创作啦。 文章创作具体可看：在Hexo博客上进行创作

设置NexT主题

目前 Hexo 博客有许多主题可供选择，常见的有 NexT、Yilia、Hacker 等等，可以根据喜好自行选择，上网查找的话相关资料也非常多。这里提供两篇参考文章： Hexo主题推荐 Hexo 好看的主题推荐 我用的是 NexT 主题，也是目前使用人数最多的主题（大概），主要当时只知道这一个，现在虽然眼馋其他主题但是懒得换，不过 NexT 主题的简洁大气也深得我心。
NexT 主题下载地址：theme-next/hexo-theme-next
打开 Blog 文件夹，右键 Git Bash，输入git clone https://github.com/theme-next/hexo-theme-next themes/next将 NexT 主题下载到目录 Blog/themes
打开 Blog 下的 _config.yml (称为站点配置文件)，找到并修改以下内容（注意冒号后都要有空格）： 

# Site
title: ZCW_Blog			#标题
subtitle: ' '
description: ' '		#简介或者格言
keywords:
author: reman			#作者
language: zh-HK			#主题语言
timezone: Asia/Shanghai	#中国的时区

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next   #主题改为next
主题语言可以在 themes/next/language 中查看，我选的是 zh-CN（简体中文），同时我在博客中加入了一键切换繁/简体的功能，具体可参考
next主题有四种： Muse 、 Mist 、 Pisces 、 Gemini ，预览可参考2019-03-06 NexT四种主题，跟现在的差别不是很大
我选的是 Gemini（默认主题是Muse），打开 Blog/themes/next/ 下的 _config.yml（称为主题配置文件），将你选的主题前的注释（#）删除就行了，注意只能选一个，不选的主题要注释掉，不然会报错
# Schemes
#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini
回到根目录 Blog 打开 Git Bash，分别输入如下三条命令：
hexo clean
hexo g
hexo d
完成后打开你的博客查看即可。
注：由于网络问题 hexo d 的时候可能会报错，hexo 三部曲多试几次就行了

NexT主题优化

Hexo+NexT配置优化指南

]]> 维护日志 搭建博客 博客创作出现报错解决 /posts/20220817a1/

书写博客时出现以下报错的原因及解决方法：

  • Template render error: (unknown path)
  • err: YAMLException: incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line

报错 Template render error: (unknown path)

今天书写博客时，出现了报错 Template render error: (unknown path)：

原因

经过查找，发现是因为使用 note 标签没有正确结束，即出现了 unexpected end，故报错。
另外可能的原因：出现了{{}} {% %} {#等等 hexo 无法转义的字符。

解决方法

  • 使用 note 标签时注意要正确结束： 
    {% note %}
    content
    {% endnote %}	#一定要有 endnote
  • 避免使用 hexo 无法转义的字符串。

报错 err: YAMLException: incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line

原因

文章的 title 有非法字符，如英文冒号“:”。

解决

修改文章名或将英文冒号“:”改为中文冒号“：”。

]]> 维护日志 创作 Hexo 积化和差、和差化积公式 /posts/20211001a1/

本文主要用于测试 mathjax 渲染功能。
关于如何添加 Hexo 博客的 mathjax 渲染功能，可见Hexo + NexT 配置优化指南——渲染 mathjax。

和差化积

\[ \sin x+\sin y=2 \sin \frac{x+y}{2} \cos \frac{x-y}{2} \] \[ \sin x-\sin y=2 \cos \frac{x+y}{2} \sin \frac{x-y}{2} \] \[ \cos x+\cos y=2 \cos \frac{x+y}{2} \cos \frac{x-y}{2} \] \[ \cos x-\cos y=-2 \sin \frac{x+y}{2} \sin \frac{x-y}{2} \]

积化和差

\[ \sin x \sin y=-\frac{1}{2}[\cos (x+y)-\cos (x-y)] \] \[ \cos x \cos y=\frac{1}{2}[\cos (x+y)+\cos (x-y)] \] \[ \sin x \cos y=\frac{1}{2}[\sin (x+y)+\sin (x-y)] \]

辅助记忆口诀：

正加正，正在前，余加余，余并肩

正减正，余在前，余减余，负正弦

]]> 观赛|世锦赛1/8 /posts/20220825clvgvrsit003ifsf9gw1k4dre/

今日是2022羽毛球世锦赛1/8赛程，在优酷看了几场直播，都有些挑战心理承受能力了。

女单

陈雨菲 VS 李美妙

由于优酷无信号，等到比赛结束后才知道比赛情况，中间虽有点小起伏，但是雨菲大帝还是拿到了胜利！下一场的对手是战胜了因达农的加拿大华裔选手李文珊。

何冰娇 VS 马林

马林是里约奥运金牌得主、三届世锦赛冠军，此前七次交手记录，娇娇六负一胜，赛前便已经可以料想肯定是一番苦战。
娇娇率先拿下一局，而马林则是在第二局打出了气势，扳平比分。
在决胜局的争夺中，分差虽有变化，但是娇娇一直保持领先，最后更是连得 3 分拿到赛点，还是 20-16 的大优局面！（激动得差点喊出来）
没想到接下来竟然连丢 6 分，被马林逆转！！！连丢 4 个赛点，实在是可惜。o(≧口≦)o
娇娇的心态可能确实需要磨砺提高，手握 4 个赛点的情况下心态反而把持不住，送出了好几个失误，反观马林心态也是真好啊。

男单

赵俊鹏 VS 李梓嘉

下午迟了一些打开直播，第一局已经结束，赵俊鹏以 21-19 险胜，还是有一点出乎意料的。
接下来李梓嘉则以一记重杀 21-11 拿下了第二局，由于重心都放在隔壁的比赛上，第二局也没有这么认真看。（不过李梓嘉的重杀可太快了，称得上暴力美学 (☆▽☆)）
到了第三局决胜局，双方的争夺非常激烈，也体现在极为胶着的比分上，但在 15-15 后，不知是否是心态上起伏的影响，李梓嘉的进攻并没有取得很好的效果，而赵俊鹏抓住机会，以和第一局一样结束了李梓嘉本次的世锦赛之旅。
不管李梓嘉如何，赵俊鹏的进步真的肉眼可见，相较于之前我看的印尼大师赛公开赛，控球、球路组织还有心态各方面给人感觉都稳健了不少。

石宇奇 VS 金廷

真是可惜！！！
一天两场，我的小心脏受不住啊。 ┭┮﹏┭┮
进直播晚了一些，第一局眼见要丢。不过第二局马上调整，以极佳状态拿下，让我不禁连拍好几下桌子！
决胜局也是精彩非常，不得不说石头的球商挺高，球风也挺好看，而且对手还是速度快变化多的金廷。在 20-17 拿到赛点时，加上赵俊鹏那边也传来捷报，我兴奋得快站起来了。但是赛场上总是充满戏剧性，石头接下来连丢 5 分，基本上都是主动失误，令人深深惋惜。
石头从上次颇有争议的退赛之后，久疏赛场近一年，而且前两场的对手感觉也没有给他很大的比赛压力，不免有些担心。但是之前对金廷六战全胜，总体还是充满信心的。现在只有惋惜两字作结。

昆拉武特 VS 西本拳太

昆拉武特真的少年老成！
那打法在当前新生代中算是比较少吧。昨天和奈良冈功大两局打了 69min，属实罕见，把我看困了都。 打西本拳太也基本没什么悬念，2:0拿下。
不知明天对战骆建佑会是怎样的一场比赛，毕竟完全是两样打法（感觉昆拉武特赢面较大），骆建佑的进攻可以用疯狂来形容，但也是真的帅。年轻人谁不想杀杀杀呢，奈何我杀球质量太差，唉。
8.26：昆拉武特 2:1 骆建佑，昆控的太稳了，出球质量也很高，骆的失误挺多的，整场比赛感觉大部分时候都是在昆的节奏里。

一些话

自从东京奥运会后，国羽男单一直无人抗大旗，石宇奇这次复出也被寄予了许多期望（可惜龙哥没有参加）。石宇奇也是一直扛着伤病在打球，这次状态也算不错，只是最后可惜了一些。但是这也让我看到了更多中国选手的拼搏，李诗沛、翁泓阳、赵俊鹏...都搏得过不错的成绩。赛场上，乾坤皆未定。
今天娇娇和石头两场真的真的让我无比惋惜，越到关键时刻越要沉得住稳得下，这对我的生活也颇有启发。
我也想起之前尤伯杯雨菲对战安洗莹那一场，很庆幸当时看了这场比赛的直播，它带给我的是无与伦比的震撼：当两位选手都已经精疲力竭时，比赛已成为意志的比拼。体育的精神，是拼搏的精神。胜利，不仅是技战术的胜利，也是强大意志的胜利。

]]> 羽毛球 羽毛球