解决Octopress博客访问慢的问题-CFANZ编程社区

解决Octopress博客访问慢的问题

本博情况

前身为http://androidyue.github.io
新域名droidyue.com从Godaddy购买。
DNS由DNSPod解析。
内容存放在Github Pages。
博客系统为Octopress

必不可少的罗嗦

买了这个域名已经一周了，已经决定博客的面向群体为汉语用户。但是发现国内访问还是超级慢，慢的让人无法接收了，当然具体原因，大家都懂得。没办法，尝试使用过安全宝，速度并没有明显替身，反而搜索引擎收录加少了，遂弃用。于是只好自己修改Octopress程序了。修改之前的访问速度以分钟计数。修改完成之后，秒开了有木有。

清理没用的服务

以下修改均修改_config.yml,以下可以根据自己的需要进行去除。

去除Disqus评论

去除上面红色区域的部分,打开文件找到Disqus Comments，按照下面在每一行前面加#注释掉即可。

1 2 3	# Disqus Comments #disqus_short_name: androidyue #disqus_show_comment_count: true

去掉Github仓库展示

1 2 3 4 5	# Github repositories #github_user: androidyue #github_repo_count: 11 #github_show_profile_link: true #github_skip_forks: true

去除Twitter按钮

1 2 3	# Twitter #twitter_user: #twitter_tweet_button: true

去除Google+相关

1 2 3 4 5 6 7 8	# Google +1 #google_plus_one: true #google_plus_one_size: medium # Google Plus Profile # Hidden: No visible button, just add author information to search results #googleplus_user: 105362551238192049560 #googleplus_hidden: false

# Google +1
#google_plus_one: true
#google_plus_one_size: medium

# Google Plus Profile
# Hidden: No visible button, just add author information to search results
#googleplus_user: 105362551238192049560
#googleplus_hidden: false

去除Pinboard服务

1 2 3	# Pinboard #pinboard_user: #pinboard_count: 3

去除Delicious评论,去除后可能没有评论系统

1 2 3	# Delicious #delicious_user: #delicious_count: 3

去除Facebook Like

1 2	# Facebook Like #facebook_like: true

替换快速的请求资源

其实，真正解决加速的重要环节可能是这里，因为Octopress很多依赖于Google的库和资源。

解决Google Analytics巨慢的问题

对于使用Google Analytics来说，加在ga.js这个文件简直是要命的慢，这里我使用自己存放在七牛CDN上的js.http://droidyue-tools.qiniudn.com/ga.js 已验证，完全可以正常收集数据。
参考如下，修改source/_includes/google_analytics.html

1 2 3 4 5 6 7 8	_gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src='http://droidyue-tools.qiniudn.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>

_gaq.push(['_trackPageview']);

 (function() {
 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 ga.src='http://droidyue-tools.qiniudn.com/ga.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
   </script>

解决fonts.googleapis.com蜗牛慢

这里我们使用数字公司提供的Google Fonts大陆解决方案，使用fonts.useso.com替换fonts.googleapis.com。
修改文件/source/_includes/custom/head.html

1 2 3	<!--Fonts from Google"s Web font directory at http://google.com/webfonts --> <link href="http://fonts.useso.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"> <link href="http://fonts.useso.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">

1
2
3

<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.useso.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.useso.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">

解决ajax.googleapis.com慢的问题

修改source/_includes/head.html

1 2 3 4 5 6	<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <link href="/atom.xml" rel="alternate" title="技术小黑屋" type="application/atom+xml"> <script src="/javascripts/modernizr-2.0.js"></script> <script src="//ajax.useso.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>!window.jQuery && document.write(unescape('%3Cscript src="./javascripts/lib/jquery.min.js"%3E%3C/script%3E'))</script> <script src="/javascripts/octopress.js" type="text/javascript"></script>

<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
   <link href="/atom.xml" rel="alternate" title="技术小黑屋" type="application/atom+xml">
   <script src="/javascripts/modernizr-2.0.js"></script>
   <script src="//ajax.useso.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <script>!window.jQuery && document.write(unescape('%3Cscript src="./javascripts/lib/jquery.min.js"%3E%3C/script%3E'))</script>
   <script src="/javascripts/octopress.js" type="text/javascript"></script>