home/wahyd4.github.com
2
0
Fork 0
mirror of https://github.com/wahyd4/wahyd4.github.com.git synced 2026-08-08 21:05:52 +10:00
Code Issues Packages Projects Releases Wiki Activity

Site updated: 2017-08-23 17:31:39

Browse Source
This commit is contained in:
junv
2017-08-23 17:31:41 +08:00
parent a9a8b89a2a
commit 8684dda293
1099 changed files with 684258 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
2014/04/09/develop-web-based-cross-platform-mobile-app/index.html
+771
View File
@@ -0,0 +1,771 @@
<!DOCTYPE html>
<html class="theme-next gemini use-motion" lang="zh-Hans">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
<link href="/css/main.css?v=5.1.2" rel="stylesheet" type="text/css" />
<meta name="keywords" content="web,node.js,angular.js,mobile," />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.2" />
<meta name="description" content="这是我在公司做的一个内部分享的PPT，主要分享的是利用WEB 相关的开发技术开发跨平台的移动应用。 demo 应用可以从 http://librme.com 找到，此外PPT 中提到的技术有： Angular.js Node.js Gulp.js bower.js Ionic framework Cordova / Phonegap CoffeeScript 下面是PPT 资料：">
<meta name="keywords" content="web,node.js,angular.js,mobile">
<meta property="og:type" content="article">
<meta property="og:title" content="Develop web based cross platform mobile app（开发基于Web的跨平台移动应用）">
<meta property="og:url" content="http://toozhao.com/2014/04/09/develop-web-based-cross-platform-mobile-app/index.html">
<meta property="og:site_name" content="大染志">
<meta property="og:description" content="这是我在公司做的一个内部分享的PPT，主要分享的是利用WEB 相关的开发技术开发跨平台的移动应用。 demo 应用可以从 http://librme.com 找到，此外PPT 中提到的技术有： Angular.js Node.js Gulp.js bower.js Ionic framework Cordova / Phonegap CoffeeScript 下面是PPT 资料：">
<meta property="og:locale" content="zh-Hans">
<meta property="og:updated_time" content="2014-04-09T08:55:42.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Develop web based cross platform mobile app（开发基于Web的跨平台移动应用）">
<meta name="twitter:description" content="这是我在公司做的一个内部分享的PPT，主要分享的是利用WEB 相关的开发技术开发跨平台的移动应用。 demo 应用可以从 http://librme.com 找到，此外PPT 中提到的技术有： Angular.js Node.js Gulp.js bower.js Ionic framework Cordova / Phonegap CoffeeScript 下面是PPT 资料：">
<script type="text/javascript" id="hexo.configurations">
var NexT = window.NexT || {};
var CONFIG = {
root: '/',
scheme: 'Gemini',
version: '5.1.2',
sidebar: {"position":"left","display":"post","offset":12,"offset_float":12,"b2t":false,"scrollpercent":false,"onmobile":false},
fancybox: true,
tabs: true,
motion: true,
duoshuo: {
userId: '0',
author: '博主'
},
algolia: {
applicationID: '',
apiKey: '',
indexName: '',
hits: {"per_page":10},
labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
}
};
</script>
<link rel="canonical" href="http://toozhao.com/2014/04/09/develop-web-based-cross-platform-mobile-app/"/>
<title>Develop web based cross platform mobile app（开发基于Web的跨平台移动应用） | 大染志</title>
<script>
(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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5243064-16', 'auto');
ga('send', 'pageview');
</script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
<div class="container sidebar-position-left page-post-detail ">
<div class="headband"></div>
<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner"><div class="site-brand-wrapper">
<div class="site-meta ">
<div class="custom-logo-site-title">
<a href="/" class="brand" rel="start">
<span class="logo-line-before"><i></i></span>
<span class="site-title">大染志</span>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<p class="site-subtitle">想要玩得很 High 的程序员</p>
</div>
<div class="site-nav-toggle">
<button>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
</button>
</div>
</div>
<nav class="site-nav">
<ul id="menu" class="menu">
<li class="menu-item menu-item-home">
<a href="/" rel="section">
<i class="menu-item-icon fa fa-fw fa-home"></i> <br />
首页
</a>
</li>
<li class="menu-item menu-item-archives">
<a href="/archives/" rel="section">
<i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
归档
</a>
</li>
<li class="menu-item menu-item-about">
<a href="/about" rel="section">
<i class="menu-item-icon fa fa-fw fa-user"></i> <br />
关于
</a>
</li>
<li class="menu-item menu-item-categories">
<a href="/categories/" rel="section">
<i class="menu-item-icon fa fa-fw fa-th"></i> <br />
分类
</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="main" class="main">
<div class="main-inner">
<div class="content-wrap">
<div id="content" class="content">
<div id="posts" class="posts-expand">
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
<div class="post-block">
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2014/04/09/develop-web-based-cross-platform-mobile-app/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Junv">
<meta itemprop="description" content="">
<meta itemprop="image" content="/images/avatar.gif">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="大染志">
</span>
<header class="post-header">
<h1 class="post-title" itemprop="name headline">Develop web based cross platform mobile app（开发基于Web的跨平台移动应用）</h1>
<div class="post-meta">
<span class="post-time">
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">发表于</span>
<time title="创建于" itemprop="dateCreated datePublished" datetime="2014-04-09T16:48:45+08:00">
2014-04-09
</time>
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-calendar-check-o"></i>
</span>
<span class="post-meta-item-text">更新于&#58;</span>
<time title="更新于" itemprop="dateModified" datetime="2014-04-09T16:55:42+08:00">
2014-04-09
</time>
</span>
<span class="post-category" >
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-folder-o"></i>
</span>
<span class="post-meta-item-text">分类于</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/web/" itemprop="url" rel="index">
<span itemprop="name">web</span>
</a>
</span>
，
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/web/mobile/" itemprop="url" rel="index">
<span itemprop="name">mobile</span>
</a>
</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p>这是我在公司做的一个内部分享的PPT，主要分享的是利用WEB 相关的开发技术开发跨平台的移动应用。</p>
<p>demo 应用可以从 <a href="http://librme.com" target="_blank" rel="external">http://librme.com</a> 找到，此外PPT 中提到的技术有： </p>
<ul>
<li>Angular.js</li>
<li>Node.js</li>
<li>Gulp.js</li>
<li>bower.js</li>
<li>Ionic framework</li>
<li>Cordova / Phonegap</li>
<li>CoffeeScript</li>
</ul>
<p>下面是PPT 资料：</p>
<script async class="speakerdeck-embed" data-id="1c36cc30a1f00131d5c20ec531db4d7f" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
</div>
<footer class="post-footer">
<div class="post-tags">
<a href="/tags/web/" rel="tag"># web</a>
<a href="/tags/node-js/" rel="tag"># node.js</a>
<a href="/tags/angular-js/" rel="tag"># angular.js</a>
<a href="/tags/mobile/" rel="tag"># mobile</a>
</div>
<div class="post-nav">
<div class="post-nav-next post-nav-item">
<a href="/2013/11/26/what-do-i-think-of-agile/" rel="next" title="我怎么看敏捷">
<i class="fa fa-chevron-left"></i> 我怎么看敏捷
</a>
</div>
<span class="post-nav-divider"></span>
<div class="post-nav-prev post-nav-item">
<a href="/2014/06/21/my-experience-about-publish-app-to-apple-store/" rel="prev" title="发布iPhone应用到Apple Store的经历">
发布iPhone应用到Apple Store的经历 <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</footer>
</div>
</article>
<div class="post-spread">
</div>
</div>
</div>
<div class="comments" id="comments">
</div>
</div>
<div class="sidebar-toggle">
<div class="sidebar-toggle-line-wrap">
<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
</div>
</div>
<aside id="sidebar" class="sidebar">
<div class="sidebar-inner">
<section class="site-overview sidebar-panel sidebar-panel-active">
<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
<img class="site-author-image" itemprop="image"
src="/images/avatar.gif"
alt="Junv" />
<p class="site-author-name" itemprop="name">Junv</p>
<p class="site-description motion-element" itemprop="description">Go, JavaScript, Ruby on Rails, Java, Git, Docker, CI, CD, HTML5, 创新, 拍照, 创业, Cordova</p>
</div>
<nav class="site-state motion-element">
<div class="site-state-item site-state-posts">
<a href="/archives/">
<span class="site-state-item-count">304</span>
<span class="site-state-item-name">日志</span>
</a>
</div>
<div class="site-state-item site-state-categories">
<span class="site-state-item-count">69</span>
<span class="site-state-item-name">分类</span>
</div>
<div class="site-state-item site-state-tags">
<span class="site-state-item-count">244</span>
<span class="site-state-item-name">标签</span>
</div>
</nav>
<div class="links-of-author motion-element">
<span class="links-of-author-item">
<a href="https://github.com/wahyd4" target="_blank" title="GitHub">
<i class="fa fa-fw fa-github"></i>
GitHub
</a>
</span>
<span class="links-of-author-item">
<a href="https://www.linkedin.com/in/junwei-zhao-46944557" target="_blank" title="LinkedIn">
<i class="fa fa-fw fa-linkedin"></i>
LinkedIn
</a>
</span>
</div>
</section>
</div>
</aside>
</div>
</main>
<footer id="footer" class="footer">
<div class="footer-inner">
<div class="copyright" >
&copy;
<span itemprop="copyrightYear">2017</span>
<span class="with-love">
<i class="fa fa-heart"></i>
</span>
<span class="author" itemprop="copyrightHolder">Junv</span>
</div>
</div>
</footer>
<div class="back-to-top">
<i class="fa fa-arrow-up"></i>
</div>
</div>
<script type="text/javascript">
if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
window.Promise = null;
}
</script>
<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript" src="/js/src/utils.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/motion.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/affix.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.2"></script>
</body>
</html>
2014/06/21/my-experience-about-publish-app-to-apple-store/index.html
+755
View File
@@ -0,0 +1,755 @@
<!DOCTYPE html>
<html class="theme-next gemini use-motion" lang="zh-Hans">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
<link href="/css/main.css?v=5.1.2" rel="stylesheet" type="text/css" />
<meta name="keywords" content="iPhone," />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.2" />
<meta name="description" content="理想是丰满的，现实是骨干的。成功在于高效强有力的执行力。 在尝试发布iPhone应用之前就在网上看过一些资料，也在论坛里面看到其他人发的帖子，都提及发布应用时间比较漫长，可能会被苹果打回进行相关修改后才能继续发布。但是没有想到我的这次发布，期间总共进行了大大小小的4次修改，共花了50天左右的时间。下面就聊聊这次发布过程中的故事吧。 — 需要补充 —">
<meta name="keywords" content="iPhone">
<meta property="og:type" content="article">
<meta property="og:title" content="发布iPhone应用到Apple Store的经历">
<meta property="og:url" content="http://toozhao.com/2014/06/21/my-experience-about-publish-app-to-apple-store/index.html">
<meta property="og:site_name" content="大染志">
<meta property="og:description" content="理想是丰满的，现实是骨干的。成功在于高效强有力的执行力。 在尝试发布iPhone应用之前就在网上看过一些资料，也在论坛里面看到其他人发的帖子，都提及发布应用时间比较漫长，可能会被苹果打回进行相关修改后才能继续发布。但是没有想到我的这次发布，期间总共进行了大大小小的4次修改，共花了50天左右的时间。下面就聊聊这次发布过程中的故事吧。 — 需要补充 —">
<meta property="og:locale" content="zh-Hans">
<meta property="og:updated_time" content="2014-07-20T15:58:32.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="发布iPhone应用到Apple Store的经历">
<meta name="twitter:description" content="理想是丰满的，现实是骨干的。成功在于高效强有力的执行力。 在尝试发布iPhone应用之前就在网上看过一些资料，也在论坛里面看到其他人发的帖子，都提及发布应用时间比较漫长，可能会被苹果打回进行相关修改后才能继续发布。但是没有想到我的这次发布，期间总共进行了大大小小的4次修改，共花了50天左右的时间。下面就聊聊这次发布过程中的故事吧。 — 需要补充 —">
<script type="text/javascript" id="hexo.configurations">
var NexT = window.NexT || {};
var CONFIG = {
root: '/',
scheme: 'Gemini',
version: '5.1.2',
sidebar: {"position":"left","display":"post","offset":12,"offset_float":12,"b2t":false,"scrollpercent":false,"onmobile":false},
fancybox: true,
tabs: true,
motion: true,
duoshuo: {
userId: '0',
author: '博主'
},
algolia: {
applicationID: '',
apiKey: '',
indexName: '',
hits: {"per_page":10},
labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
}
};
</script>
<link rel="canonical" href="http://toozhao.com/2014/06/21/my-experience-about-publish-app-to-apple-store/"/>
<title>发布iPhone应用到Apple Store的经历 | 大染志</title>
<script>
(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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5243064-16', 'auto');
ga('send', 'pageview');
</script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
<div class="container sidebar-position-left page-post-detail ">
<div class="headband"></div>
<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner"><div class="site-brand-wrapper">
<div class="site-meta ">
<div class="custom-logo-site-title">
<a href="/" class="brand" rel="start">
<span class="logo-line-before"><i></i></span>
<span class="site-title">大染志</span>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<p class="site-subtitle">想要玩得很 High 的程序员</p>
</div>
<div class="site-nav-toggle">
<button>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
</button>
</div>
</div>
<nav class="site-nav">
<ul id="menu" class="menu">
<li class="menu-item menu-item-home">
<a href="/" rel="section">
<i class="menu-item-icon fa fa-fw fa-home"></i> <br />
首页
</a>
</li>
<li class="menu-item menu-item-archives">
<a href="/archives/" rel="section">
<i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
归档
</a>
</li>
<li class="menu-item menu-item-about">
<a href="/about" rel="section">
<i class="menu-item-icon fa fa-fw fa-user"></i> <br />
关于
</a>
</li>
<li class="menu-item menu-item-categories">
<a href="/categories/" rel="section">
<i class="menu-item-icon fa fa-fw fa-th"></i> <br />
分类
</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="main" class="main">
<div class="main-inner">
<div class="content-wrap">
<div id="content" class="content">
<div id="posts" class="posts-expand">
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
<div class="post-block">
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2014/06/21/my-experience-about-publish-app-to-apple-store/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Junv">
<meta itemprop="description" content="">
<meta itemprop="image" content="/images/avatar.gif">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="大染志">
</span>
<header class="post-header">
<h1 class="post-title" itemprop="name headline">发布iPhone应用到Apple Store的经历</h1>
<div class="post-meta">
<span class="post-time">
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">发表于</span>
<time title="创建于" itemprop="dateCreated datePublished" datetime="2014-06-21T22:26:40+08:00">
2014-06-21
</time>
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-calendar-check-o"></i>
</span>
<span class="post-meta-item-text">更新于&#58;</span>
<time title="更新于" itemprop="dateModified" datetime="2014-07-20T23:58:32+08:00">
2014-07-20
</time>
</span>
<span class="post-category" >
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-folder-o"></i>
</span>
<span class="post-meta-item-text">分类于</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/apple/" itemprop="url" rel="index">
<span itemprop="name">apple</span>
</a>
</span>
，
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/apple/我说/" itemprop="url" rel="index">
<span itemprop="name">我说</span>
</a>
</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p>理想是丰满的，现实是骨干的。<br>成功在于高效强有力的执行力。</p>
<p>在尝试发布iPhone应用之前就在网上看过一些资料，也在论坛里面看到其他人发的帖子，都提及发布应用时间比较漫长，可能会被苹果打回进行相关修改后才能继续发布。但是没有想到我的这次发布，期间总共进行了大大小小的4次修改，共花了50天左右的时间。下面就聊聊这次发布过程中的故事吧。</p>
<p>— 需要补充 —</p>
</div>
<footer class="post-footer">
<div class="post-tags">
<a href="/tags/iPhone/" rel="tag"># iPhone</a>
</div>
<div class="post-nav">
<div class="post-nav-next post-nav-item">
<a href="/2014/04/09/develop-web-based-cross-platform-mobile-app/" rel="next" title="Develop web based cross platform mobile app（开发基于Web的跨平台移动应用）">
<i class="fa fa-chevron-left"></i> Develop web based cross platform mobile app（开发基于Web的跨平台移动应用）
</a>
</div>
<span class="post-nav-divider"></span>
<div class="post-nav-prev post-nav-item">
<a href="/2014/08/31/improve-the-load-speed-of-blog/" rel="prev" title="使用七牛云提升博客加载速度">
使用七牛云提升博客加载速度 <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</footer>
</div>
</article>
<div class="post-spread">
</div>
</div>
</div>
<div class="comments" id="comments">
</div>
</div>
<div class="sidebar-toggle">
<div class="sidebar-toggle-line-wrap">
<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
</div>
</div>
<aside id="sidebar" class="sidebar">
<div class="sidebar-inner">
<section class="site-overview sidebar-panel sidebar-panel-active">
<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
<img class="site-author-image" itemprop="image"
src="/images/avatar.gif"
alt="Junv" />
<p class="site-author-name" itemprop="name">Junv</p>
<p class="site-description motion-element" itemprop="description">Go, JavaScript, Ruby on Rails, Java, Git, Docker, CI, CD, HTML5, 创新, 拍照, 创业, Cordova</p>
</div>
<nav class="site-state motion-element">
<div class="site-state-item site-state-posts">
<a href="/archives/">
<span class="site-state-item-count">304</span>
<span class="site-state-item-name">日志</span>
</a>
</div>
<div class="site-state-item site-state-categories">
<span class="site-state-item-count">69</span>
<span class="site-state-item-name">分类</span>
</div>
<div class="site-state-item site-state-tags">
<span class="site-state-item-count">244</span>
<span class="site-state-item-name">标签</span>
</div>
</nav>
<div class="links-of-author motion-element">
<span class="links-of-author-item">
<a href="https://github.com/wahyd4" target="_blank" title="GitHub">
<i class="fa fa-fw fa-github"></i>
GitHub
</a>
</span>
<span class="links-of-author-item">
<a href="https://www.linkedin.com/in/junwei-zhao-46944557" target="_blank" title="LinkedIn">
<i class="fa fa-fw fa-linkedin"></i>
LinkedIn
</a>
</span>
</div>
</section>
</div>
</aside>
</div>
</main>
<footer id="footer" class="footer">
<div class="footer-inner">
<div class="copyright" >
&copy;
<span itemprop="copyrightYear">2017</span>
<span class="with-love">
<i class="fa fa-heart"></i>
</span>
<span class="author" itemprop="copyrightHolder">Junv</span>
</div>
</div>
</footer>
<div class="back-to-top">
<i class="fa fa-arrow-up"></i>
</div>
</div>
<script type="text/javascript">
if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
window.Promise = null;
}
</script>
<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript" src="/js/src/utils.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/motion.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/affix.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.2"></script>
</body>
</html>
2014/08/31/improve-the-load-speed-of-blog/index.html
+752
View File
@@ -0,0 +1,752 @@
<!DOCTYPE html>
<html class="theme-next gemini use-motion" lang="zh-Hans">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
<link href="/css/main.css?v=5.1.2" rel="stylesheet" type="text/css" />
<meta name="keywords" content="cloud," />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.2" />
<meta name="description" content="由于大家都懂的原因，谷歌被彻底封锁了，连供程序员使用的在线托管的第三方库google apis，和 google web fonts 也不能使用了。这使得本来放在国外的博客变得更慢，关键是如果用了那些库的话，基本上是几分钟都加载不了的节奏。我的博客放在github page上，最近也发现访问也越来越慢，比如JS、css、图片等加载都很慢。然后就有了优化的想法，恰好之前有同事提到他使用过七牛云还不错">
<meta name="keywords" content="cloud">
<meta property="og:type" content="article">
<meta property="og:title" content="使用七牛云提升博客加载速度">
<meta property="og:url" content="http://toozhao.com/2014/08/31/improve-the-load-speed-of-blog/index.html">
<meta property="og:site_name" content="大染志">
<meta property="og:description" content="由于大家都懂的原因，谷歌被彻底封锁了，连供程序员使用的在线托管的第三方库google apis，和 google web fonts 也不能使用了。这使得本来放在国外的博客变得更慢，关键是如果用了那些库的话，基本上是几分钟都加载不了的节奏。我的博客放在github page上，最近也发现访问也越来越慢，比如JS、css、图片等加载都很慢。然后就有了优化的想法，恰好之前有同事提到他使用过七牛云还不错">
<meta property="og:locale" content="zh-Hans">
<meta property="og:image" content="http://7narz1.com1.z0.glb.clouddn.com/web-assets.png?imageView2/2/w/1024">
<meta property="og:updated_time" content="2015-08-04T03:33:17.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="使用七牛云提升博客加载速度">
<meta name="twitter:description" content="由于大家都懂的原因，谷歌被彻底封锁了，连供程序员使用的在线托管的第三方库google apis，和 google web fonts 也不能使用了。这使得本来放在国外的博客变得更慢，关键是如果用了那些库的话，基本上是几分钟都加载不了的节奏。我的博客放在github page上，最近也发现访问也越来越慢，比如JS、css、图片等加载都很慢。然后就有了优化的想法，恰好之前有同事提到他使用过七牛云还不错">
<meta name="twitter:image" content="http://7narz1.com1.z0.glb.clouddn.com/web-assets.png?imageView2/2/w/1024">
<script type="text/javascript" id="hexo.configurations">
var NexT = window.NexT || {};
var CONFIG = {
root: '/',
scheme: 'Gemini',
version: '5.1.2',
sidebar: {"position":"left","display":"post","offset":12,"offset_float":12,"b2t":false,"scrollpercent":false,"onmobile":false},
fancybox: true,
tabs: true,
motion: true,
duoshuo: {
userId: '0',
author: '博主'
},
algolia: {
applicationID: '',
apiKey: '',
indexName: '',
hits: {"per_page":10},
labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
}
};
</script>
<link rel="canonical" href="http://toozhao.com/2014/08/31/improve-the-load-speed-of-blog/"/>
<title>使用七牛云提升博客加载速度 | 大染志</title>
<script>
(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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5243064-16', 'auto');
ga('send', 'pageview');
</script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
<div class="container sidebar-position-left page-post-detail ">
<div class="headband"></div>
<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner"><div class="site-brand-wrapper">
<div class="site-meta ">
<div class="custom-logo-site-title">
<a href="/" class="brand" rel="start">
<span class="logo-line-before"><i></i></span>
<span class="site-title">大染志</span>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<p class="site-subtitle">想要玩得很 High 的程序员</p>
</div>
<div class="site-nav-toggle">
<button>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
</button>
</div>
</div>
<nav class="site-nav">
<ul id="menu" class="menu">
<li class="menu-item menu-item-home">
<a href="/" rel="section">
<i class="menu-item-icon fa fa-fw fa-home"></i> <br />
首页
</a>
</li>
<li class="menu-item menu-item-archives">
<a href="/archives/" rel="section">
<i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
归档
</a>
</li>
<li class="menu-item menu-item-about">
<a href="/about" rel="section">
<i class="menu-item-icon fa fa-fw fa-user"></i> <br />
关于
</a>
</li>
<li class="menu-item menu-item-categories">
<a href="/categories/" rel="section">
<i class="menu-item-icon fa fa-fw fa-th"></i> <br />
分类
</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="main" class="main">
<div class="main-inner">
<div class="content-wrap">
<div id="content" class="content">
<div id="posts" class="posts-expand">
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
<div class="post-block">
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2014/08/31/improve-the-load-speed-of-blog/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Junv">
<meta itemprop="description" content="">
<meta itemprop="image" content="/images/avatar.gif">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="大染志">
</span>
<header class="post-header">
<h1 class="post-title" itemprop="name headline">使用七牛云提升博客加载速度</h1>
<div class="post-meta">
<span class="post-time">
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">发表于</span>
<time title="创建于" itemprop="dateCreated datePublished" datetime="2014-08-31T20:26:40+08:00">
2014-08-31
</time>
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-calendar-check-o"></i>
</span>
<span class="post-meta-item-text">更新于&#58;</span>
<time title="更新于" itemprop="dateModified" datetime="2015-08-04T11:33:17+08:00">
2015-08-04
</time>
</span>
<span class="post-category" >
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-folder-o"></i>
</span>
<span class="post-meta-item-text">分类于</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/我说/" itemprop="url" rel="index">
<span itemprop="name">我说</span>
</a>
</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p>由于大家都懂的原因，谷歌被彻底封锁了，连供程序员使用的在线托管的第三方库google apis，和 google web fonts 也不能使用了。<br>这使得本来放在国外的博客变得更慢，关键是如果用了那些库的话，基本上是几分钟都加载不了的节奏。<br>我的博客放在github page上，最近也发现访问也越来越慢，比如JS、css、图片等加载都很慢。然后就有了优化的想法，恰好之前有同事提到他使用过七牛云还不错，速度在国内挺快，而且注册后还有免费的套餐用，而且基本够用。<br>现在使用了之后发现，的确够用，对于我这样一个每天只有几十个人访问的博客而言。简单讲讲我是怎么优化的。</p>
<ul>
<li>去掉不必要的JS、CSS等资源文件，我现在使用的是Hexo，最终的博客都是以预生成的静态HTML文件。在详细观察HTML的结构后发现其实有一些js是不需要的，<br>如fancybox-一款图片插件插件，提供画廊的形式查看当然博客的图片，对我而言嵌在网页里足以；mathx?,一款用于在网页上显示数学公式的js插件，对我是在没必要。</li>
<li>在Chrome 的控制台中发现网页加载图片、和JS奇慢，很多都需要2，3秒才能加载成功。因此我想到了那那些稍大的图片和JS均放到七牛云里面。</li>
<li>替换引用的google 相关资源文件，我的博客里面主要用来google web font的一款字体，因为google 上的字体本身也是开源的，我便把我需要使用的字体存一份在七牛云上，<br>自己在CSS 里面声明一个@fontface即可。（这样做应该没有侵犯版权吧）</li>
<li>使用GZIP 对生成的HTML进行压缩，也可以减小传输时间。 </li>
</ul>
<p>在进行了以上的步骤之后，网页的记载速度有很大提升。之前是ping 通网页以后，通常还需要10秒以上的时间才能及在完，现在大概只需要3秒左右的时间。<br>偶尔依然比较慢，经过查看后发现依然是剩下放在在github 的js,css加载很慢。Anyway, 已经是可以接受的范围了。 </p>
<p>这里不得不赞一下七牛云，在国内的访问速度的确是很话说，因为也曾用过360的一个公共CDN的JS库，加载速度还是会比七牛云慢一截，关键是现在免费的每月10G流量已经够我使用了。<br>最后放一张优化后的加载时间图.<br><img src="http://7narz1.com1.z0.glb.clouddn.com/web-assets.png?imageView2/2/w/1024" alt="加载时间"></p>
</div>
<footer class="post-footer">
<div class="post-tags">
<a href="/tags/cloud/" rel="tag"># cloud</a>
</div>
<div class="post-nav">
<div class="post-nav-next post-nav-item">
<a href="/2014/06/21/my-experience-about-publish-app-to-apple-store/" rel="next" title="发布iPhone应用到Apple Store的经历">
<i class="fa fa-chevron-left"></i> 发布iPhone应用到Apple Store的经历
</a>
</div>
<span class="post-nav-divider"></span>
<div class="post-nav-prev post-nav-item">
<a href="/2014/10/03/photos-in-Beijing/" rel="prev" title="5，6月在北京的几张照片">
5，6月在北京的几张照片 <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</footer>
</div>
</article>
<div class="post-spread">
</div>
</div>
</div>
<div class="comments" id="comments">
</div>
</div>
<div class="sidebar-toggle">
<div class="sidebar-toggle-line-wrap">
<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
</div>
</div>
<aside id="sidebar" class="sidebar">
<div class="sidebar-inner">
<section class="site-overview sidebar-panel sidebar-panel-active">
<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
<img class="site-author-image" itemprop="image"
src="/images/avatar.gif"
alt="Junv" />
<p class="site-author-name" itemprop="name">Junv</p>
<p class="site-description motion-element" itemprop="description">Go, JavaScript, Ruby on Rails, Java, Git, Docker, CI, CD, HTML5, 创新, 拍照, 创业, Cordova</p>
</div>
<nav class="site-state motion-element">
<div class="site-state-item site-state-posts">
<a href="/archives/">
<span class="site-state-item-count">304</span>
<span class="site-state-item-name">日志</span>
</a>
</div>
<div class="site-state-item site-state-categories">
<span class="site-state-item-count">69</span>
<span class="site-state-item-name">分类</span>
</div>
<div class="site-state-item site-state-tags">
<span class="site-state-item-count">244</span>
<span class="site-state-item-name">标签</span>
</div>
</nav>
<div class="links-of-author motion-element">
<span class="links-of-author-item">
<a href="https://github.com/wahyd4" target="_blank" title="GitHub">
<i class="fa fa-fw fa-github"></i>
GitHub
</a>
</span>
<span class="links-of-author-item">
<a href="https://www.linkedin.com/in/junwei-zhao-46944557" target="_blank" title="LinkedIn">
<i class="fa fa-fw fa-linkedin"></i>
LinkedIn
</a>
</span>
</div>
</section>
</div>
</aside>
</div>
</main>
<footer id="footer" class="footer">
<div class="footer-inner">
<div class="copyright" >
&copy;
<span itemprop="copyrightYear">2017</span>
<span class="with-love">
<i class="fa fa-heart"></i>
</span>
<span class="author" itemprop="copyrightHolder">Junv</span>
</div>
</div>
</footer>
<div class="back-to-top">
<i class="fa fa-arrow-up"></i>
</div>
</div>
<script type="text/javascript">
if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
window.Promise = null;
}
</script>
<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript" src="/js/src/utils.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/motion.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/affix.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.2"></script>
</body>
</html>
2014/10/03/photos-in-Beijing/index.html
+747
View File
@@ -0,0 +1,747 @@
<!DOCTYPE html>
<html class="theme-next gemini use-motion" lang="zh-Hans">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
<link href="/css/main.css?v=5.1.2" rel="stylesheet" type="text/css" />
<meta name="keywords" content="photos,beijing," />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.2" />
<meta name="keywords" content="photos,beijing">
<meta property="og:type" content="article">
<meta property="og:title" content="5，6月在北京的几张照片">
<meta property="og:url" content="http://toozhao.com/2014/10/03/photos-in-Beijing/index.html">
<meta property="og:site_name" content="大染志">
<meta property="og:locale" content="zh-Hans">
<meta property="og:image" content="http://junv-photos.qiniudn.com/DSC00041.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/DSC00045.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/DSC00051.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/DSC00066.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/DSC00074.jpg">
<meta property="og:updated_time" content="2014-10-03T01:37:57.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="5，6月在北京的几张照片">
<meta name="twitter:image" content="http://junv-photos.qiniudn.com/DSC00041.jpg">
<script type="text/javascript" id="hexo.configurations">
var NexT = window.NexT || {};
var CONFIG = {
root: '/',
scheme: 'Gemini',
version: '5.1.2',
sidebar: {"position":"left","display":"post","offset":12,"offset_float":12,"b2t":false,"scrollpercent":false,"onmobile":false},
fancybox: true,
tabs: true,
motion: true,
duoshuo: {
userId: '0',
author: '博主'
},
algolia: {
applicationID: '',
apiKey: '',
indexName: '',
hits: {"per_page":10},
labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
}
};
</script>
<link rel="canonical" href="http://toozhao.com/2014/10/03/photos-in-Beijing/"/>
<title>5，6月在北京的几张照片 | 大染志</title>
<script>
(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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5243064-16', 'auto');
ga('send', 'pageview');
</script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
<div class="container sidebar-position-left page-post-detail ">
<div class="headband"></div>
<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner"><div class="site-brand-wrapper">
<div class="site-meta ">
<div class="custom-logo-site-title">
<a href="/" class="brand" rel="start">
<span class="logo-line-before"><i></i></span>
<span class="site-title">大染志</span>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<p class="site-subtitle">想要玩得很 High 的程序员</p>
</div>
<div class="site-nav-toggle">
<button>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
</button>
</div>
</div>
<nav class="site-nav">
<ul id="menu" class="menu">
<li class="menu-item menu-item-home">
<a href="/" rel="section">
<i class="menu-item-icon fa fa-fw fa-home"></i> <br />
首页
</a>
</li>
<li class="menu-item menu-item-archives">
<a href="/archives/" rel="section">
<i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
归档
</a>
</li>
<li class="menu-item menu-item-about">
<a href="/about" rel="section">
<i class="menu-item-icon fa fa-fw fa-user"></i> <br />
关于
</a>
</li>
<li class="menu-item menu-item-categories">
<a href="/categories/" rel="section">
<i class="menu-item-icon fa fa-fw fa-th"></i> <br />
分类
</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="main" class="main">
<div class="main-inner">
<div class="content-wrap">
<div id="content" class="content">
<div id="posts" class="posts-expand">
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
<div class="post-block">
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2014/10/03/photos-in-Beijing/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Junv">
<meta itemprop="description" content="">
<meta itemprop="image" content="/images/avatar.gif">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="大染志">
</span>
<header class="post-header">
<h1 class="post-title" itemprop="name headline">5，6月在北京的几张照片</h1>
<div class="post-meta">
<span class="post-time">
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">发表于</span>
<time title="创建于" itemprop="dateCreated datePublished" datetime="2014-10-03T09:27:44+08:00">
2014-10-03
</time>
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-calendar-check-o"></i>
</span>
<span class="post-meta-item-text">更新于&#58;</span>
<time title="更新于" itemprop="dateModified" datetime="2014-10-03T09:37:57+08:00">
2014-10-03
</time>
</span>
<span class="post-category" >
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-folder-o"></i>
</span>
<span class="post-meta-item-text">分类于</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/photos/" itemprop="url" rel="index">
<span itemprop="name">photos</span>
</a>
</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p><img src="http://junv-photos.qiniudn.com/DSC00041.jpg" alt="朝阳医院外"><br><img src="http://junv-photos.qiniudn.com/DSC00045.jpg" alt="不知名的花"><br><img src="http://junv-photos.qiniudn.com/DSC00051.jpg" alt="复兴国际"><br><img src="http://junv-photos.qiniudn.com/DSC00066.jpg" alt="HDR云"><br><img src="http://junv-photos.qiniudn.com/DSC00074.jpg" alt="复兴国际门前"></p>
</div>
<footer class="post-footer">
<div class="post-tags">
<a href="/tags/photos/" rel="tag"># photos</a>
<a href="/tags/beijing/" rel="tag"># beijing</a>
</div>
<div class="post-nav">
<div class="post-nav-next post-nav-item">
<a href="/2014/08/31/improve-the-load-speed-of-blog/" rel="next" title="使用七牛云提升博客加载速度">
<i class="fa fa-chevron-left"></i> 使用七牛云提升博客加载速度
</a>
</div>
<span class="post-nav-divider"></span>
<div class="post-nav-prev post-nav-item">
<a href="/2014/10/25/some-photos-from-Daocheng-and-Yading/" rel="prev" title="稻城、亚丁自驾游之行的一些照片">
稻城、亚丁自驾游之行的一些照片 <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</footer>
</div>
</article>
<div class="post-spread">
</div>
</div>
</div>
<div class="comments" id="comments">
</div>
</div>
<div class="sidebar-toggle">
<div class="sidebar-toggle-line-wrap">
<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
</div>
</div>
<aside id="sidebar" class="sidebar">
<div class="sidebar-inner">
<section class="site-overview sidebar-panel sidebar-panel-active">
<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
<img class="site-author-image" itemprop="image"
src="/images/avatar.gif"
alt="Junv" />
<p class="site-author-name" itemprop="name">Junv</p>
<p class="site-description motion-element" itemprop="description">Go, JavaScript, Ruby on Rails, Java, Git, Docker, CI, CD, HTML5, 创新, 拍照, 创业, Cordova</p>
</div>
<nav class="site-state motion-element">
<div class="site-state-item site-state-posts">
<a href="/archives/">
<span class="site-state-item-count">304</span>
<span class="site-state-item-name">日志</span>
</a>
</div>
<div class="site-state-item site-state-categories">
<span class="site-state-item-count">69</span>
<span class="site-state-item-name">分类</span>
</div>
<div class="site-state-item site-state-tags">
<span class="site-state-item-count">244</span>
<span class="site-state-item-name">标签</span>
</div>
</nav>
<div class="links-of-author motion-element">
<span class="links-of-author-item">
<a href="https://github.com/wahyd4" target="_blank" title="GitHub">
<i class="fa fa-fw fa-github"></i>
GitHub
</a>
</span>
<span class="links-of-author-item">
<a href="https://www.linkedin.com/in/junwei-zhao-46944557" target="_blank" title="LinkedIn">
<i class="fa fa-fw fa-linkedin"></i>
LinkedIn
</a>
</span>
</div>
</section>
</div>
</aside>
</div>
</main>
<footer id="footer" class="footer">
<div class="footer-inner">
<div class="copyright" >
&copy;
<span itemprop="copyrightYear">2017</span>
<span class="with-love">
<i class="fa fa-heart"></i>
</span>
<span class="author" itemprop="copyrightHolder">Junv</span>
</div>
</div>
</footer>
<div class="back-to-top">
<i class="fa fa-arrow-up"></i>
</div>
</div>
<script type="text/javascript">
if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
window.Promise = null;
}
</script>
<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript" src="/js/src/utils.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/motion.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/affix.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.2"></script>
</body>
</html>
2014/10/25/some-photos-from-Daocheng-and-Yading/index.html
+778
View File
@@ -0,0 +1,778 @@
<!DOCTYPE html>
<html class="theme-next gemini use-motion" lang="zh-Hans">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
<link href="/css/main.css?v=5.1.2" rel="stylesheet" type="text/css" />
<meta name="keywords" content="photos,稻城,亚丁," />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.2" />
<meta name="description" content="上周星期天，我和她开启了我们一周的稻城亚丁自驾游之旅，虽然途中经历过长达5，6个小时大堵车，因二郎山修路弄得烂泥一样的路面，下雪等诸多不太好的情况，但是我们在途中所看到的景美翻了，呼吸到的空气不能再清新，不得不说稻城、亚丁让我们醉了。总得来说非常值得一去，相比九寨沟最美的是水，亚丁则最美的是蓝天、白云、黄叶、雪山。此行我们大致的行程是： 第一天：成都——新都桥（二郎山烂路，因修路堵车5个小时左">
<meta name="keywords" content="photos,稻城,亚丁">
<meta property="og:type" content="article">
<meta property="og:title" content="稻城、亚丁自驾游之行的一些照片">
<meta property="og:url" content="http://toozhao.com/2014/10/25/some-photos-from-Daocheng-and-Yading/index.html">
<meta property="og:site_name" content="大染志">
<meta property="og:description" content="上周星期天，我和她开启了我们一周的稻城亚丁自驾游之旅，虽然途中经历过长达5，6个小时大堵车，因二郎山修路弄得烂泥一样的路面，下雪等诸多不太好的情况，但是我们在途中所看到的景美翻了，呼吸到的空气不能再清新，不得不说稻城、亚丁让我们醉了。总得来说非常值得一去，相比九寨沟最美的是水，亚丁则最美的是蓝天、白云、黄叶、雪山。此行我们大致的行程是： 第一天：成都——新都桥（二郎山烂路，因修路堵车5个小时左">
<meta property="og:locale" content="zh-Hans">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0328.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0342.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0355.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0370.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0374.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0382.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0394.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0419.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0462.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0588.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0589.jpg">
<meta property="og:image" content="http://junv-photos.qiniudn.com/_MG_0645.jpg">
<meta property="og:updated_time" content="2014-10-25T13:13:14.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="稻城、亚丁自驾游之行的一些照片">
<meta name="twitter:description" content="上周星期天，我和她开启了我们一周的稻城亚丁自驾游之旅，虽然途中经历过长达5，6个小时大堵车，因二郎山修路弄得烂泥一样的路面，下雪等诸多不太好的情况，但是我们在途中所看到的景美翻了，呼吸到的空气不能再清新，不得不说稻城、亚丁让我们醉了。总得来说非常值得一去，相比九寨沟最美的是水，亚丁则最美的是蓝天、白云、黄叶、雪山。此行我们大致的行程是： 第一天：成都——新都桥（二郎山烂路，因修路堵车5个小时左">
<meta name="twitter:image" content="http://junv-photos.qiniudn.com/_MG_0328.jpg">
<script type="text/javascript" id="hexo.configurations">
var NexT = window.NexT || {};
var CONFIG = {
root: '/',
scheme: 'Gemini',
version: '5.1.2',
sidebar: {"position":"left","display":"post","offset":12,"offset_float":12,"b2t":false,"scrollpercent":false,"onmobile":false},
fancybox: true,
tabs: true,
motion: true,
duoshuo: {
userId: '0',
author: '博主'
},
algolia: {
applicationID: '',
apiKey: '',
indexName: '',
hits: {"per_page":10},
labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
}
};
</script>
<link rel="canonical" href="http://toozhao.com/2014/10/25/some-photos-from-Daocheng-and-Yading/"/>
<title>稻城、亚丁自驾游之行的一些照片 | 大染志</title>
<script>
(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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5243064-16', 'auto');
ga('send', 'pageview');
</script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
<div class="container sidebar-position-left page-post-detail ">
<div class="headband"></div>
<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner"><div class="site-brand-wrapper">
<div class="site-meta ">
<div class="custom-logo-site-title">
<a href="/" class="brand" rel="start">
<span class="logo-line-before"><i></i></span>
<span class="site-title">大染志</span>
<span class="logo-line-after"><i></i></span>
</a>
</div>
<p class="site-subtitle">想要玩得很 High 的程序员</p>
</div>
<div class="site-nav-toggle">
<button>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
<span class="btn-bar"></span>
</button>
</div>
</div>
<nav class="site-nav">
<ul id="menu" class="menu">
<li class="menu-item menu-item-home">
<a href="/" rel="section">
<i class="menu-item-icon fa fa-fw fa-home"></i> <br />
首页
</a>
</li>
<li class="menu-item menu-item-archives">
<a href="/archives/" rel="section">
<i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
归档
</a>
</li>
<li class="menu-item menu-item-about">
<a href="/about" rel="section">
<i class="menu-item-icon fa fa-fw fa-user"></i> <br />
关于
</a>
</li>
<li class="menu-item menu-item-categories">
<a href="/categories/" rel="section">
<i class="menu-item-icon fa fa-fw fa-th"></i> <br />
分类
</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="main" class="main">
<div class="main-inner">
<div class="content-wrap">
<div id="content" class="content">
<div id="posts" class="posts-expand">
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
<div class="post-block">
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2014/10/25/some-photos-from-Daocheng-and-Yading/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Junv">
<meta itemprop="description" content="">
<meta itemprop="image" content="/images/avatar.gif">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="大染志">
</span>
<header class="post-header">
<h1 class="post-title" itemprop="name headline">稻城、亚丁自驾游之行的一些照片</h1>
<div class="post-meta">
<span class="post-time">
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">发表于</span>
<time title="创建于" itemprop="dateCreated datePublished" datetime="2014-10-25T20:36:26+08:00">
2014-10-25
</time>
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-calendar-check-o"></i>
</span>
<span class="post-meta-item-text">更新于&#58;</span>
<time title="更新于" itemprop="dateModified" datetime="2014-10-25T21:13:14+08:00">
2014-10-25
</time>
</span>
<span class="post-category" >
<span class="post-meta-divider">|</span>
<span class="post-meta-item-icon">
<i class="fa fa-folder-o"></i>
</span>
<span class="post-meta-item-text">分类于</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/photos/" itemprop="url" rel="index">
<span itemprop="name">photos</span>
</a>
</span>
</span>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<p>上周星期天，我和她开启了我们一周的稻城亚丁自驾游之旅，虽然途中经历过长达5，6个小时大堵车，因二郎山修路弄得烂泥一样的路面，下雪等诸多不太好的情况，但是我们在途中所看到的景美翻了，呼吸到的空气不能再清新，不得不说稻城、亚丁让我们醉了。总得来说非常值得一去，相比九寨沟最美的是水，亚丁则最美的是蓝天、白云、黄叶、雪山。<br>此行我们大致的行程是： </p>
<pre><code>第一天：成都——新都桥（二郎山烂路，因修路堵车5个小时左右）
第二天：新都桥——稻城 （因318国道修路，有30公里土石路）
第三天：稻城——亚丁 （仅100公里，可先在亚丁景区附近或者景区内游玩，或游览俄初山，仅30公里左右）
第四天：亚丁旅游，晚上返回稻城
第五天：稻城——康定
第六天：康定——成都（绕道石棉县，上雅西高速回成都）
</code></pre><p>最后附上我拍的照片几张。</p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0328.jpg" alt="草原"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0342.jpg" alt="晚霞"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0355.jpg" alt="稻城河"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0370.jpg" alt="白桦树林"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0374.jpg" alt="白桦树"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0382.jpg" alt="半山上的寺庙"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0394.jpg" alt="结冰的湖泊"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0419.jpg" alt="亚丁的星空"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0462.jpg" alt="亚丁的一座神山"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0588.jpg" alt="通往远方的栈道"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0589.jpg" alt="与Mac OSX 某张桌面壁纸类似"></p>
<p><img src="http://junv-photos.qiniudn.com/_MG_0645.jpg" alt="不知是野鹿还是羊"></p>
</div>
<footer class="post-footer">
<div class="post-tags">
<a href="/tags/photos/" rel="tag"># photos</a>
<a href="/tags/稻城/" rel="tag"># 稻城</a>
<a href="/tags/亚丁/" rel="tag"># 亚丁</a>
</div>
<div class="post-nav">
<div class="post-nav-next post-nav-item">
<a href="/2014/10/03/photos-in-Beijing/" rel="next" title="5，6月在北京的几张照片">
<i class="fa fa-chevron-left"></i> 5，6月在北京的几张照片
</a>
</div>
<span class="post-nav-divider"></span>
<div class="post-nav-prev post-nav-item">
<a href="/2015/03/21/active-model-serializers/" rel="prev" title="在Rails中使用 active_model_serializers 构建json response">
在Rails中使用 active_model_serializers 构建json response <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</footer>
</div>
</article>
<div class="post-spread">
</div>
</div>
</div>
<div class="comments" id="comments">
</div>
</div>
<div class="sidebar-toggle">
<div class="sidebar-toggle-line-wrap">
<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
</div>
</div>
<aside id="sidebar" class="sidebar">
<div class="sidebar-inner">
<section class="site-overview sidebar-panel sidebar-panel-active">
<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
<img class="site-author-image" itemprop="image"
src="/images/avatar.gif"
alt="Junv" />
<p class="site-author-name" itemprop="name">Junv</p>
<p class="site-description motion-element" itemprop="description">Go, JavaScript, Ruby on Rails, Java, Git, Docker, CI, CD, HTML5, 创新, 拍照, 创业, Cordova</p>
</div>
<nav class="site-state motion-element">
<div class="site-state-item site-state-posts">
<a href="/archives/">
<span class="site-state-item-count">304</span>
<span class="site-state-item-name">日志</span>
</a>
</div>
<div class="site-state-item site-state-categories">
<span class="site-state-item-count">69</span>
<span class="site-state-item-name">分类</span>
</div>
<div class="site-state-item site-state-tags">
<span class="site-state-item-count">244</span>
<span class="site-state-item-name">标签</span>
</div>
</nav>
<div class="links-of-author motion-element">
<span class="links-of-author-item">
<a href="https://github.com/wahyd4" target="_blank" title="GitHub">
<i class="fa fa-fw fa-github"></i>
GitHub
</a>
</span>
<span class="links-of-author-item">
<a href="https://www.linkedin.com/in/junwei-zhao-46944557" target="_blank" title="LinkedIn">
<i class="fa fa-fw fa-linkedin"></i>
LinkedIn
</a>
</span>
</div>
</section>
</div>
</aside>
</div>
</main>
<footer id="footer" class="footer">
<div class="footer-inner">
<div class="copyright" >
&copy;
<span itemprop="copyrightYear">2017</span>
<span class="with-love">
<i class="fa fa-heart"></i>
</span>
<span class="author" itemprop="copyrightHolder">Junv</span>
</div>
</div>
</footer>
<div class="back-to-top">
<i class="fa fa-arrow-up"></i>
</div>
</div>
<script type="text/javascript">
if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
window.Promise = null;
}
</script>
<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript" src="/js/src/utils.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/motion.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/affix.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.2"></script>
<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.2"></script>
</body>
</html>