基于live2d模块，用最基础的方式为博客安装看板娘，更高阶的方法和模型请参考店长的教程。
本篇设置基于Butterfly主题4.4.0版本。
在Hexo根目录下打开终端，输入以下指令安装必要插件。
1 | npm install --save hexo-helper-live2d |
打开站点配置文件config.yml
搜索live2d,按照如下注释内容指示进行操作。
如果没有搜到live2d的配置项，就直接把以下内容复制到最底部。
1 | # Live2D |
完成后保存修改，在Hexo根目录下运行指令
1 | hexo clean |
注意必须要使用hexo clean是因为我们需要清空缓存重新生成静态页面，不然看板娘没被加入生成的静态页面里，是不会出现的。
同样是在Hexo根目录下打开终端，选择想要的看板娘进行安装，例如我这里用到的是 live2d-widget-model-wanko，一个装在碗里的小狗狗。其他的模型也可以在模型预览里查看以供选择。
输入指令
1 | npm install --save live2d-widget-model-wanko |
然后在站点配置文件_config.yml里找到model项修改为期望的模型。
1 | model: |
之后重新运行就可以预览效果
1 | hexo clean |
如果要调整看板娘的大小、位置等，在config.yml中修改live2d的配置项。
通过设置css样式表自定义网站的各类样式，包括底栏、滚动条、鼠标等
本篇设置基于Butterfly主题4.4.0版本
参考这个大佬的视频
在hexo博客目录的source文件夹中创建css文件夹，并在里面新建style.css样式表文档。
后面的所有样式就写在这个文档里面，网站会自动调用。
在修改特定样式前右键要修改的部位，点击“检查”会出现网站的样式代码，找到该位置的class名称，在style.css中输入class名称和相应的属性。
将footer修改为“透明”，字体修改为“黑色”：
1 | #footer{ |
样式文件参考github上的代码
在style.css样式表文档中添加代码：
1 | /* 鼠标样式 */ |
VScode的终端中没有包含Git Bash，但预留了它的位置。本文将演示如何在设置中添加Git Bash终端。
本文适用于VScode 1.71.0 版本及其它较新版本
shell windows
注意两点：
"Git Bash"，需要删除空格，例如改为"GitBash""GitBash"中的"Source"，只保留"path"
]]>我们必须把我们的网站推送到搜索引擎那， 否则别人除了输入我们的域名或者搜索文章，是没法发现我们的博文。
本篇设置基于Butterfly主题4.4.0版本
本文主要参考Hexo 框架 (六)：SEO 优化及站点被搜索引擎收录设置 | juanertu.com
详细视频教程参考这个大佬的相关视频
使用想要查找的搜索引擎，输入：
1 | site:你的网站 |
我们可以发现 hexo 默认生成的文章地址路径是 【网站名称／年／月／日／文章名称】。
这种链接对搜索爬虫是很不友好的，第一它的 url 结构超过了三层，太深了。
安装abbrlink插件：
1 | npm install hexo-abbrlink --save |
关于此插件的详细信息参见它的官方文档。作用是将文章的链接转换成数字后字母，即将博客网站的网页转成.html永久链接的格式，有利于搜索引擎的收录。
修改hexo根目录下config.yml中的permalink的值：
1 | # URL |
在config.yml最底下添加abbrlink config
1 | # abbrlink config |
配置完成后，网站的链接应该类似这样：
1 | https://qmike.top/posts/77940e6f.html # 有.html后缀 |
站点地图即 sitemap， 是一个页面，上面放置了网站上需要搜索引擎抓取的所有页面的链接。站点地图可以告诉搜索引擎网站上有哪些可供抓取的网页，以便搜索引擎可以更加智能地抓取网站。所以我们首先需要生成一个站点地图。
安装百度和 Google 的站点地图生成插件：
1 | npm install hexo-generator-baidu-sitemap --save |
然后来到hexo根目录配置文件config.yml，在下面添加：
1 | # 站点地图 |
然后重新推送到服务器，访问如下 URL:
1 | https://你的域名/sitemap.xml |
看看网页中有没有出现代码。有的话就成功。
注意代码中的域名是否和自己网站的一样，使用
github page部署的网站，可能会出现域名不同的情况，需要之前完成token令牌密钥的验证，视频中有介绍。
给你的 hexo 网站添加蜘蛛协议 robots.txt, 把 robots.txt 放在你的 hexo 站点的 source 文件下即可。
1 | # hexo robots.txt |
通过百度站长平台进行链接提交，增加网站的索引量。先去注册并登录：百度站长平台
需要验证网站，我选择的是 https://，这根据你前面是否添加 SSL 证书来选择。并且我使用的是不带 www 的，看个人。然后到第三步，我使用的 HTML 标签验证。
把 content 中的字符串复制到主题配置文件_config.butterfly.yml中的 baidu_site_verification 。
1 | # Baidu Webmaster tools verification. |
需要将网站部署完后，再去百度站长平台完成HTML 标签验证
百度站长平台的链接提交方式分为自动提交和手动提交两种，此处只讲自动提交，手动提交按照要求操作即可。
主动推送最为快速的提交方式，是被百度收录最快的推送方式。主动推送可以通过安装插件实现：
1 | npm install hexo-baidu-url-submit --save |
然后在hexo根目录配置文件_config.yml中，添加：
1 | # 主动推送百度，被百度收录 |
host为自己网站的域名，例如我的为https://qmike.top
token需要打开“普通收录–>推送接口”进行查看
其次，记得查看hexo根目录中_config.yml 文件中 url的值， 必须包含是百度站长平台注册的域名。
最后，在_config.yml 文件中的 deploy加入新的type:
1 | deploy: |
这里是新建一个type，一定要注意这段代码里面各行的缩进值
其主动推送的实现原理如下：
新链接的产生， hexo generate 会产生一个文本文件，里面包含最新的链接
新链接的提交， hexo deploy 会从上述文件中读取链接，提交至百度搜索引擎
不知道对于部署在Netlify上的网站有没有用，再查查资料
若要实现手动提交，则把下面的代码粘贴到百度站长平台的“手动收录”地址窗口即可：
1 | https://你的域名/sitemap.xml |
后续慢慢等收录吧，百度收录比较慢。
提交谷歌搜索引擎比较简单，在提交之前，我们依然可以使用 site:域名 查看网站是否被收录。进入Google搜索中心，登录你的谷歌账号。然后找到注册Search Console(在“使用入门–>SEO新手指南”中可以找到入口)，就直接输入你要收录的网站域名就行。
详细操作参考谷歌的官方指南
选择第一个或者第二个都可以的，我这里两个都选择了。
“网址前缀”验证很简单，输入网址https://qmike.top即可直接验证。“网域”验证较为复杂，点击“继续”后，操作如下：
可以添加所有的网址变体，包括https，http，www和非www变体
打开你的域名提供商网站，在里面添加“解析设置”。以阿里云为例：
打开域名的“解析设置”，点击“添加记录”
“记录类型”选择“TXT”，“主机记录”选择“@”，记录值写入上面复制的TXT记录值
重新部署后返回谷歌页面进行验证，可能需要等待一段时间。
两种方式，你可以下载个 HTML 文件然后放在站点目录下的 source 中，然后推送到服务器。或者把 content 中的字符串复制到主题配置文件_config.butterfly.yml对应内容中：
1 | site_verification: |
部署网站到Netlify，一天时间便会自动收录
必应收录也是很简单，点击必应站长。先注册登录，必应收录有两种方式，一种使用刚刚谷歌导入过去，第二种是就是自己添加 URL
其他搜索引擎的收录都很类似，就不一一赘述了。
给非友情链接的出站链接添加「nofollow」标签，nofollow 标签是由谷歌领头创新的一个「反垃圾链接」的标签，并被百度、yahoo 等各大搜索引擎广泛支持，引用 nofollow 标签的目的是：用于指示搜索引擎不要追踪（即抓取）网页上的带有 nofollow 属性的任何出站链接，以减少垃圾链接的分散网站权重。
1 | npm install hexo-filter-nofollow --save |
再在hexo根目录的_config.yml 中添加配置，将 nofollow 设置为 true：
1 | nofollow: |
这样，例外的链接将不会被加上 nofollow 属性。
本篇是对于基础篇的拓展，写一下自己魔改这个主题的过程（毕竟个性化的才是最好的），万一以后遇到啥问题也可以返回来查一下可能的问题所在。
魔改是一个非常折腾+耗时间的过程，或许本文会一直更新下去吧~（笑）
心中默念一百遍：宁缺毋滥，宁缺毋滥…
https://azure0202.github.io/2021/10/03/Butterfly致知记/
https://zfe.space/categories/教程
https://blog.imzjw.cn/posts/b74f504f/
https://akilar.top/posts/5b8f515f/
]]>本文记录安装Anaconda和Pycharm的全过程，以及遇到的一些问题和解决方法
安装配置顺序为：纯Python/Anaconda–>Pycharm
Anaconda对于python初学者而言及其友好，相比单独安装python主程序，选择Anaconda可以帮助省去很多麻烦，Anaconda里添加了许多常用的功能包，如果单独安装python，这些功能包则需要一条一条自行安装，在Anaconda中则不需要考虑这些，同时Anaconda还附带捆绑了两个非常好用的交互式代码编辑器（Spyder、Jupyter notebook）。
Conda是一个开源的包、环境管理器，可以用于在同一个机器上安装不同版本的软件包及其依赖，并能够在不同的环境之间切换。
几个重要注意事项（可以点击跳转至相关对应案例！！！）：
可以通过Anaconda官网下载，不过速度一般；另外可以通过清华镜像进行下载
如果是windows的话需要去 控制面板\系统和安全\系统\高级系统设置\环境变量\用户变量\PATH 中添加 anaconda的安装目录的Scripts文件夹，例如默认安装路径C:\ProgramData\Anaconda3\Scripts，看个人安装路径不同需要自己调整。
之后就可以打开命令行(最好用管理员模式打开) 输入 conda --version，如果输出conda 4.5.4之类的就说明环境变量设置成功了.
为了避免可能发生的错误，需要在命令行输入conda upgrade --all 先把所有工具包进行升级
注意以下几点：
除了在“用户变量/PATH”中添加，也可以在“系统变量/PATH”中添加Scripts文件夹，重点在于需要将该路径置于PATH变量下：
但需要注意的是，一定不能直接在用户变量/系统变量中新建一个变量，路径指定为Scripts文件夹：
具体原因参考用户变量和系统变量的区别：
在 Windows 上，会随 Anaconda 一起安装一批应用程序：
为了避免报错，推荐在默认环境下更新所有的包。打开 Anaconda Prompt （或者 Mac 下的终端），键入：
1 | conda upgrade --all |
并在提示是否更新的时候输入 y（Yes）以便让更新继续。初次安装下的软件包版本一般都比较老旧，因此提前更新可以避免未来不必要的问题。
若不更新，后续使用时可能会出现报错
修改配置文件下载地址，修改为清华镜像：
1 | conda config --add channels http://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/ |
注意以下两点：
- 在CMD中输入以上代码后，无需按照网上某些教程修改本地配置文件
C:\用户\用户名\.condarc，已经自动修改好- 此处清华镜像地址应以http开头，而不是原先的https，否则会因为SSL验证无法连接，原因及其它解决方法见清华源连接失败原因与解决
再次在 Anaconda Prompt 中执行conda upgrade --all更新即可
查看当前配置命令:
1 | conda config --show |
配置完后重启一下即可成功
需要安装所需的第三方包时，在CMD中输入以下指令来安装requests包：
1 | conda install requests_name |
或者
1 | pip install requests_name |
PyPi地址在国外，因为有墙的原因所以有些地区使用pip安装第三方库的时候会出现下载慢甚至严重的无法访问导致安装失败。通过更换pip镜像源为国内地址可以解决上述问题。这里使用豆瓣的镜像源为例：
以安装numpy包为例，安装完成后可验证是否安装成功：
在CMD/Anaconda Powershell Prompt中输入python进入解释器中，输入import numpy，若不报错即安装成功。可输入 help(numpy)查看该包的详细信息。
目前存在两种情况***（暂且无法解释）***：
若在Anaconda Powershell Prompt中安装第三方包，则只能在Anaconda Powershell Prompt中输入
import numpy显示安装成功，在CMD中则会显示“未安装numpy”。有一种解释是：
CMD基本上都是默认在系统盘上的操作，而对于Anaconda自带的命令窗口，所有可以在CMD中运行的都可以在这里运行，只不过文件的路径改变了（改变为Anaconda的安装目录下）。例如在这两个命令窗口中分别输入ipython.exe notebook，默认的文件.ipynb存储在不同的位置。
通过
conda install numpy无法安装numpy包，而通过pip install numpy可以成功安装可能是conda中不包含numpy包？
来自Anaconda官方文章
Conda和pip通常被认为是几乎相同的。尽管这两个工具的某些功能重叠，但它们是经过设计的，并用于不同的目的。Pip是 Python Packaging Authority 推荐的源自Python 包索引的用于安装包的工具。Pip 用于安装Python软件包，例如wheel或源代码。后者可能要求系统在调用pip成功之前安装兼容的编译器和可能的库。
Conda是一个跨平台的包和环境管理器，从Anaconda 存储库从Anaconda Cloud安装和管理Conda包。Conda 包是二进制文件，永远不需要使用编译器来安装它们。此外，conda包不限于 Python 软件，它们还可能包含 C 或 C++ 库、R 包或任何其他软件。这突出了 conda 和 pip 之间的关键区别：Pip 安装 Python 包，而 conda 安装可能包含以任何语言编写的软件包。例如，在使用 pip 之前，必须通过系统包管理器或下载exe程序文件来安装 Python 解释器。另一方面，Conda 可以直接安装 Python 包和 Python 解释器。
这两个工具之间的另一个关键区别是conda能够创建可以包含不同版本 Python 和/或 安装在其中的包的隔离环境。这在使用数据科学工具时非常有用，因为不同的工具可能包含相互冲突的要求，因此不可以全部安装到单个环境中。相反的，Pip 没有对环境的内置支持，而是依赖于其他工具，例如虚拟环境(virtualenv)或者venv创建孤立的环境。工具例如pipenv，poetry， 和hatch用于包装 pip 和 virtualenv，以提供一个统一的方法来处理这些环境。
Pip 和 conda 在实现环境中的依赖关系方面也有所不同。安装包时，pip 在递归的串行循环中安装依赖项。没有努力确保同时满足所有包的依赖关系。如果较早按顺序安装的软件包相对于较晚安装的软件包具有不兼容的依赖版本，这可能会导致环境以某种方式被破坏。相比之下，conda 使用可满足性 (SAT) 求解器来验证是否满足环境中安装的所有软件包的所有要求。此检查可能需要额外的时间，但有助于防止创建损坏的环境。只要有关依赖项的包元数据是正确的，conda 就可以预见地产生工作环境。
鉴于 conda 和 pip 之间的相似性，一些人尝试结合这些工具来创建数据科学环境也就不足为奇了。将 pip 与 conda 结合的一个主要原因是可能存在一个或多个包只能通过 pip 安装。Anaconda 存储库中提供了 1,500 多个软件包，包括最流行的数据科学、机器学习和 AI 框架。这些，以及 Anaconda 云上提供的数千个额外的包，包括conda-forge和bioconda, 可以使用 conda 安装。尽管有这么多的包集合，但Anaconda 存储库与 PyPI 上超过 150,000 个包相比，它仍然可能是不足的。可能存在没有被 conda package提供的软件包，但它可以在 PyPI 上使用，并且可以使用 pip 安装。在这些情况下，应该尝试同时使用 conda 和 pip。
| Conda | Pip | |
|---|---|---|
| manages | binaries | wheel or source |
| can require compilers? | no | yes |
| package types | any | Python only |
| create environment | yes, built-in | no, requires virtualenv or venv |
| dependency checks | yes | no |
注：在安装Anaconda后，会自行安装对应版本的python（Anaconda的安装目录下），无需重新单独安装python
用anaconda来创建我们一个个独立的python环境。接下来的例子都是在命令行操作的：
可以在CMD或Anaconda Powershell Prompt直接输入python试试, 这样会进入base环境的python解释器, 如果你把原来环境中的python环境去除掉会更能体会到, 这个时候在命令行中使用的已经不是你原来的python而是base环境下的python.而命令行前面也会多一个(base) 说明当前我们处于的是base环境下。
（1）创建虚拟环境：
当不满足一个base环境时，可以为自己的程序安装单独的虚拟环境。创建一个名称为python34的虚拟环境并指定python版本为3.4（这里conda会自动找3.4中最新的版本下载）：
1 | conda create -n python34 python=3.4 |
或者
1 | conda create --name python34 python=3.4 |
（2）切换环境：
1 | activate environment_name |
如果忘记了名称我们可以先用conda env list去查看所有的环境。
（3）为创建的环境安装/卸载包：
新创建的环境除了python自带的一些官方包之外是没有其他包的, 一个比较干净的环境。我们可以试试在虚拟环境下，先输入python打开python解释器，然后输入import requests，会报错找不到requests包，这是很正常的。按照需求，对新建的环境安装所需包即可。
安装包：（安装完成之后我们再输入python进入解释器并import requests, 这次一定就是成功的了）
1 | conda install requests_name |
或者
1 | pip install requests_name |
卸载包：
1 | conda remove requests_name |
或者
1 | pip uninstall requests_name |
（4）卸载环境：
1 | conda remove --name environment_name --all |
（5）环境相关指令总结：
1 | # 创建一个名为faultcode的环境，指定Python版本是3.9（不用管是3.9.x，conda会为我们自动寻找3.9.x中的最新版本） |
anaconda所谓的创建虚拟环境其实就是安装了一个真实的python环境, 只不过我们可以通过activate，conda等命令去随意的切换我们当前的python环境, 用不同版本的解释器和不同的包环境去运行python脚本。
（6）其它的常用命令：
1 | conda info # 列出Anaconda的所有信息，包括conda version、python version、package cache、envs directories等 |
首先，明确如何查看Anaconda虚拟环境的创建路径
输入以下命令
1 | conda info |
或者
1 | conda config --show |
查看虚拟环境创建位置
可见虚拟环境的默认创建路径为C:\Users\User_name\.conda\envs*(也有可能直接默认Anaconda安装目录下的envs文件夹)*
如果按照[第四节](#4. 管理虚拟环境（基于命令行窗口）)方法创建的虚拟环境，由于使用
-n或者--name命令，会将虚拟安装在C盘默认安装路径的envs目录下。为避免造成C盘空间被占用，采用以下两种方法修改虚拟环境安装路径到想要的文件夹。
以在G:\Anaconda\envs中创建名为faultcode的虚拟环境为例，输入相应的命令：
1 | conda create --prefix=G:\Anaconda\envs\faultcode python=3.9 |
注意：
路径G:\Anaconda\envs是目标文件夹，faultcode是
在这个命令中，路径G:\Anaconda\envs是目标文件夹(若没有则自动建立)，faultcode是需要创建的虚拟环境名称。创建完成后，虚拟环境的全称应包含整个路径，为G:\Anaconda\envs\faultcode，后续在调用时需要将它完整输入。激活指定路径下的虚拟环境的命令如下：
1 | activate G:\Anaconda\envs\faultcode |
想要删除指定路径下的虚拟环境，使用如下的命令：
1 | conda remove --prefix=G:\Anaconda\envs\faultcode --all |
此外，在base环境中直接为虚拟环境安装软件包的指令为：
1 | conda install -prefix=G:\Anaconda\envs\faultcode package_name |
注意，如果在默认路径下安装的虚拟环境添加包，则命令是
1 | conda install -n faultcode package_name |
方法一比较麻烦，需要随时记住完整路径，可以考虑直接修改默认创建路径。
对应两种解决方式：一种是通过添加dir来替换默认路径，一种是直接配置c盘路径下的.condarc文件
需要注意的是，若按照网上常规的方法，例如Anaconda更改虚拟环境安装位置 - CSDN，虽然貌似已经修改了默认创建路径，但实际操作后可能会发现仍然是创建到原先的C盘路径，出现这种情况的原因是在安装Anaconda时选择的是All User，而不是Just Me。
上述两种“解决方法”一定是在安装Anaconda时选择的是Just me，否则无法生效！！！
当然，如果不小心安装时选择了All User，也可以解决：
- 以管理员身份运行CMD，再运行命令
（这样也可以解决
conda upgrade all时由于anaconda文件夹权限不足，部分软件包无法安装的情况）
- 修改anaconda安装文件夹的权限，属性->安全->Users 权限全部允许（有可能无法生效）
在CMD中输入conda config --show后，会发现虚拟环境目录envs_dirs有多条，其实默认我们会先使用第一个目录，要通过修改配置来重新确定默认环境路径。首先明确修改配置的语法：
1 | conda config --add key value #添加语法 |
其中，key为 envs_dirs、pkgs_dirs等，value为key对应的值。
这里如果只保留想用的G:\Anaconda\envs路径，将其它目录全部删除，例如：
1 | conda config --remove envs_dirs dir(虚拟环境路径) |
则会报下面的错误：
1 | CondaKeyError: ‘pkgs_dirs’: key ‘pkgs_dirs’ is not in the config file |
原因是这个只能删除在我们user路径下的.condarc文件的内容，及我们用户配置的内容。所以我们不能通过删除来解决。只能通过添加路径替换默认路径解决。
1 | conda config --add envs_dirs dir（路径） |
若是添加原来已经有的路径，则会发现这个路径变成了环境目录的第一个，可以用来调整envs_dirs安装顺序
在用户路径下修改.condarc，在C:\Users\User_name\.condarc下
添加下面配置：
1 | channels: |
添加了清华源、同时改了envs_dirs、pkgs_dirs。
注：Anaconda应在Pycharm之前安装，可能会方便后续的设置
打开软件，通过路径【File】→【Settings】→【Project】→【Project Interpreter】来到我们配置Python环境的界面。一般情况下，这里是一片空白。
点击小齿轮，在弹出的选项中点击【Show All】，然后再弹出的窗口中点击【+】号，进入配置页面。
这里可以选择【New Environment】或【Existing Environment】，建议选择【Existing Environment】，然后根据自己安装Python的路径，找到Python.exe，然后勾选【make avaliable to all projects】，将该Python环境应用到所有的项目，最后点击【OK】。
这个时候我们会来到这个页面，这里是我们当前配置的Python环境中包含的库信息，点击【OK】，即可完成我们的Python环境配置。
安装第三方库，我们有两种方法，第一种方法是使用pip命令。比如我们要安装lxml库，打开命令提示符，输入pip install lxml，然后回车，等待一会即可完成。
这个时候，我们再回到Pycharm的环境配置页面，可以看到lxml库已经成功导入。
第二种方法，我们可以直接来到我们的Pycharm的环境配置页面，点击【+】号，然后搜索并选中我们需要的第三方库，点击【Install Package】即可进行安装。
1.我们在配置Python环境的时候，如果选择【New Environment】，需要将【location】路径设置成一个空白文件夹，然后找到我们安装的Python，这个时候，Pycharm会将已安装的Python复制到这个空白文件夹中，构建一个新的Python环境。
2.使用pip安装第三方库是有默认路径的，所以如果想成功使用pip安装第三方库，需要满足以下两个条件：电脑中只安装了一个Python；在配置Python环境的时候，选择的是【Existing Environment】。
3.如果我们使用pip安装第三方库，但是安装之后，Pycharm中没有成功导入，这个时候建议大家使用第二种方式进行安装。
首先要通过Anaconda创建一个虚拟环境，以前面建立的faultcode为例为pycharm创建环境(路径为Anaconda的安装目录\envs\faultcode)
同样地，通过路径【File】→【Settings】→【Project】→【Project Interpreter】来到我们配置Python环境的界面。点击小齿轮，在弹出的选项中点击【Show All】，然后再弹出的窗口中点击【+】号，进入配置页面。
纯python是进入Virtualenv Environment，基于Anaconda则选择Conda Enveronment。
这里可以选择【New Environment】或【Existing Environment】，建议选择【Existing Environment】，然后根据前面创建的虚拟环境"faultcode"的路径，找到相应文件夹下的Python.exe，点击【OK】。
虚拟环境的好处在于：
可以对每个项目创建专属的配置环境和软件包，避免冲突，因此此处可以不勾选“make available to all projects”
来到这个页面，这里是我们当前配置的Python环境中包含的库信息，包含了之前虚拟环境“faultcode”中安装的各个软件包。点击【OK】，即可完成我们的Python环境配置。
也是同上的两种方法:
pip命令或者conda命令，输入activate environment_name转换到。比如我们要安装PyQt5库，打开命令提示符，输入pip install PyQt5，然后回车，等待一会即可完成。run/debug configuration
参考
自己的配置（目前可正常运行）：
在Settings-Plugin下载插件Chinese(Simplified) Language Pack/中文语言包即可
如图所示：
常用快捷键：
在Pycharm界面的右上方，点击运行栏的这个灰色向下箭头，选择Edit Configurations，在接下来出现的窗口中，勾选run with Python console
设置完成后重启Pycharm，运行程序，点击show variables就会出现查看变量的窗口
变量窗口：
安装有两种方法：
分别参考：
在找Qt Designer、PyUIC、PyRcc的exe文件时，可能位置有所不同，根据实际情况确定位置.
由于使用的是anaconda下的虚拟环境，为避免出错，使用的是虚拟环境下的PyQt5及工具的软件包，相关设置如下：
- 环境变量：
- 外部工具：
designer:
PyUIC:
2
3
4
$FileName$
-o
$FileNameWithoutExtension$.py
- PyRcc:
2
3
4
$FileName$
-o
$FileNameWithoutExtension$_rc.py
安装也是同上，有两种方法。此处参考pycharm中安装并配置pyinstaller - CSDN
“外部工具”设置：
1 | #实参： |
注：运行pyinstaller后，生成的exe文件在打包程序所在的文件夹的dist文件夹中
Anaconda安装、配置：
配置镜像地址：
修改虚拟环境安装地址：
Pycharm使用教程：
注：文本教程，不是视频
“基于纯python环境”方法：
pycharm 创建运行、调试配置：
]]>世界上除了学不完的知识，还有排不完的bug。。
本篇记录自己在使用butterfly主题时遇到的各种报错，每个都是独一无二且千奇百怪的
排除bug是一个非常折腾+耗时间的过程，或许本文会一直更新下去吧~（恼）
1 | # 运行hexo g后出现如下报错 |
1 | 报错原因：一般是英文冒号后缺失空格 |
这或许是目前遇到的最多的报错了吧。。
1 | # 运行git add .后出现如下报错 |
1 | 报错原因：没有添加相应的子模块，在.gitmodules中没有这个子模块的path和url信息。 |
1 | #配置完butterfly主题，在将本地博客文件push到github上后，显示如下错误： |
1 | 原因：尚未清楚出现这个报错的原因。 |
1 | # 输入hexo g后，出现如下报错： |
1 | Front内容出现了重复，需要将重复内容删除 |
点击文章页一级目录无反应，但二级目录可以正常跳转。打开浏览器右键菜单，点击“检查-控制台”查看html，发现点击目录一级标题后会出现如下报错：
1 | Uncaught TypeError: Cannot read properties of null (reading 'offsetTop') |
检查“页面元素”，发现目录一级标题的'toc-link'后没有正常生成href属性，因此无法实现跳转。
出现此问题的原因是markdown-it插件的 bug，butterfly主题的博客是由markdown-it渲染的，而这个插件并未渲染 heading 的 id 所以导致锚点失效，目录无法正常跳转。
解决方法是首先安装 markdown-it-named-headings 插件：
1 | npm install markdown-it-named-headings --save |
然后进入项目的根目录，修改根目录下 node_modules\hexo-renderer-markdown-it\lib\renderer.js 文件，在 renderer.js 中添加一行以使用此插件：
1 | parser.use(require('markdown-it-named-headings')) |
可能需要根据该文件中具体的代码格式进行适当修改
我的修改效果如下：
记得保存修改，重新运行后即可正常实现目录一级标题的跳转。
]]>详细问题描述及解决方案参考Hexo 博客踩坑 | blog (convivae.top)
本篇记录自己在使用butterfly主题对博客进行美化的全过程、技巧，Hexo所有的主题基本都配置了详细的基础教程，假如有相关经验的话，相信是可以很快入手的。当然我这样的小白必然会对其中一些配置方法和细节摸不着头脑，本章会记录我自己在使用Butterfly安装文档中遇到的问题，以及拓展的内容，基础操作不做描述。
魔改内容参考进阶篇
安装目录不同：git方式，butterfly主题安装在themes文件夹中；npm方式，主题安装在node_modules 里
后续作用不同：npm安装方式方便于后续的“自动化配置“，参考这个视频。不过我还没有尝试这个。
Front-matter 是 markdown 文件最上方以 — 分隔的区域，用于指定个别档案的变数。
主页文章卡片配置文章页配置其实就是在每篇博文的markdown文档顶部加上分割线---，中间写上该文档的性质。具体写法：
1 | Page Front-matter: |
各字段含义见网页
例如要生成新页面XXXX，步骤如下：
前往你的 Hexo 博客的根目录
输入 hexo new page XXXX
在source文件夹中会新生成XXXX的对应文件夹，打开里面的index.md
修改这个文件：在最后一行添加 type: "XXXX"，另外可以修改这个子页面的title名称
在butterfly主题配置文件_config.butterfly中将这个子页面添加到导航菜单中，类似于：
1 | menu: |
在index.md中添加"top_img: YYYY.jpg"，即可自定义它的顶部图像
比在
_config.butterfly.yml中定义要方便，另外注意图片格式
Butterfly支持 font-awesome v6图标。
对于页面顶部图的配置，除了支持用url链接外，也可以在source文件夹下新建img文件夹，将图片存储在这里面，调用格式为"./img/XXXX.jpg"，加载速度会快一些。
注意不要在主题文件夹下的
source/img文件夹中存储图片，例如./themes/butterfly/source/img，会因为主题的更新导致图片文件的覆盖丢失。
我的博客启用的是“本地搜索”，安装该功能前先运行hexo clean。
需要安装 hexo-generator-search，根据它的文档去做相应配置。
1 | npm install hexo-generator-search --save |
然后在主题配置文件_config.butterfly.yml里，启用本地搜索功能：
1 | # Local search |
enable：是否开启本地搜索preload：预加载CDN：搜索文件的 CDN 地址（默认使用的本地链接）然后重新生成页面即可查看更改。
其实如果没有其它的需要的话，到这里就可以了，默认配置就已经足够用了。
也可以在hexo根目录配置文件_config.yml中添加配置：
1 | search: |
path：生成的搜索文件的路径，默认是 search.xml，也可以使用 json 格式，改为 search.json。field：搜索的范围，默认是 post，即只搜索发布的文章，也可以改为 page（搜索页面，即 page 类型的页面，不含发布的导航）或者 all（搜索全部）content：指是否搜索文章的内容，默认为 true，如果改为 false 的话则只搜索标题、说明等头部内容，不搜索文章的正文template（可选）：自定义 XML 模板的路径若可以正常搜索，但无法正常跳转，参考这篇文章
将图标更换为“太空飞船”。
修改butterfly主题配置文件_config.butterfly.yml：
1 | hr_icon: |
icon-top常用数值：
-20px：图标位于分割线上方
-10px：图标位于分割线中间
0px：图标位于分割线下方
基于windows10进行个人博客搭建的全过程，记录一下在搭建过程中遇到的各种问题，为以后避坑。在“爱扑bug的熊”的教程基础上，结合b站大佬视频等其它教程改编而成，其它参考的文章放在本文文末。
要看具体配置步骤可以直接略过这节内容
从应用层来说，个人博客由以下四个部分组成：
这四个部分的作用分别如下：
（1）博客生成框架
它是一个应用程序，目的是将用户的输入转化为一个由HTML文件、CSS文件以及js文件组成的网站目录，即通常意义上前端的三个组成部分：
简单来说，博客生成框架是帮助将我们输入的博客内容、设置，转化为一个完整的复杂的前端界面。
（2）文件托管平台
它帮助我们把博客目录文件存储在云端，并提供相应的访问和修改的接口。以github平台为例，对应的访问和修改接口是git。
（3）站点部署服务
它将我们已经成形的网站目录部署在互联网上，使得网络上的其它主机可以正常访问，否则博客只存在于本地，无法达到“互联互通”的目的。
最简单的是通过github自带的github pages搭建站点，具体搭建方式可以参考b站视频保姆级Hexo+github搭建个人博客 | 视频搬运崽啊(bilibili.com)。优点是无需购买域名，通过XXXX.github.io便可以直接访问博客；缺点是国内访问速度慢且不稳定（参考github的访问及下载速度）。
本文将使用Netlify作为部署站点的服务提供商，把github仅仅作为托管文件的场所。
按照原教程作者所述，Netlify除了直接部署静态网络的功能外，还支持动态地构建网站，也就是可以自定义一个构建网络的脚本。例如使用脚本
npm run clean && npm run build清除已经构建好的静态网络，然后重新从头构建，防止某些地方的更新不到位。之后，每次向github commmit的时候，Netlify都会自动pull并执行上述脚本，从而保证网站的实时更新。
（4）访问加速服务
原理是CDN(Content Delivery Network)加速，通过多节点的缓存来提高网络内容的解析和访问速度，利用页面访问的“局限性”。基本工作过程是客户端先访问离自己最近的DNS(Domain Name System)服务器节点，然后根据这个信息去询问CDN服务器节点，由CDN负责从网络中寻找远端的实际存储内容的服务器进行内容的获取，然后将获取的内容缓存下来，这样下一次访问就会比较迅速。
一般当我们从某个域名提供商那里购买域名后，提供商会默认为我们分配它自己的DNS服务器，我们需要将这个服务器修改为其它想要用的DNS服务器，才能享受对应的CDN加速服务。
在本文中，使用的个人博客框架是hexo，博客文件拖管于github，博客网站用Netlify生成，国内访问采用Cloudflare进行CDN加速。使用这个解决方案的原因是不需要云服务器，也不需要备案，只需要有一个域名即可。
在Windows中搭建个人博客时，建议用git bash（在安装git的时候应该已经同时安装了，如果没有的话可以去官网下载）来进行后续的操作及命令的输入。
git可在官网下载，具体的安装及配置参考教程Git下载、安装及环境配置（超详细）-CSDN，涉及的命令如下（git bash中输入）：
1 | #必须进行的操作（环境配置） |
hexo是一个基于nodejs的静态博客网站生成器，作者是来自台湾的Tommy Chen，为许多技术博客的博主所青睐，主要有如下的一些优点：
Markdown语法，编辑简单，排版优美；搭建hexo首先需要有node.js的环境，可以从官网直接下载。
node.js的安装及配置可参考node.js安装及环境配置超详细教程[Windows系统安装包方式] - CSDN，我这里只按照默认配置完成了安装。
在git bush或者cmd中查看版本信息以确认环境配置信息：
1 | node -v # 查看node版本信息 |
能够正常看到对应的版本信息，则说明环境配置就已经完成了。
这里还需要提一下的是npm默认的官网源可能会比较慢，如果想要后续的下载速度快一些，可以通过下面的方式将源设置为淘宝源。
1 | npm config get registry # 查看原来的源 |
有了npm包管理软件，安装hexo就很方便了，只需要在git bash中输入一行命令：
1 | npm install hexo-cli -g # 全局安装hexo命令行工具 |
其中-g参数表示全局安装，没有这个参数就只在当前目录下安装，建议全局安装。
输入命令以验证hexo是否安装成功：
1 | hexo -v |
选择一个想要存放本地博客目录的地址（例如我新建了一个D:\Blog文件夹），右键在git bash中运行命令：
1 | hexo init "博客目录名称" # 目录名称不含空格的时候双引号可以省略 |
也可以直接运行
hexo init，会直接在当前文件夹创建博客目录的各个子文件夹。
得到如下的反馈信息：
1 | INFO Cloning hexo-starter https://github.com/hexojs/hexo-starter.git |
若因为github连接问题等报错，则需要删除已经生成的博客目录后，重新运行命令。
然后进入博客目录：
1 | cd "博客目录名称" |
安装博客需要的其他支持：
1 | npm install # 安装的依赖项在package.json文件的dependencies字段中可以看到 |
博客项目目录结构如下：
1 | . |
各部分的含义：
config.yml为全局配置文件，网站的很多信息都在这里配置，比如说网站名称，副标题，描述，作者，语言，主题等等。具体可以参考官方文档：https://hexo.io/zh-cn/docs/configuration.html。
这里简单提一下_config.yml的各个字段的含义：
1 | # Site |
scaffolds是骨架文件，是生成新页面或者新博客的模版。可以根据需求编辑，当hexo生成新博客的时候，会用这里面的模版进行初始化。
source这个文件夹下面存放的是网站的markdown源文件，里面有一个_post文件夹，所有的.md博客文件都会存放在这个文件夹下。现在，你应该能看到里面有一个hello-world.md文件。
themes是网站主题目录，hexo有非常丰富的主题支持，主题目录会存放在这个目录下面。我们后续会以默认主题来演示，更多的主题参见：https://hexo.io/themes/
1 | hexo new post "test" # 会在 source/_posts/ 目录下生成文件 ‘test.md’，打开编辑 |
本地预览效果：
这是hexo的默认主题，更多的主题可以从官网下载。
更详细的hexo命令可以查看文档：https://hexo.io/zh-cn/docs/commands
此时的博客仍在存储在本地，输入
http://localhost:4000仅仅是提供了一种在浏览器中访问本地博客的方式，并非域名
为了后续Netlify建站方便，我们可以在package.json里面添加一个命令：
1 | { |
由于我们这个教程的重点不是如何编写自己的博客，而是怎么把博客搭建起来，所以hexo的细节用法以及各种主题的设置我们就不展开细说了，官网有非常详细的文档和教程可供参考。
主要设置如下：
在git bash中输入如下命令：
1 | git config --global user.name “name” #Github账号名 |
完成后查询git账号配置：
1 | git config --global --list |
将本地git与github绑定
在任意文件夹中（不是根目录）右键打开git bash，输入如下命令ssh，出现如下代码则说明在安装git时，已经默认安装过ssh：
接着输入：
1 | ssh-keygen -t rsa -C "XXXX.email.com" # github注册邮箱 |
按四次回车后生成SSH密钥。在本地找到对应SSH文件夹C:\Users\Administrator\.ssh
用记事本打开id_rsa.pub文件，全选复制里面的内容后，打开github，找到头像下方的settings，进入SSH and GPG keys，点击New SSH key新建SHH密钥。
Title任意起名即可，在Key栏粘贴刚刚复制的内容，然后点击Add SSH key
测试SSH是否绑定成功：
1 | ssh -T git@github.com |
出现如下结果则说明绑定成功：
此时的github新建的仓库为空，形式如下：
复制红框中的https仓库地址。
注意截图中给出了几个导入到仓库的方法，后面我们进行的是它的方法一
在本地的博客项目的目录中右键打开git bash，输入以下命令：
1 | git init |
正常推送后得到github仓库如下：
在云端创建
README.md后再次push本地仓库可能会报错：原因及解决方法参考这篇文章：
2
3
git pull origin main
git push origin main
Netlify是一个国外的免费的提供静态网站部署服务的平台，能够将托管 GitHub，GitLab 等上的静态网站部署上线。至于我们为什么不使用github自带的github page，原因很简单，访问速度慢。此外，Netlify还有很多别的功能支持，可以自行探索。主要优点如下：
首先注册并登陆Netlify
新建站点：
连接github：
选择刚刚上传的博客项目（仓库）：
一切默认，除了构建命令改成我们之前设置的npm run Netlify：
这里
Base Directory为空表示项目目录是仓库目录的根目录。
构建完成后我们就能够看到一个URL，打开网址就是我们的个人博客了
可以根据提示进行进一步的设置，比如说设置一下二级域名（即Netlify.app之前的域名）。
在下面的演示中，我设置的Netlify二级域名为blogqmike，也就是说，我的个人博客站点的域名为blogqmike.Netlify.app。
现在，我们的个人博客已经算是搭建完成了。下面需要解决的就是配置域名和访问慢的问题了。
配置域名的前提自然是要购买域名了，从任意域名服务商处购买一个域名。
然后设置域名解析，点击添加记录，设置记录类型为CNAME（DNS知识点参见计算机网络相关教程），记录值为xxxxx.Netlify.app，其中xxxxx为你自己设置的个性二级域名。
DNS 的作用就是把域名翻译成 IP 地址，所以一般在做域名解析的时候，需要添加A（IPV4）或者AAAA（IPV6），把域名指向 IP 地址。但有的时候会需要设置多个域名指向同一个IP地址的情况，这时我们就可以把其他的域名的解析设置成 CNAME 类型，并填写记录值为那个设置了 A 或 AAAA 直接指向IP 地址的域名。这样可以避免服务器 IP变更需要重新设置多个域名解析。直白点说 A 或 AAAA 就是域名直接指向 IP，CNAME 就是域名指向另一个域名。
设置完毕之后点击“确定”按钮，需要等待一段时间即可解析完成，因为DNS服务器需要一段时间来进行同步。
域名解析参考这个文章
我们还需要回到Netlify中配置一下自己的用户域名，这样的话可以在国外获得Netlify本身的CDN支持。
在Netlify设置用户域名：
设置一下Netlify本身的对于国外CDN的支持：
设置成功后，Netlify的Domain management界面应该如下图所示
可点击Netlify DNS进入DNS设置，并启用ipv6
若没有手动将Netlify的四个
demain's name servers添加到域名服务商的DNS服务器中，有可能www.qmike.top无法使用，但qmike.top仍可以正常访问，解决方法就是将这四个DNS服务器全部手动添加，添加方式参考下文，添加完成后的结果如下图。
https访问需要在Netlify中配置，否则应该只能http访问，其实 Netlify 是会自动为我们设置的。
先确认一下dns解析:
然后自动安装证书:
最后看到如下的界面，就说明https配置完成了:
由于域名服务器的缓存原因（更改的 DNS 不能及时生效），这个时间可能会需要很久，因此可以去文档中提到的 Google 的这个网站去清空缓存，以加速这一过程。
之后，我们就可以通过自己配置的域名访问自己的个人博客，比如说我的博客地址是 https://qmike.top 。但是，此刻我们的博客访问依然需要科学上网，因为我们还没有国内的CDN的支持，下面，我们来解决这个问题。
Netlify 虽然已经提供了 CDN 加速，但在使用过程中发现国内访问还是比较慢，Cloudflare 相对于国内的七牛云、阿里云等云服务商的 CDN 速度会慢一些，但是它有免费版本，而且最重要的是域名不用备案。
CDN 加速往往有两种方式，一种是 CDN 服务商提供一个域名，然后设置你的域名 CNAME 指向这个加速域名；另一种是CND服务商提供几个NS（DNS解析服务器）地址，然后覆盖你的域名的 NS 地址。Cloudflare就是采用的后者
注册Clouldflare并登陆后，添加站点：
选择免费套餐：
添加 DNS 记录：
一般情况下 Cloudflare 会检测出来几条 DNS 记录，类型大多数是A，或者AAAA，由于我们是转发，所以应该是 CNAME 类型才对。有必要的话可能得手动配置一下。
另外，这里的Cloudflare上的DNS代理状态应修改为“仅限DNS”，而非“已代理”状态，以避免出现不必要的问题。
- 云朵为黄色：开启 CDN，解析DHS，加速并保护站点；
- 云朵为灰色：仅使用 Cloudflare 的 DNS 域名解析服务。
若选择“已代理”，实测可能会在Netlify上出现
XXXX.com doesn't appear to be served by Netlify的报错，需按照troubleshooting guide上面的步骤进行纠错。[Support Guide] What problems could occur when using Cloudflare in front of Netlify?上面的原话：
2
3
4
5
...
For these reasons, we recommend disabling Cloudflare’s proxying (also known as “Accelerated and protected” on their service) for your site when it is being served/hosted by Netlify.
This image shows how to disable Cloudflare’s proxying, but continue using their DNS, which works great with our CDN as long as you disable proxying:
这个步骤Cloudflare会提供一个在线的教程，主要步骤是在你的域名服务商那里修改 dns 解析服务器为 Cloudflare 提供的地址，修改完成后点击完成。
或者进入DNS
以阿里云为例，修改DNS服务器的步骤如下:
进入域名的配置界面
将域名服务器从阿里云的默认服务器改成Clouldflare提供的服务器
这里其实是在添加Netlify DNS基础上进行修改
配置完成后，DNS 方式修改的生效时间可能比较长一些，Clouldflare会有邮件通知，或者重新登录控制台也能看到。
修改DNS服务器后，在“快速入门指南”中按步骤修改即可。
在Cloudflare配置完成之后，我们可以回到Netlify再次更新一下https访问。
点击Renew certificate，等待一段时间后会自动更新完成。
等待一段时间之后，我们可以试着用自己的浏览器去访问自己配置的域名地址，如果在不科学上网的情况下能够正常看到如下的默认页面，则我们的个人博客就配置成功了。
本机能够正常访问之后，我们可以用拨测来检测一下域名解析与访问的速度。
到此为止，我们的个人博客就彻底搭建完成啦。后续我们只需要修改博客的配置文件和博客本身的markdown源文件，然后push到github上，netlify会自动帮我们运行当初配置的建站脚本，然后将生成在public文件夹中的静态网页部署出去。
关于hexo博客的写作方法与各种好看的主题的配置可以查看官方的文档，多尝试多摸索，配置自己的个性页面吧。
一些注意事项
每次上传博文前，应先在博客根目录下运行git bash，运行如下指令在本地预览网页。预览无误后，hexo clean清理一下缓存，再推送到github远程仓库中。
1 | hexo clean # 清理缓存文件，如db(database)和public文件夹等 |
在将本地文件推送至github远程仓库后，博客网站并不能即时更新，需要在Netlify中运行Clear cache and retry deploy进行重新部署，再刷新一下自己的网站。
好像可以通过"自动化部署"，实现静态网站根据github远程仓库文件的即时更新，具体参考这个视频
注意在.gitignore文件中及时添加和更新不需要push到github中的文件，避免多余的文件导致网站出现错误。目前我的设置如下：
1 | .DS_Store |
在本地文件中完成主题配置的修改后，需要先完成子模块的添加才能成功推送到github中。以主题butterfly为例，运行如下指令：
1 | # 如果是文件 |
之后会在hexo博客根目录下生成.gitmodules文件，里面包含了butterfly子模块的相关信息：
1 | [submodule "themes/butterfly"] |
若不添加子模块便直接推送到github远程库，则在
git add .这一步就会出现警告，而且在Netlify部署时无法成功。关于子模块的其它操作可以参考这篇文章
关于butterfly主题美化的详细过程，请参考我的这篇文章
若需要在同一个Netlify站点重新绑定新的github远程仓库，并且不修改域名，则仅需在Domain Settings --> Build & deploy --> Repository 中修改绑定的github仓库，无需做其它改动。
可在Cloudflare添加www开头的域名前缀。
可参考的文章：
博客搭建：
Git使用：
node.js：
域名解析：
Cloudflare：
]]>
