📄
hexo
  • Introduction
  • 目录
    • 前言
    • 基本介绍
      • 1.1 安装环境
      • 1.2 基本命令
      • 1.3 初始化
      • 1.4 Markdown书写
      • 1.5 文章Front-matter
      • 1.6 第一篇文章
      • 1.7 部署到Web服务器
      • 1.8 托管到Github或Coding
    • 自定义主题
      • 2.1 修改标题
      • 2.2 去Google化
      • 2.3 替换评论服务
      • 2.4 添加百度统计
      • 2.5 新浪微博挂件
      • 2.6 微信二维码挂件
      • 2.7 添加文章目录
      • 2.8 添加回到顶部按钮
      • 2.9 集成推荐模块
      • 2.10 添加计数器
      • 2.11 添加日历云挂件
      • 2.12 添加站内搜索
      • 2.13 国际化
    • 创建主题
      • 3.1 了解主题目录
      • 3.2 了解布局
      • 3.3 选择技术
    • 插件
      • 4.1 脚本
      • 4.2 插件
      • 4.3 脚本示例
      • 4.4 插件示例
    • 致谢
Powered by GitBook
On this page
  • 1. 替换jquery资源库地址
  • 2. 删除Google分析代码
  • 3. 替换Google fonts资源库

Was this helpful?

  1. 目录
  2. 自定义主题

2.2 去Google化

Previous2.1 修改标题Next2.3 替换评论服务

Last updated 5 years ago

Was this helpful?

这是个艰难的决定,Google的服务是非常赞的,但是对与国内用户来说,简单是太煎熬了,太影响访问速度了。

可能你早就发现页面打开后,一直在加载,如下图。

自己可以通过科学上网的方式来访问Google,但是不能要求所有访问你Blog站点的人都能科学上网吧,所以只能忍痛去掉它。

1. 替换jquery资源库地址

在主题目录下找到after-footer.ejs文件,PS:主题目录指的是themes下landscape目录

Blog
├── themes
    └──landscape
        └── layout
            └── _partial
                └── after-footer.ejs

找到下面一段代码

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

修改为:(将jquery的在线地址修改为百度的静态资源库地址)

...
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
...

修改完之后,刷新一下页面,再也没有转圈圈的等待了,是不是感觉爽了一些。

2. 删除Google分析代码

主题默认没有启用,删不删倒不影响,这里还是删掉它,顺便简要介绍一下为什么没有启用。

在同一个目录下,有这么个文件google-analytics.ejs,它就是Google分析的代码。

Blog
├── themes
    └──landscape
        └── layout
            └── _partial
                └── google-analytics.ejs

打开它,

<% if (theme.google_analytics){ %>
<!-- Google Analytics -->
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', '<%= theme.google_analytics %>', 'auto');
ga('send', 'pageview');

</script>
<!-- End Google Analytics -->
<% } %>

第一行出现了一个判断语句,这是ejs模版引擎的语法,theme.google_analytics这个变量是在theme目录下_config.yml配置文件里定义的。

打开_config.yml(注意:这里是主题目录下的配置文件)

...
# Miscellaneous
google_analytics:
favicon: /favicon.png
...

这里默认值为空,即判断语句不成立,故页面上并不会展现google_analytics的这段代码。

好了,原理知道了,接下来就是删掉它,同时删掉google-analytics.ejs文件,最后去掉主题目录下layout/_partial/head.ejs文件中<%- partial('google-analytics') %>这一句的引用就好了,整个世界清净了。

3. 替换Google fonts资源库

在主题目录下layout/_partial/head.ejs文件中找到下面一句代码:

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

替换成如下代码:(360的资源库)

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