分类 编程 下的文章

CSS 垂直居中的最简单写法:容器元素设为 flex 布局,子元素只要写 margin: auto 即可。

<header>
    <h1>A secret weapon…</h1>
</header>
header {
  display: flex;
  height: 100px;
}

h1 {
  margin: auto;
}

在 Messenger 应用中打开网页后,如果用户点击分享,那么分享出的链接和内容如何控制呢?

可以通过 Open Graph 来实现:

carbon.png

查看demo:

在Messenger应用中打开此链接并分享:
https://cdn.ijustplay.cn/files/5bc3c1d52024c150581c7651627304b7.html

实际情况下我们注意到如果没有og信息,Messenger 应用依然会抓取用户网站信息。但是这些信息不一定是我们需要的,因此只需要在网站 meta 信息中加入 og 内容即可控制了。如果遇到问题可留言讨论。

messenger-share.jpg

基于远程仓库创建新分支
git branch branch_name remote_name/branch

基于远程仓库创建新分支并且切换到新分支
git checkout -b branch_name remote_name/branch

获取上次提交hash
git rev-parse HEAD --short

一不小心把文件和目录权限弄错了,想恢复回原有的样子,只需要执行一条命令即可恢复:

find folder '(' -type f -exec chmod 644 {} ';' ')' -o '(' -type d -exec chmod 755 {} ';' ')'

这条命令其实是两条命令合成的:

find folder -type d -exec chmod 755 {} \;
find folder -type f -exec chmod 644 {} \;

-o means OR. This command processes all objects in the project tree that are of type “file” or type “directory”, and executes different commands based on which type each object is.

You can make this slightly more efficient by replacing the semicolons (';') with plus signs (+); this tells find to run chmod 644 once, with all the plain files’ names as arguments, and to run chmod 755 once, with all the directories’ names as arguments.

查看原文

Manually remove

First, reboot your System to be sure it is using the latest kernel. Then open terminal and check your current kernel:

uname -r

DO NOT REMOVE THIS KERNEL!

Next, type the command below to view/list all installed kernels on your system.

dpkg --list | grep linux-image

Find all the kernels that lower than your current kernel. When you know which kernel to remove, continue below to remove it. Run the commands below to remove the kernel you selected.

sudo apt-get purge linux-image-x.x.x-x-generic

Finally, run the commands below to update grub2

sudo update-grub2

Reboot your system.

All-in-one command

All-in-one version to remove images and headers (combines the two versions above):

echo $(dpkg --list | grep linux-image | awk '{ print $2 }' | sort -V | sed -n '/'`uname -r`'/q;p') $(dpkg --list | grep linux-headers | awk '{ print $2 }' | sort -V | sed -n '/'"$(uname -r | sed "s/\([0-9.-]*\)-\([^0-9]\+\)/\1/")"'/q;p') | xargs sudo apt-get -y purge

Question: How do I remove old kernel versions to clean up the boot menu?

字体特性

  • 无论相似的特征是区分的,比如 0O1lI
  • 字体样式(线宽,字符宽度/高度)是否易于阅读
  • 安装方式
  • 分辨率支持
  • 是否开源、收费

流行字体列表

1. Input

Input 是一个灵活的字体系统,由 David Jonathan Ross 专门为代码设计。提供等宽字体和比例字体,所有字体都具有宽度,粗细和样式,以实现更丰富的代码格式。

  • 灵活配置
  • 有 Mono,Sans 和 Serif 两种款式
  • 明确区分相似的字符
  • 清晰的低分辨率和视网膜显示

2. Fira Code

Fira 是 Mozilla 主推的字体系列,Fira Code 是基于 Fira Mono 等宽字体的一个扩展,主要特点是加入了编程连字特性(ligatures)。

Fira Code 就是利用这个特性对编程中的常用符号进行优化,比如把输入的「!=」 直接显示成 「≠」 或者把 「>=」 变成 「≥ 」 等等,以此来提高代码的可读性。

  • 连字特性
  • 多种编辑器、IDE 支持
  • 支持视网膜显示
  • 经常更新
  • 开源免费
  • 提供 CSS

- 阅读剩余部分 -