Hexo博客默认主题的修改与美化7

文章目录

1. 1. Hexo博客Landscape主题的字体和JS库的优化
   1. 1.1. jQuery库的优化
   2. 1.2. 字体优化

Hexo博客Landscape主题的字体和JS库的优化

本文将详述如何优化Hexo博客默认主题的jQuery库和字体

jQuery库的优化

目的：将jQuery替换成百度提供的服务，且在百度的服务暂时不可用时，能够以网站上自带的jQuery作为备份服务。
方法：
1.修改blog\themes\landscape\layout_partial/after-footer.ejs文件，将17行的

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

替换为：

<script src="http://apps.bdimg.com/libs/jquery/2.0.3/jquery.min.js"></script>

<script type="text/javascript">

//<![CDATA[
if (typeof jQuery == 'undefined') {
 document.write(unescape("%3Cscript src='/js/jquery-2.0.3.min.js' type='text/javascript'%3E%3C/script%3E"));
}
// ]]>

</script>

2.去jQuery官方下载合适版本的jQuery并将其放到themes/landscape/source/js/目录下，将其命名为jquery-2.0.3.min.js 最后将该文件开头处的 //@ sourceMappingURL=jquery-2.0.3.min.map 这一行代码删去，否则会导致博客无法生成。

字体优化

目的：优化博客字体，使页面在多个平台上自动显示较合适的字体。
方法：1.修改themes/landscape/source/css/_variables.styl这一文件，将其中第22行

font-sans = "Helvetica Neue", Helvetica, Arial, sans-serif

替换为：

font-sans = "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans CN", "WenQuanYi Micro Hei", Arial, sans-serif

2.放弃Google的Source Code Pro等宽字体，修改themes/landscape/source/css/_variables.styl文件，将其中第24行

font-mono = "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace

替换为
font-mono = Consolas, Monaco, Menlo, monospace
3.最后删除引用Google字体的代码，编辑文件themes/landscape/layout/_partial/after-footer.ejs，将其中的

<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">

删除即可。

---

版权声明

Scholar’s Blog by scholargeek is licensed under a Creative Commons BY-NC-ND 4.0 International License.
由董仕麟创作并维护的scholargeek博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。

本文首发于Scholar’s Blog博客，版权所有，侵权必究。

本文永久链接：https://scholargeek.github.io/2019/07/21/Hexo%E5%8D%9A%E5%AE%A2%E9%BB%98%E8%AE%A4%E4%B8%BB%E9%A2%98%E7%9A%84%E4%BF%AE%E6%94%B9%E4%B8%8E%E7%BE%8E%E5%8C%967/