#CSS #技术 #Web #GitHub #Windows
🎀 CSS 的
对于继承属性,
为什么突然介绍这个关键词呢?因为我发现 GitHub 的 Emoji 在 Windows 浏览器里面渲染偏下,这是因为其 CSS 样式表中有这样一条属性定义:
在 Windows 的 Firefox、Chrome 里面,这条规则都让 g-emoji 元素位于当前行偏下的位置。如何将这条 CSS 通过浏览器自定义规则插件 —— Stylus,来去掉呢?我们就可以利用 inherit 这一关键词,将 vertical-align 的值设置为 inherit 来去掉 g-emoji 偏下的渲染效果:
我们在 Stylus 中创建一个新样式,填入上面的代码并保存,使之适用于 GitHub 网站即可。
📮 Via channel: @realSpencerWoo
🎀 CSS 的
inherit
关键词可以让元素获得其父元素的属性(计算)值,即:继承父元素的样式。对于继承属性,
inherit
关键字只是增强了属性的默认行为,只有在重载 (overload) 其它规则的时候被使用。对于非继承属性,inherit
这指定的行为通常没有多大意义,一般使用使用 initial
或 unset
作为替代。为什么突然介绍这个关键词呢?因为我发现 GitHub 的 Emoji 在 Windows 浏览器里面渲染偏下,这是因为其 CSS 样式表中有这样一条属性定义:
g-emoji {
vertical-align: middle;
}
在 Windows 的 Firefox、Chrome 里面,这条规则都让 g-emoji 元素位于当前行偏下的位置。如何将这条 CSS 通过浏览器自定义规则插件 —— Stylus,来去掉呢?我们就可以利用 inherit 这一关键词,将 vertical-align 的值设置为 inherit 来去掉 g-emoji 偏下的渲染效果:
g-emoji {
vertical-align: inherit;
}
我们在 Stylus 中创建一个新样式,填入上面的代码并保存,使之适用于 GitHub 网站即可。
📮 Via channel: @realSpencerWoo
#CMS #Blog #Minimal
📄 Typehut - 极简博客、公告、文章……发布平台
Home | Demo | Twitter
Typehut 是一个非常简单、非常干净的文章发布管理平台,专注内容、为粉丝维护一个极简的通告网站。你可以撰写文章、发布博客,读者朋友们可以通过邮件订阅你的发布,就这样。基于 Markdown 的富文本编辑让 Typehut 发布文章的过程简单而熟悉,付费订阅版本的 Typehut 还支持自定义模板和域名。
个人感觉 Typehut 类似于我之前尝试的 Listed,二者提供的功能几乎一致。感兴趣的同学推荐试一试。
📮 Via channel: @realSpencerWoo
📄 Typehut - 极简博客、公告、文章……发布平台
Home | Demo | Twitter
Typehut 是一个非常简单、非常干净的文章发布管理平台,专注内容、为粉丝维护一个极简的通告网站。你可以撰写文章、发布博客,读者朋友们可以通过邮件订阅你的发布,就这样。基于 Markdown 的富文本编辑让 Typehut 发布文章的过程简单而熟悉,付费订阅版本的 Typehut 还支持自定义模板和域名。
个人感觉 Typehut 类似于我之前尝试的 Listed,二者提供的功能几乎一致。感兴趣的同学推荐试一试。
📮 Via channel: @realSpencerWoo
#Linux #Ubuntu #包管理
🐧 APT 和命令
最近整理更新 Dev on Windows with WSL,不可避免的需要介绍 WSL 中使用的包管理工具。Ubuntu 默认的包管理工具实际上叫做:APT — Ubuntu's Advanced Packaging Tool。使用 Ubuntu 等 Linux 发行版时,我们往往都会使用 APT 等相似的包管理工具来安装、更新我们的软件包。
命令
推荐阅读:Difference Between apt and apt-get Explained - It's FOSS
📮 Via channel: @realSpencerWoo
🐧 APT 和命令
apt
是不同的概念。命令 apt
和 apt-get
是不同的命令。最近整理更新 Dev on Windows with WSL,不可避免的需要介绍 WSL 中使用的包管理工具。Ubuntu 默认的包管理工具实际上叫做:APT — Ubuntu's Advanced Packaging Tool。使用 Ubuntu 等 Linux 发行版时,我们往往都会使用 APT 等相似的包管理工具来安装、更新我们的软件包。
命令
apt
和 apt-get
与 APT 不同,它们是用来和 APT 进行交互的高层命令执行工具。其中,在 Ubuntu 16.04 中 Ubuntu 引入了 apt
命令来代替曾经老用户熟悉的 apt-get
,提供了更用户友好的操作和命令行界面,对软件包 cache 缓存的处理也更为优雅。因此,我们也推荐使用 apt
命令来与 APT 包管理工具交互,安装、管理和更新软件和依赖。推荐阅读:Difference Between apt and apt-get Explained - It's FOSS
📮 Via channel: @realSpencerWoo
#Blog #CMS #Share #Social
📡 POSTOPLAN — Plan, publish and manage
官网 | Product Hunt
一站式社交媒体多端发布平台。一键发布 Instagram feed、Facebook Groups、Telegram Channels、Twitter、Linkedin、Pinterest……统一管理发布内容,数据分析、报表显示,甚至还支持自动化操作。免费版本支持各个平台的一个账号,年费版本每月 $1.4。
// 弱弱的,这个跟我软件工程课程设计的项目基本一样 😂
📮 Via channel: @realSpencerWoo
📡 POSTOPLAN — Plan, publish and manage
官网 | Product Hunt
一站式社交媒体多端发布平台。一键发布 Instagram feed、Facebook Groups、Telegram Channels、Twitter、Linkedin、Pinterest……统一管理发布内容,数据分析、报表显示,甚至还支持自动化操作。免费版本支持各个平台的一个账号,年费版本每月 $1.4。
// 弱弱的,这个跟我软件工程课程设计的项目基本一样 😂
📮 Via channel: @realSpencerWoo
#少数派 #文章 #微软 #英语
📑 昨天发布了一篇文章:英语作文难拿高分?「微软小英写作」帮你指点迷津
少数派文章 | 微软小英写作官网
英语写作是每个学习阶段的同学都必须面对的重要问题。无论是为了准备语言考试,还是为了发布学术期刊,我们都需要用英语进行阅读写作。就如用中文写作需要对错别字、语法错误进行检查纠正一样,英文写作也需要语法、语义上的复验。市面上最著名的在线智能英语写作语法检测工具要属 Grammarly 了。
最近,微软亚洲研究院新推出了一个全新的、更加本土化的、而且完全免费的在线英文写作、语法检查、用词建议网站:「微软小英写作」 —— Microsoft Aim Writing(微软爱写作)。体验下来,「微软小英写作」更加符合我们中国学生为语言考试而准备的写作练习习惯,也有相对高阶的功能。
📮 Via channel: @realSpencerWoo
📑 昨天发布了一篇文章:英语作文难拿高分?「微软小英写作」帮你指点迷津
少数派文章 | 微软小英写作官网
英语写作是每个学习阶段的同学都必须面对的重要问题。无论是为了准备语言考试,还是为了发布学术期刊,我们都需要用英语进行阅读写作。就如用中文写作需要对错别字、语法错误进行检查纠正一样,英文写作也需要语法、语义上的复验。市面上最著名的在线智能英语写作语法检测工具要属 Grammarly 了。
最近,微软亚洲研究院新推出了一个全新的、更加本土化的、而且完全免费的在线英文写作、语法检查、用词建议网站:「微软小英写作」 —— Microsoft Aim Writing(微软爱写作)。体验下来,「微软小英写作」更加符合我们中国学生为语言考试而准备的写作练习习惯,也有相对高阶的功能。
📮 Via channel: @realSpencerWoo
#GitHub #Windows #WSL #更新 #dowww
🎉🎉🎉 历经快半个月的时间,我终于将 Dev on Windows with WSL 重构完成!Dev on Windows with WSL 迎来了 v1.0.0 的里程碑!本次文档重大更新,所有内容几乎全新开始。感谢大家的关注和期待 (✿◡‿◡)
Dev on Windows with WSL 新版入口 | GitHub 仓库
🍗 本次重点更新在于对 WSL 2 进行详细介绍,以及对 VS Code 利用 Remote 远程开发组件包连接 WSL 环境的配置方法的详细讲解。除此之外,文档还增加了 WSL 与 WSL 2 的架构对比、WSL 与 WSL 2 的详细安装方法、VS Code 利用 WSL 环境开发各种语言项目的配置方法……
🥟 同时,文档主网站 VuePress 版本更新到
💗 一年多之前,更确切的来说,2018 年的国庆期间,Dev on Windows with WSL 仅仅是我一个个人的项目,而且仅仅是一篇文章。到今天,我和几位 Contributors 已经撰写了超过 5 个部分的 18 章内容,获得了 360+ Stars,解决了 20 余个问题,合并了 10 余个 PR。感谢大家的关注,鞠躬。
🌟 本条消息欢迎大家奔走相告,让更多的同学了解如何在 Windows 上用 WSL 优雅开发。欢迎大家去 GitHub 上面 Star 项目,你的支持是我更新的最大动力~笔芯 (´▽`ʃ♡ƪ)
📮 Via channel: @realSpencerWoo
🎉🎉🎉 历经快半个月的时间,我终于将 Dev on Windows with WSL 重构完成!Dev on Windows with WSL 迎来了 v1.0.0 的里程碑!本次文档重大更新,所有内容几乎全新开始。感谢大家的关注和期待 (✿◡‿◡)
Dev on Windows with WSL 新版入口 | GitHub 仓库
🍗 本次重点更新在于对 WSL 2 进行详细介绍,以及对 VS Code 利用 Remote 远程开发组件包连接 WSL 环境的配置方法的详细讲解。除此之外,文档还增加了 WSL 与 WSL 2 的架构对比、WSL 与 WSL 2 的详细安装方法、VS Code 利用 WSL 环境开发各种语言项目的配置方法……
🥟 同时,文档主网站 VuePress 版本更新到
^1.0
,引入了更细腻的 smooth-scroll
、Medium 风格的图片预览,重新设计了强调色和侧边栏样式,还嵌入了 Algolia 文档搜索服务。另外,在 VuePress 默认主题的基础之上,还增加了版本归档、版本切换的功能。💗 一年多之前,更确切的来说,2018 年的国庆期间,Dev on Windows with WSL 仅仅是我一个个人的项目,而且仅仅是一篇文章。到今天,我和几位 Contributors 已经撰写了超过 5 个部分的 18 章内容,获得了 360+ Stars,解决了 20 余个问题,合并了 10 余个 PR。感谢大家的关注,鞠躬。
🌟 本条消息欢迎大家奔走相告,让更多的同学了解如何在 Windows 上用 WSL 优雅开发。欢迎大家去 GitHub 上面 Star 项目,你的支持是我更新的最大动力~笔芯 (´▽`ʃ♡ƪ)
📮 Via channel: @realSpencerWoo
#RSS #ADs
🚧 江湖有一招:如何设置过滤器来过滤掉 RSS 里面的广告消息?
大部分 RSS 服务比如 Feedly、Inoreader 和 Tiny Tiny RSS 都有过滤器(但很多都付费)。这里按照文刀的这篇文章的介绍 — Inoreader 使用详解:强力 RSS 信息捕获助手(Power+)— 给大家一个参考。重点关注:货币符号($)、恰饭提示(Sponsor)、各大国外电商(eBay、Best Buy)、各大国外运营商(AT&T、Verizon……)等等。
// 强烈批评 MacRumors 和 9to5Mac!
📮 Via channel: @realSpencerWoo
🚧 江湖有一招:如何设置过滤器来过滤掉 RSS 里面的广告消息?
大部分 RSS 服务比如 Feedly、Inoreader 和 Tiny Tiny RSS 都有过滤器(但很多都付费)。这里按照文刀的这篇文章的介绍 — Inoreader 使用详解:强力 RSS 信息捕获助手(Power+)— 给大家一个参考。重点关注:货币符号($)、恰饭提示(Sponsor)、各大国外电商(eBay、Best Buy)、各大国外运营商(AT&T、Verizon……)等等。
// 强烈批评 MacRumors 和 9to5Mac!
📮 Via channel: @realSpencerWoo
#Notion #Telegram #Archive #Channel #Misc
🔗 频道历史消息归档:@realSpencerWoo - Notion Database
🚀 为频道建立了一个方便大家查阅的发布内容归档数据库 —— 因为 Telegram Channel 内部的搜索……一言难尽,不敢恭维。我直接将频道历史发布全部归档在 Notion 里面,方便我整理,也方便大家搜索。人工整理,如有疏漏还请理解。笔芯 (✿◡‿◡)
📮 Via channel: @realSpencerWoo
🔗 频道历史消息归档:@realSpencerWoo - Notion Database
🚀 为频道建立了一个方便大家查阅的发布内容归档数据库 —— 因为 Telegram Channel 内部的搜索……一言难尽,不敢恭维。我直接将频道历史发布全部归档在 Notion 里面,方便我整理,也方便大家搜索。人工整理,如有疏漏还请理解。笔芯 (✿◡‿◡)
📮 Via channel: @realSpencerWoo
✌️ 耶,恭喜你发现了一只活的 Spencer v2.0!( •̀ ω •́ )y
大家好,我就是全网 ID 几乎都是 @SpencerWoo 的那个 Spencer。事实证明,即使我有微博、有博客、还有少数派,我还是不满足。为了解放我无处发泄的表达欲,我创建了这个 Telegram 频道,分享我的 #碎碎念、#大产品小细节、#奇淫巧计、#浴室沉思、~~#PornHub 每日精选~~(不不不,划掉) 等等。感谢关注!希望大家玩的开心,给大家拜年了!🙇♂️
📦 频道归档:为了方便检索历史消息,频道每次消息发布都会归档至 Notion 公开数据库,方便各位搜索查看。👉 查看详情
🔗 关联链接:这人是谁 | 博客 | 少数派 | v1.0 置顶
📮 Via channel: @realSpencerWoo
大家好,我就是全网 ID 几乎都是 @SpencerWoo 的那个 Spencer。事实证明,即使我有微博、有博客、还有少数派,我还是不满足。为了解放我无处发泄的表达欲,我创建了这个 Telegram 频道,分享我的 #碎碎念、#大产品小细节、#奇淫巧计、#浴室沉思、~~#PornHub 每日精选~~(不不不,划掉) 等等。感谢关注!希望大家玩的开心,给大家拜年了!🙇♂️
📦 频道归档:为了方便检索历史消息,频道每次消息发布都会归档至 Notion 公开数据库,方便各位搜索查看。👉 查看详情
🔗 关联链接:这人是谁 | 博客 | 少数派 | v1.0 置顶
📮 Via channel: @realSpencerWoo
#Notion #Design #Icons
👉 直达网址
Iconfont 真是阿里爸爸宝藏图标库。昨天我在 Iconfont 上面又找到了一个超级好看的图标包,非常适合用在 Notion 上面。1967 个完全不同的图标,实在可爱。(●'◡'●)
📮 Via channel: @realSpencerWoo
👉 直达网址
Iconfont 真是阿里爸爸宝藏图标库。昨天我在 Iconfont 上面又找到了一个超级好看的图标包,非常适合用在 Notion 上面。1967 个完全不同的图标,实在可爱。(●'◡'●)
📮 Via channel: @realSpencerWoo
#Notion #Web #这都行
🎩 不知道有没有小朋友发现哦,我们频道的归档 Notion 公开页面域名被我替换成我自己的域名啦 ヾ(≧▽≦*)o
Notion 自定义域名一直都是一个很多人都想拥有的 feature,在 Notion 官方能提供类似功能之前,有大佬通过 Cloudflare Workers 实现了从你自己的 custom domain 到 notion.so 域名的请求头自动重写,从而实现自定义域名。实测来看我的 tg.spencerwoo.com 访问速度几乎没有影响,甚至可能因为 Cloudflare CDN 导致更快了一些?当然,我自己的 DNS 就是用的 Cloudflare 自家,非常好用 👍
自定义 Notion 公开页面域名的具体操作方法:How to set up a custom domain for your homepage in Notion
📮 Via channel: @realSpencerWoo
🎩 不知道有没有小朋友发现哦,我们频道的归档 Notion 公开页面域名被我替换成我自己的域名啦 ヾ(≧▽≦*)o
Notion 自定义域名一直都是一个很多人都想拥有的 feature,在 Notion 官方能提供类似功能之前,有大佬通过 Cloudflare Workers 实现了从你自己的 custom domain 到 notion.so 域名的请求头自动重写,从而实现自定义域名。实测来看我的 tg.spencerwoo.com 访问速度几乎没有影响,甚至可能因为 Cloudflare CDN 导致更快了一些?当然,我自己的 DNS 就是用的 Cloudflare 自家,非常好用 👍
自定义 Notion 公开页面域名的具体操作方法:How to set up a custom domain for your homepage in Notion
📮 Via channel: @realSpencerWoo
#Notion #少数派 #年度征文
📒 深夜更新:发布了一篇文章 ——《大一统效率利器 Notion,我的使用技巧 | 年度征文》
从 2018 年秋天给 Notion 发申请邮件,成功成(bai)为(piao)高级用户之后,我一直以来使用的记录、管理应用都是 Notion。在这快有两年的时间里,我不仅拥有「单机玩家」使用 Notion 的普遍感受,还真切体验到了作为「多人合作游戏」时 Notion 的强大之处。这篇文章,主要希望和大家分享一下:作为一名学生,如何将 Notion 这款大一统的效率利器,在「整理」与「合作」这两个维度中,实际应用到我们学习之中。
昨天下午 3 点多,突然想分享一下自己这两年使用 Notion 的技巧方法。毕竟作为第一批吃上 Notion 教育会员的用户,还是有很多内容想跟大家分享的。所幸就作为参加少数派 2019 年度征文的素材,去尝试一下,万一能得奖呢 ( •̀ ω •́ )✧
少数派年度征文一共有五个赛道,我这篇文章当然投稿到了
📮 Via channel: @realSpencerWoo
📒 深夜更新:发布了一篇文章 ——《大一统效率利器 Notion,我的使用技巧 | 年度征文》
从 2018 年秋天给 Notion 发申请邮件,成功成(bai)为(piao)高级用户之后,我一直以来使用的记录、管理应用都是 Notion。在这快有两年的时间里,我不仅拥有「单机玩家」使用 Notion 的普遍感受,还真切体验到了作为「多人合作游戏」时 Notion 的强大之处。这篇文章,主要希望和大家分享一下:作为一名学生,如何将 Notion 这款大一统的效率利器,在「整理」与「合作」这两个维度中,实际应用到我们学习之中。
昨天下午 3 点多,突然想分享一下自己这两年使用 Notion 的技巧方法。毕竟作为第一批吃上 Notion 教育会员的用户,还是有很多内容想跟大家分享的。所幸就作为参加少数派 2019 年度征文的素材,去尝试一下,万一能得奖呢 ( •̀ ω •́ )✧
少数派年度征文一共有五个赛道,我这篇文章当然投稿到了
#效率有心得
赛道。少数派年度征文大家都可以尝试一下,详细地址:2019 年度征文 - 少数派📮 Via channel: @realSpencerWoo
#CLI #GitHub
🎫 lsd:下一代 ls 命令继承人
GitHub | Installation
古老而必备的命令 ls 伴随着我们使用 Linux 的整个过程,很多开发者都希望或直接尝试让 ls 拥有更多的功能,这其中就有相对知名的 colorls 项目:用 Ruby 实现的 ls 命令高亮与图表显示。
Ruby 毕竟是脚本语言,性能堪忧。这里我们介绍的 lsd,即为用更加底层的静态语言 Rust 编写的高性能 ls 替代,拥有 ls 的几乎所有功能和速度,也拥有 colorls 的漂亮颜色和图标。推荐大家替换安装。
📮 Via channel: @realSpencerWoo
🎫 lsd:下一代 ls 命令继承人
GitHub | Installation
古老而必备的命令 ls 伴随着我们使用 Linux 的整个过程,很多开发者都希望或直接尝试让 ls 拥有更多的功能,这其中就有相对知名的 colorls 项目:用 Ruby 实现的 ls 命令高亮与图表显示。
Ruby 毕竟是脚本语言,性能堪忧。这里我们介绍的 lsd,即为用更加底层的静态语言 Rust 编写的高性能 ls 替代,拥有 ls 的几乎所有功能和速度,也拥有 colorls 的漂亮颜色和图标。推荐大家替换安装。
alias ls="lsd"
📮 Via channel: @realSpencerWoo
#英语 #Grammar
📓 最近拿英文写参考文档,偶尔会用到
简单来讲,下面的这种书面使用方法是可以接受且比较优雅的:
After work, I’ll walk over to that new sports arena, i.e., Thunderdome.
After work, I’ll walk over to a sports arena, e.g., Thunderdome or Victory Court.
注意看,
🔗 关联阅读:E.g. vs. I.e.–What’s the Difference?
📮 Via channel: @realSpencerWoo
📓 最近拿英文写参考文档,偶尔会用到
e.g.
和 i.e.
这两个比较特殊的用法。这两个「缩写」算是英语世界里比较常见的缩写了,也会用于书面用语之中。e.g.
代表「比如」,i.e.
表示「也就是」。简单来讲,下面的这种书面使用方法是可以接受且比较优雅的:
After work, I’ll walk over to that new sports arena, i.e., Thunderdome.
After work, I’ll walk over to a sports arena, e.g., Thunderdome or Victory Court.
注意看,
i.e.
和 e.g.
都用英文句号 .
表示自己是缩写,并在后面加上了半角逗号 ,
来承接下一句话。🔗 关联阅读:E.g. vs. I.e.–What’s the Difference?
📮 Via channel: @realSpencerWoo
This media is not supported in your browser
VIEW IN TELEGRAM
#Fonts #Design
🌴 JetBrains Mono
Website | Nerd Font GitHub | Related PR
JetBrains Mono 是 JetBrains 家族新推出的等宽字体,支持连字,字形很有特点,即将成为 IntelliJ IDEA、PyCharm 等等 JetBrains 家族 IDE 的默认字体。另外,JetBrains Mono 开源可商用。
Nerd Font 是开源的增加了 Powerline 字符的魔改版字体家族,能够让开发者在终端环境里有图标的显示。今天搜索之后发现已经有人给 Nerd Font 仓库提供了 JetBrains Mono Nerd Font 字体的 PR,但是主分支还尚未合并这一 request,等不及的小朋友们可以直接去这个 PR 现场下载修改之后的字体 TTF 文件。
📮 Via channel: @realSpencerWoo
🌴 JetBrains Mono
Website | Nerd Font GitHub | Related PR
JetBrains Mono 是 JetBrains 家族新推出的等宽字体,支持连字,字形很有特点,即将成为 IntelliJ IDEA、PyCharm 等等 JetBrains 家族 IDE 的默认字体。另外,JetBrains Mono 开源可商用。
Nerd Font 是开源的增加了 Powerline 字符的魔改版字体家族,能够让开发者在终端环境里有图标的显示。今天搜索之后发现已经有人给 Nerd Font 仓库提供了 JetBrains Mono Nerd Font 字体的 PR,但是主分支还尚未合并这一 request,等不及的小朋友们可以直接去这个 PR 现场下载修改之后的字体 TTF 文件。
📮 Via channel: @realSpencerWoo
#Icons #Design
🎴 Animaticons:动态 GIF 图标组合
Website | Product Hunt
Animaticons 是一套共五组动态 GIF 图标的集合,每组大概有 20 - 30 个图标,有一半是彩色、另一半是黑白纯色,非常可爱。目前 Animaticons 有两组图标是免费下载可直接使用的,另外几组需要付费下载,每例 $5。
📮 Via channel: @realSpencerWoo
🎴 Animaticons:动态 GIF 图标组合
Website | Product Hunt
Animaticons 是一套共五组动态 GIF 图标的集合,每组大概有 20 - 30 个图标,有一半是彩色、另一半是黑白纯色,非常可爱。目前 Animaticons 有两组图标是免费下载可直接使用的,另外几组需要付费下载,每例 $5。
📮 Via channel: @realSpencerWoo