yan blog

备份数据库

mysqldump -hhostname -uusername -ppassword databasename > backupfile.sql

单行文本溢出省略

HTML

<p>我是一行很长很长的文字，我是一行很长很长的文字</p>

CSS

p{
  width: 300px;
  height: 150px;
  border: 1px dashed;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

view

多行文本溢出

1.使用css实现

现行CSS中暂无统一实现该样式的属性

但针对于webkit内核的浏览器，可以采用下面的方式实现该样式

HTML

<p>我是一段很长很长的多行文本，我是一段很长很长的多行文本，我是一段很长很长的多行文本，我是一段很长很长的多行文本，我是一段很长很长的多行文本</p>

CSS

p{
  width: 300px;
  border: 1px dashed;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

view

2.使用js实现

使用 Clamp.js

HTML

<p>我是一段很长很长的多行文本，我是一段很长很长的多行文本，我是一段很长很长的多行文本，我是一段很长很长的多行文本，我是一段很长很长的多行文本</p>

CSS

p{
  width: 300px;
  border: 1px dashed;
  overflow: hidden;
}

JS

let el = document.getElementsByTagName('p')[0]

$clamp(el, {clamp: 2})

view

参考内容:

• line-clamp

• Introducing Clamp.js

由于安装 next 主题时，使用的时 git clone https://github.com/theme-next/hexo-theme-next themes/next,直接克隆的 next 主题仓库，当我们要提交站点到仓库时，会发现提交的 themes/next/ 是空目录，没有内容，通过 git status 命令查看仓库状态，有条信息是 modified: themes/next (modified content)，并表明该修改在子模块内，要提交的话也要在子模块仓库里提交

我们可以删除目录 themes/next 的版本控制，使得该目录属于站点仓库的版本控制之内，之后便可以正常提交了

git rm -rf --cached themes/next/
git add themes/next/*
git commit
git push