• 2014年,Google联合Adobe发布了非衬线思源黑体
  • 2017年,Google联合Adobe发布了衬线思源宋体

思源系列字体支持四种不同的东亚语言(简体中文、繁体中文、日语和朝鲜语),7种粗细类型中的每一种都有 65535 个字形,可共同呈现一致的视觉美感。该字体还包含多个西方字形,支持拉丁语、希腊语和西里尔文脚本,这些字形均来源于Source Serif

思源系列字体是迄今为止唯一一款可以免费用于任何场合的“泛中日韩”字体

注:关于衬线、非衬线的介绍见衬线(Serif)与非衬线(Sans-serif)字体

阅读全文 »

在西方国家罗马字母阵营中,字体分为两大种类:Sans SerifSerif,打字机体虽然也属于Sans Serif,但由于是等宽字体,所以另外独立出Monospace这一种类,例如在Web中,表示代码时常常要使用等宽字体。

Serif的意思是,在字的笔划开始及结束的地方有额外的装饰,而且笔划的粗细会因直横的不同而有不同。相反的,Sans Serif则没有这些额外的装饰,笔划粗细大致差不多。如下图:

常用字体的分类:

  • Serif字体:Times New Roman、宋体、细明体
  • Sans Serif字体:ArialTahoma、黑体、幼圆
阅读全文 »

写论文的时候经常需要放上一些仿真、测试的数据图,一般审论文的时候,首先关注的就是图片,因此,图片的质量十分重要。本文主要介绍如何在Word中插入矢量图。

阅读全文 »

本博客之前的主题版本是NexT-7.1.2,如今最新的版本已经是7.7.0了,为了能用上最新的特性,前几天对主题进行了升级,也踩了不少坑。本文主要记录升级过程。

  • 更新前的版本:Hexo-3.8.0、NexT-7.1.2
  • 更新后的版本:Hexo-4.2.0、NexT-7.7.0

说明:本文升级过程中没有修改主题源代码,同时保留了除主页轮播图外基本所有自定义布局、样式

阅读全文 »

NexT主题自带的友链模块放在侧边栏下面,视觉上比较臃肿。

本文介绍两种修改友链样式的方法以及具体的步骤。其中第一种方法需要修改 NexT 主题文件,第二种则不需要。

  • 本博客的友链见:友链
阅读全文 »

这几天将博客主题从NexT-7.1.2升级到了7.7.0,在重新安装插件的时候顺便记录了本博客当前使用的插件,便于后续修改:

插件 版本
babel-runtime 6.26.0
hexo 4.2.0
hexo-abbrlink 2.0.5
hexo-baidu-url-submit 0.0.6
hexo-blog-encrypt 3.0.9
hexo-cake-moon-menu 1.1.3
hexo-deployer-git 2.1.0
hexo-douban 1.1.3
hexo-filter-nofollow 2.0.2
hexo-generator-archive 1.0.0
hexo-generator-baidu-sitemap 0.1.6
hexo-generator-category 1.0.0
hexo-generator-feed 2.2.0
hexo-generator-index-pin-top 0.2.2
hexo-generator-searchdb 1.2.0
hexo-generator-sitemap 2.0.0
hexo-generator-tag 1.0.0
hexo-leancloud-counter-security 1.4.1
hexo-neat 1.0.4
hexo-related-popular-posts 4.0.0
hexo-renderer-ejs 1.0.0
hexo-renderer-marked 2.0.0
hexo-renderer-stylus 1.1.0
hexo-server 1.0.0
hexo-symbols-count-time 0.7.0
hexo-tag-echarts4 1.0.1
阅读全文 »

本文主要介绍Hexo-NexT主题加载性能优化。

  • 主题版本:NexT-7.1.2

注意:本文主要关注加载速度优化,不考虑因为网络问题导致的访问慢问题,由于国内访问GitHub Pages速度不佳,我们可以将博客部署到国内的VPS、Coding Pages,或者采用CDN加速,具体可以参考:

阅读全文 »

本文主要介绍Hexo-NexT主题的几个动画设置:页面动画、页面加载条动画、阅读进度条动画、页面背景动画、图片弹出效果(fancybox)。

  • 主题版本:NexT-7.1.2
阅读全文 »

本文主要介绍如何在Hexo上实现简体/繁体一键切换。

简体繁体切换的基本原理:首先建立一个简体字与繁体字相对应的映射表,然后遍历整个界面,把相应的简体字或者是繁体字映射为对应的字体即可。

阅读全文 »

为了有更明显的对比效果,有时候我们需要将两个不同的曲线放在同一张图中,一般来说,这两个曲线值是不太一样的,需要不同的刻度。这时候,我们可以用双Y轴进行表示。

本文主要介绍如何用matplotlib绘制双Y轴折线图和柱状图。

阅读全文 »