vue-admin-template增加标签栏导航报错踩坑记录
所谓的标签栏导航先看效果图
如果你的项目添加完控制台报以下错误，那么请仔细阅读这篇文章，可以帮你解决这个问题
12**[Vue warn]: Error in mounted hook: "TypeError: this.$store.state.permission is undefined"TypeError: this.$store.state.permission is undefined**
第一步：下载vue-admin-template-master
注意如果vue-element-admin-master下载的是4.4.0版本相应的vue-admin-template-master也要下载4.4.0版本，其他版本没有试过，不知道会不会报错从vue-element-admin-master中复制如下文件夹和文件vue-element-admin-master\src\layout\components\TagsView 文件夹vue-element-admin-master\src\store\modules\tagsView.js文 ...
WinServer2016系统激活方法
公司新装了一台服务器，做完系统发现系统需要激活，以下方法亲测有效
1.Win+R打开cmd控制台，按顺序输入以下命令，有报错也不要管它。
1234slmgr /upkslmgr.vbs /ipk WC2BQ-8NRM3-FDDYY-2BFGV-KHKQYslmgr.vbs /skms kms.lotro.ccslmgr.vbs /ato
命令运行完后会有弹窗提醒系统激活成功，这时候再打开系统属性查看激活状态
以下是对应系统版本的激活码，我用的是标准版的系统
12345678Windows Server 2016 数据中心CB7KF-BWN84-R7R2Y-793K2-8XDDGWindows Server 2016 标准版WC2BQ-8NRM3-FDDYY-2BFGV-KHKQYWindows Server 2016 嵌入式版JCKRF-N37P4-C2D82-9YXRT-4M63B
vue-admin-template和vue-element-admin如何选择
ElementUI是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，了解设计指南,帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产品。提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。
而vue-element-admin是一个后台前端解决方案，它基于vue和element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。
vue-admin-template
是一个后台的基础模板脚手架，适合在它的基础上进行二次开发。
vue-element-admin
是一个后台的集成方案，它囊括了很多的功能和组件，并不适合作为基础模板来进行二次开发。
Hexo博客Butterfly主题首页底部增加友情链接
原生调用友情链接
笔者开发网站十几年了，还是习惯把友情链接放在网站首页底部位置Butterfly主题虽然有友情链接页面，但是属于二级页面，总感觉怪怪的
经过查看Butterfly主题flink代码，决定把读取_data/link.yml友链文件的代码插入到网站首页底部_data/link.yml的链接属性里增加一个index: 1的参数这个参数用来判断链接是否需要调用到首页，具体代码如下所示
12345678- class_name: 友情链接 class_desc: 申请友情链接请到链接界面留言 link_list: - name: 码农浅知 link: https://mnqz.com/ avatar: /img/favicon.png descr: 码农编程笔记 index: 1
具体方法如下打开模版目录下layout/includes/layout.pug文件
12345678910111213141516171819 main#content-inner.layout(c ...
解决ArchLinux中unzip解压zip文件中文乱码
我们在linux中解压一个含有中文名字的压缩包如“码农浅知.zip”时，如果直接使用如下的命令，将会出现中文乱码。压缩包里的任何中文也都会出现中文乱码
1unzip 码农浅知.zip
主要的原因是因为unzip在解压的时候会将编码转化为其内部默认的编码，而默认的编码根本不支持中文CP936编码。因此我们需要在解压的时候明确的指定需要使用的编码。
目前可以采用如下两种方式解决
在解压的时候直接指定编码格式
#指定GBK GB18030编码也是可以的
1unzip -O CP936 码农浅知.zip
配置环境变量，指定unzip的参数
在环境变量中，指定unzip参数，总是以指定的字符集显示和解压文件
比如，需要在/etc/environment中加入2行：
在终端中输入如下命令，要带上sudo不然无法保存
1234567sudo nano /etc/environment#然后在打开的文件中添加如下命令UNZIP="-O CP936"ZIPINFO="-O CP936"
分布式版本控制工具Git配置和解决乱码问题
版本控制工具的分类
集中式版本控制工具
版本库是集中存放在中央服务器，团队里每个人都从中央服务器下载代码，个人修改后提交到中央版本库，必须联网。已过时，比如SVN和CVS。分布式版本控制工具：
没有中央服务器，每个人的电脑都是一个完整的版本库，多人协作只需要将自己的修改推送给对方即可。比如Git。
安装配置Git
Git官网，傻瓜式安装。
在Git Bash 中设置用户名称和邮箱地址，因为每次提交Git都会使用该用户信息。
12345git config --global user.name "zhangsan"git config --global user.email "<zhangsan@qq.com>"#查看用户信息：git config --global user.namegit config --global user.email
为常用指令配置别名（可选）
打开Git Bash，执行 touch ~/.bashrc
在 .bashrc 文件中输入如下内容：
1234#用于输出git提交日志alias ...
2023通过宝塔面板在独立服务器上安装部署Hexo博客保姆级教程
服务器系统选择
服务器系统建议安装Centos7.x版本，笔者亲测8.x版本安装宝塔面板会报错有兼容性问题
安装宝塔面板
服务器安装好有通过Xshell7远程连接到服务器，我这里用的Xshell7个人免费版，你们用什么软件随意输入如下命令，这个是宝塔Linux面板7.9.9安装脚本
1yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
然后回车，提示输入Y的就直接输入Y直到安装成功，安装成功后记得把面板地址路径，面板账号密码保存到本地一份。
安装Nodejs版本管理器
如上图所示，登陆宝塔面板后找到软件商店->免费应用->找到Nodejs版本管理器直接点安装即可
我这里安装的1.9最新版
打开Node版本管理器，选择只显示LTS版本（LTS是长期支持板，也就是稳定版），我这里安装的最新稳定版v14.17.6，根据hexo官方建议node版本要大于12 ...
博主今天遇到人生第一次梦魇俗称鬼压床真实感受分享
可能最近压力比较大，神经比较紧张，早上7点左右出现了人生第一次梦魇俗称鬼压床，下面给大家分享一下全过程。博主睡的床大改30公分高，床尾挡板大概45公分高，早上7点钟突然感觉床尾好像有个小孩趴在地上，以闪电般的速度扒着床尾木板伸手打我的脚一下又迅速躲下去，感觉一下子把我打醒了，我想起身看看但是发觉全身无法动弹，就一直平躺着，床头不知道是什么过几十秒就扒拉我的脚一下，感觉很真实。突然意识到了这和之前朋友们说的鬼压床很像，就感觉自己肯定也遇到这个了，再次尝试动一下全身，发现做不到，能明显的感觉到天蒙蒙亮了，醒后细想了一下当时眼睛貌似没有睁开，床尾还是一直隔几十秒扒拉我脚一下貌似在玩耍，恍惚中我好像感觉手指头和手腕能动了，抓起身边的一个枕头就甩了过去，甩过去后感觉又被什么扔了回来，扔到了我身边，我越想越气身子又不能动。突然发现可以发出声音，我感觉我妈路过我的房门，我就尽最大力气大声叫她，发现没办法喊名字，只能发出啊啊的声音，叫了四五声我妈听到了，推门喊我了一声问我是不是做噩梦了，就是叫我的这一声，我感觉身子能动了，眼睛也睁开了，翻身看了一下我床上并没有那个枕头，梦里扔过去的那个枕头是真实存 ...
KDE视频桌面插件推荐
在获取新插件中下载Smart video wallpaper这个视频桌面插件使用简单壁纸类型选择这个插件，然后选择对应的高清视频即可，使用后linux系统瞬间高大上颜值爆表
码农编程笔记Git基础指令学习
Git的基础指令学习
查看状态
1git status
（工作区）添加到暂存区
1git add 文件名或者通配符.（.表示所有文件）
（暂存区）提交到本地仓库的当前分支
1git commit -m "注释内容"
查看提交日志
1git-log（配置的别名指令）
版本回退
1git reset --hard commitID
查看commitID
1234git-log#或者git reflog#（可以查看被删除的提交ID）
添加文件至忽略列表
总会有些文件无需git管理，我们可以告诉git忽略。在本地仓库根目录建立一个.gitignore 文件，在其中声明忽略的文件，比如 *.jpg
CSS浮动属性的定义与清除干货分享
浮动概述
网页布局的本质就是用CSS来摆放盒子，CSS提供了3种传统布局方式：普通流（标准流）—— 标签按默认方式排列。浮动。定位。
定义：float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。
语法：选择器 {float: 属性值;}none —— 默认值，元素不浮动。left —— 元素向左浮动。right —— 元素向右浮动。
作用：如何让多个块级盒子水平排列成一行？如何实现两个块级盒子的左右对齐？
总结：
任何元素都可以浮动，不管原先是什么模式的元素。浮动最典型的运用就是可以让多个块级元素一行内排列显示。网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。
浮动的特性
浮动特性分别是脱标、一行显示、行内块特征。
脱标：
定义：脱离标准流（浮）移动到指定位置（动），是浮动最重要的特性。特点：浮动的盒子不再保留原先的位置。
一行显示：
如果多个盒子都设置了浮动，则它们会按照属性值一行内显示（没有间隙）并且顶端对齐排列。如果父级宽度装不下这些浮动的盒子，多出的盒子会另起一行对齐。
行内块特征：
...
Java数据结构线性表中单链表和双链表的实现
什么是线性表
线性表是最基本、最简单和最常用的一种数据结构，一个线性表是n个具有相同特性的数据元素的有限序列。若A元素在B元素前面，则称A为B的前驱元素；若B元素在A元素的后面，则称B为A的后继元素。线性表的特征：数据元素之间存在一对一的关系第一个数据元素没有前驱元素，叫头结点。最后一个数据元素没有后继元素，叫尾结点。除了头尾结点，其它数据元素有且仅有一个前驱元素和后继元素。
线性表的分类
按照数据的存储方式可以分为顺序表和链表。
什么是链表
链表中的元素在内存中不连续，查询慢（查询任何数据都要从头开始找），但增删快，分为单链表和双链表。
本节内容包括单链表和双链表的实现、链表反转、快慢指针、循环链表（尾结点指向第一个数据结点）、约瑟夫问题。
单链表实现
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 ...
