关于Hexo使用Next主题的一些优化
前言肯定还会跟我一样,使用主题之后还不满意的小伙伴,不光想要好,还想要更好!
那就来看看如何优化你的博客,让他变得更富有细节吧 ~
优化文章链接优化文章链接,为了避免链接中出现中文导致太长或者死链的情况出现,可以使用一个插件来避免这种情况
插件:hexo-abbrlink
首先在博客根目录运行Git Bash,输入以下指令安装hexo-abbrlink:
1npm install hexo-abbrlink --save
打开站点配置文件_config.yml,修改permalink为:
1permalink: posts/:abbrlink.html/
记得将原有的permalink注释掉或者删掉
在站点配置文件_config.yml中添加以下代码:
1234#abbrlink配置abbrlink: alg: crc32 #support crc16(default) and crc32 rep: dec #support dec(default) and hex
到这,关于优化文章链接的操作我们就做完啦!
自定义文本内容文件路径:themes/next/langu ...
关于Hexo配置使用Next主题
前言之前写了个如何搭建Hexo的博客,后来想了想,既然写了就写到底吧,我自己用的是next这款主题,所以就说一下有关next的配置问题。并且,使用这个主题的过程中,我真的踩了不少的水坑!
确认一下版本号Hexo5.4.0
Next8.2.0
版本不同可能会有些差异
安装next主题去next团队的主页去下载一个zip压缩包
完后将他放在themes目录下并且解压,重命名文件夹为next
themes/下是Hexo用来放主题的
修改站点配置文件站点配置文件:_config.yml
参考Hexo文档中的说明,我们需要给博客设定主标题以及副标题、作者名称、语言、时区等,你可以参考以下我的设置。
12345678# Sitetitle: Wangez-Blog #网站标题subtitle: 'Ned的个人博客' #网站副标题description: 'Ned的个人博客' #网站描述keywords: #网站关键词author: Ned #您的名字language: zh-CN #语言timezone: 'Asia/Shangh ...
使用Hexo搭建自己的博客
前言之前一直在用typecho来做自己的博客,因为他操作比较简单,但是前几日修改一些配置的时候,看着满屏的php代码实在有些头疼,在朋友的推荐下,我成功的入坑了hexo,下面分享一些自己搭建博客的过程,尽量让读者避开一些坑。
Hexo简介Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。
开始搭建在安装hexo前,电脑上具备有git与node两个环境才行
安装gitGit是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章,上传到GitHub的工具。Git非常强大,我觉得建议每个人都去了解一下。廖雪峰老师的Git教程写的非常好,大家可以了解一下。Git教程
windows:到git官网上下载,Download git,下载后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。
linux:对 ...
微信小程序相关
1. 数据绑定1.小程序1.data中初始化数据2.修改数据: this.setData()
1.修改数据的行为始终是同步的
3.数据流:
1.单项: Model —> View
2. Vue1.data中初始化数据2.修改数据: this.key = value3.数据流:
1.Vue是单项数据流: Model —> View
2.Vue中实现了双向数据绑定: v-model
3. React1.state中初始化状态数据2.修改数据: this.setState()
1.自身钩子函数中(componentDidMount)异步的
2.非自身的钩子函数中(定时器的回调)同步的
3.数据流:
1.单项: Model —> View
2. 获取用户基本信息1.用户未授权(首次登陆)
1.button open-type=‘getUserInfo’
2.用户已经授权(再次登陆)
1.wx.getUserInfo
3. 前后端交互1.语法: wx.request()2.注意点:
1.协议必须是https协议
2.一个接口最多配置20个域名
...
Axios踩坑日记
起因自己写项目的时候,axios向后端发送post请求时,后端无法接收到数据,同样的请求在我使用postman测的时候是正常的,不信邪的我又用原生的form表单提交试了一试,也是正常的,想了想,也查了查百度,觉得可能是form表单与axios请求,有哪里不一样。
去找了axios的介绍
由图片可以看出,它大概是对请求和响应的数据进行了一个转换,而且会对json进行自动转换,我去github上找了一下源码:
1234567891011121314151617181920212223242526transformRequest: [function transformRequest(data, headers) { normalizeHeaderName(headers, 'Accept'); normalizeHeaderName(headers, 'Content-Type'); if (utils.isFormData(data) || utils.isArrayBuffer ...
JavaScript变量提升
js变量提升JavaScript是单线程语言,所以执行肯定是按顺序执行。但是并不是逐行的分析和执行,而是一段一段地分析执行,会先进行编译阶段然后才是执行阶段。在编译阶段阶段,代码真正执行前的几毫秒,会检测到所有的变量和函数声明,所有这些函数和变量声明都被添加到名为Lexical Environment的JavaScript数据结构内的内存中。所以这些变量和函数能在它们真正被声明之前使用。
先从一个简单的例子来入手:
a = 2;var a;console.log(a);
以上的代码会输出什么,假如这段代码是从上到下执行的话,肯定会输出undefined,然而JavaScript却不是自上而下执行的语言。这段代码的输出结果是2,意外吗?那么,为什么会这样,这个关键点就在于–变量提升。他会将当前作用域的所有变量的声明,提升到程序的顶部,因此,上面的代码等价于以下代码,这样是不是就能明白一些了?
var a;a = 2;console.log(a);
那么我们再看一个例子:
console.log(a);var a = 2;
这段代码又会输出什么?输出2吗?其实这段代码会输出 ...
弹性盒模型-flex
前言最开始接触flex布局的时候,还是在阮一峰老师的博客上学习的,最近在看一本书,上面有提及到,于是就来整理一下所学,有理解的不对的地方还请指正。
弹性盒模型简介弹性盒模型和盒模型的概念有一些区别,他不在是定义元素的,而是CSS3引入的一种布局方式,其核心思想是调整元素大小来适应不同空间,包含垂直方向的高度和水平方向的宽度。
弹性盒模型有两个重要的概念:容器(container)和项目(item)。其中容器属性用来设置项目的公共样式,比如排布方向、排布对齐方式;项目属性用来设置各个项目之间的相对关系,包括比例、顺序等。容器和项目是嵌套关系,一个容器可以有多个项目,其中容器的display的属性值应设为flex。
标准盒模型的排布包括水平和垂直方向,弹性盒模型也是如此。我们可以将水平方向理解为主轴,垂直方向理解为交叉轴,与传统盒模型有所不同的是,弹性和模型在排列方向上除了从左到右和从上到下,还支持反序排列,即从右到左和从下到上。
容器的属性有6个,我们下面一一介绍他们:
1.justify-content定义主轴上项目的对齐方式。
flex-start:默认值。项目靠近主轴首端的方 ...