使用Hexo+Gitee免费搭建个人博客(一)
前段时间使用有道云笔记来总结笔记的时候,发现有道云笔记使用qq无法登录,这个问题发生了几次,但是一直没得到解决。这时想到可以搭建一个属于自己的博客,来记录一些容易遗忘又非常重要的技术问题。但是对于个人而言,为了搭建个人博客去申请主机和域名,是不划算的。所以才有了使用hexo和gitee pages服务来搭建免费的个人博客。下面记录一下搭建过程:
准备工作环境安装1、下载nodeJs官网下载:https://nodejs.org/zh-cn/下载最新版以后一路 Next 安装即可安装完成后,Win+R 运行 cmd,输入以下命令
1node -v
如果出现版本号,就表示安装成功了
2、Git官网下载:https://git-scm.com/同样,安装完成后,Win+R 运行 cmd,输入以下命令
1git --version
出现版本号证明安装成功
安装完成以后注册git账号,创建git仓库,注意仓库名字要和你的账号名一样,例如我的用户名是 wjnba,我新建的仓库名称和地址都是wjnba,如下:
这是我创建好了的
至此,准备工作完成,后面将正式进入博客的搭建
css居中的几种方式
css居中的几种方式居中分水平和垂直两种,使用的频度也算是很高,下面分情况来讨论一下几种常用的实现方式。
1.margin这种方式只能实现固定宽度的块级元素水平居中,如果该元素没有设置宽度或者不是块级元素,则不会生效。
123456/*以div元素为例*/div{ width: 100px; height: 100px; margin: auto; /*或者margin: 0 auto;*/}
2.line-height将单行文字line-height值设置为其父元素高度可以实现该行文字的垂直居中,局限也很明显。
12345678910<div id='container'> <p id='content'>文字内容</p></div>#container{ height: 30px;}#content{ line-height: 30px;}
3.表格如果你使用表格的话,那么可以利用td元素的align ...
Vue中使用xlsx导出excel表格和把导入的excel表处理成json数据
Vue中使用xlsx导出excel表格和把导入的excel表处理成json数据安装
1npm install xlsx -S
一、通过dom元素导出excel表格创建公共方法
1234567891011121314151617181920212223242526272829303132import XLSX from 'xlsx'/** * 该方法用于通过dom导出表格 * @param el dom元素 * @param excelName 表格名称 * @returns {any} */export function exportExcel(el, excelName) { /* 从表生成工作簿对象 */ const wb = XLSX.utils.table_to_book(el); /* 获取二进制字符串作为输出 */ const wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'ar ...
扁平数据树形化
1234567/** * @description 扁平数据树形化 * @param dataList 原数组 * @param options (keyId:id值,childrenName:子节点数组名,parentId:父id) * @param fixListItem 做其他操作 * @returns {[]} */
1234567891011121314151617181920212223242526272829303132export function arrayToTree(dataList, options, fixListItem) { console.time('时间是:') const { keyId, childrenName, parentKeyId } = options// 解构赋值 const tree = [] const record = {} for (let i = 0, len = dataList.length; i < len; i+ ...