<html class="theme-next use-motion theme-next-mist">

<meta charset="UTF-8"/>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

<meta http-equiv="Cache-Control" content="no-transform" />

<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="stylesheet" type="text/css" href="/vendors/fancybox/source/jquery.fancybox.css?v=2.1.5"/>

<link rel="stylesheet" type="text/css" href="/css/main.css?v=0.4.5.1"/>

<meta name="description" content="记录，分享" />

<meta name="keywords" content="Hexo,next" />

<link rel="shorticon icon" type="image/x-icon" href="/favicon.ico?v=0.4.5.1" />

<meta name="description" content="记录，分享">

<meta property="og:type" content="website">

<meta property="og:title" content="一颗小树">

<meta property="og:url" content="http://yoursite.com/index.html">

<meta property="og:site_name" content="一颗小树">

<meta property="og:description" content="记录，分享">

<meta name="twitter:card" content="summary">

<meta name="twitter:title" content="一颗小树">

<meta name="twitter:description" content="记录，分享">

<script type="text/javascript" id="hexo.configuration">

var CONFIG = {

scheme: 'Mist',

sidebar: 'post'

};

<title> 一颗小树 </title>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

<!--[if lte IE 8]>

<div class="container one-column

">

<div class="headband"></div>

<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">

<div class="header-inner"><h1 class="site-meta">

<span class="logo-line-before"><i></i></span>

<a href="/" class="brand" rel="start">

<span class="logo">

<i class="icon-next-logo"></i>

</span>

<span class="site-title">一颗小树</span>

</a>

<span class="logo-line-after"><i></i></span>

<div class="site-nav-toggle">

<button>

<span class="btn-bar"></span>

<span class="btn-bar"></span>

<span class="btn-bar"></span>

</button>

<nav class="site-nav">

<ul id="menu" class="menu menu-left">

<li class="menu-item menu-item-home">

<a href="/" rel="section">

<i class="menu-item-icon icon-next-home"></i> <br />

首页

</a>

</li>

<li class="menu-item menu-item-archives">

<a href="/archives" rel="section">

<i class="menu-item-icon icon-next-archives"></i> <br />

归档

</a>

</li>

<li class="menu-item menu-item-tags">

<a href="/tags" rel="section">

<i class="menu-item-icon icon-next-tags"></i> <br />

标签

</a>

</li>

<li class="menu-item menu-item-about">

<a href="/about" rel="section">

<i class="menu-item-icon icon-next-about"></i> <br />

关于

</a>

</li>

</ul>

<div class="site-search">

<form class="site-search-form">

<input type="text" id="st-search-input" class="st-search-input st-default-search-input" />

</form>

<script type="text/javascript">

(function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){

(w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);

e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);

})(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');

_st('install', 'PS7CQ11iemAaKE9h5SQ5','2.0.0');

</div>

</div>

</header>

<main id="main" class="main">

<div class="main-inner">

<div id="content" class="content">

<section id="posts" class="posts-expand">

<article class="post post-type-normal " itemscope itemtype="http://schema.org/Article">

<header class="post-header">

<h1 class="post-title" itemprop="name headline">

<a class="post-title-link" href="/2015/10/20/第一篇文章/" itemprop="url">

Mac 下安装Node.js

</a>

</h1>

<div class="post-meta">

<span class="post-time">

发表于

<time itemprop="dateCreated" datetime="2015-10-20T11:33:27+08:00" content="2015-10-20">

2015-10-20

</time>

</span>

</div>

</header>

<div class="post-body">

<span itemprop="articleBody"><h3 id="安装方式">安装方式</h3><ul>

<li>package 安装</li>

<li>Homebrew 直接安装</li>

<li>Homebrew 安装 nvm –&gt; nvm 安装 Node.js</li>

<h5 id="简单介绍上面三种安装方式">简单介绍上面三种安装方式</h5><p><strong>package</strong>:官网 <a href="https://nodejs.org/en/" target="_blank" rel="external">https://nodejs.org/en/</a> 直接下载安装。</p>

<p><strong>Homebrew</strong>: OS X 不可或缺的套件管理器。Mac OS X是基于Unix的操作系统，可以安装大部分为Unix/Linux开发的软件。然而，如果只是以使用为目的，对每个软件都进行手工编译不是很方便，也不利于管理已安装的软件，于是出现了类似于Linux中APT、Yum等类似的软件包管理系统，其中最著名的有MacPorts、Fink、Homebrew等。</p>

<p>使用感受：安装各种包很方便。</p>

<p><strong>Homebrew 安装 nvm –&gt; nvm 安装 Node.js</strong>:我使用的就是这种方式，下面会进行详细介绍。</p>

<h4 id="第一步：安装Homebrew">第一步：安装Homebrew</h4><ol>

<li>$ ruby -e “$(curl -fsSL <a href="https://raw.githubusercontent.com/Homebrew/install/master/install" target="_blank" rel="external">https://raw.githubusercontent.com/Homebrew/install/master/install</a>)”</li>

<li><code>$ brew update</code> 保证安装的是最新版本。</li>

<li>运行 <code>$ brew doctor</code> 以确保系统已经能正常使用brew，如果出现任何建议，依照提示操作。</li>

<li>确认后，使用 <code>$ export PATH=&quot;/usr/local/bin:$PATH&quot;</code> 将brew的路径添加到环境变量（windows的说法）</li>

<h4 id="第二步：安装nvm">第二步：安装nvm</h4><p><strong>nvm （ Node Version Manager ）, 可切換Node.js版本</strong></p>

<li><code>$ brew install nvm</code></li>

<li>安裝完後，為了讓你可以直接在shell使用nvm指令，必須在你的 .bash_profile 加入以下這行<code>source $(brew --prefix nvm)/nvm.sh</code> .bash_profile路径：/Users/username/ ，属于隐藏文件，用vim编辑。</li>

<li><code>$ . ~/.bash_profile</code> 设定生效</li>

<h4 id="第三步：安装Node-js">第三步：安装Node.js</h4><ol>

<li>查看哪些版本可以安装<code>$ nvm ls-remote</code></li>

<li><code>$ nvm install &lt;version&gt;</code> e.g: <code>$ nvm install v0.10.24</code></li>

<li><code>$ nvm install v4.1.1</code> 安装最新版本来测试nvm切换版本功能</li>

<li><code>$ nvm ls</code> 查看nvm 可以管理的版本有哪些</li>

<li><code>$ nvm use &lt;version&gt;</code> 切换版本。e.g:<code>$ nvm use v0.10.24</code></li>

<li>指定预设的node版本。<code>$ nvm alias default 4.1.4</code></li>

<p>tags:mac,Node.js,nvm,</p>

</div>

<footer class="post-footer">

<div class="post-eof"></div>

</footer>

</article>

<article class="post post-type-normal " itemscope itemtype="http://schema.org/Article">

<header class="post-header">

<h1 class="post-title" itemprop="name headline">

<a class="post-title-link" href="/2015/10/20/swift与Objective-C的区别1/" itemprop="url">

swift与Objective-C的区别1

</a>

</h1>

<div class="post-meta">

<span class="post-time">

发表于

<time itemprop="dateCreated" datetime="2015-10-20T11:32:42+08:00" content="2015-10-20">

2015-10-20

</time>

</span>

</div>

</header>

<div class="post-body">

<span itemprop="articleBody"><h3 id="感受">感受</h3><ol>

<li><p>swift: 只需要记两种类型，let 和 var,编译器会自动推测你所保存的类型<br>OC: NSString,NSArray,NSDictionary</p>

<li><p>swift: 更接近人类语言，越来越方便<br>e.g: <code>if some == 5 { }</code></p>

<li><p>swift: 多了一种可选类型，对有可能为空的值进行了处理，不像之前OC里，如果碰到nil 一些地方就会崩溃。当我们可以保证有值的时候可以硬解成 <code>example!</code> 或者用<code>if let myexample = example { }</code> 解包</p>

<li>swift: switch 不需要break, 程序不会自动穿透到下一城，如果需要两个条件执行一个结果，可以用逗号分隔两个条件。e.g:<code>case example = 3, case = example : 执行语句</code></li>

<li>swift比OC方法名简洁多了</li>

<li>swift:String 类型的遍历，可以遍历中文，字符 <code>string.characters</code></li>

<p>_待续__</p>

</div>

<footer class="post-footer">

<div class="post-eof"></div>

</footer>

</article>

<article class="post post-type-normal " itemscope itemtype="http://schema.org/Article">

<header class="post-header">

<h1 class="post-title" itemprop="name headline">

<a class="post-title-link" href="/2015/09/30/hello-world/" itemprop="url">

Hello World

</a>

</h1>

<div class="post-meta">

<span class="post-time">

发表于

<time itemprop="dateCreated" datetime="2015-09-30T14:57:12+08:00" content="2015-09-30">

2015-09-30

</time>

</span>

</div>

</header>

<div class="post-body">

<span itemprop="articleBody"><p>Welcome to <a href="http://hexo.io/" target="_blank" rel="external">Hexo</a>! This is your very first post. Check <a href="http://hexo.io/docs/" target="_blank" rel="external">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="http://hexo.io/docs/troubleshooting.html" target="_blank" rel="external">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="external">GitHub</a>.</p>

<h2 id="Quick_Start">Quick Start</h2><h3 id="Create_a_new_post">Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">"My New Post"</span></span><br></pre></td></tr></table></figure>

<p>More info: <a href="http://hexo.io/docs/writing.html" target="_blank" rel="external">Writing</a></p>

<h3 id="Run_server">Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>

<p>More info: <a href="http://hexo.io/docs/server.html" target="_blank" rel="external">Server</a></p>

<h3 id="Generate_static_files">Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>

<p>More info: <a href="http://hexo.io/docs/generating.html" target="_blank" rel="external">Generating</a></p>

<h3 id="Deploy_to_remote_sites">Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>

<p>More info: <a href="http://hexo.io/docs/deployment.html" target="_blank" rel="external">Deployment</a></p>

</div>

<footer class="post-footer">

<div class="post-eof"></div>

</footer>

</article>

</section>

</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">

<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">

<img class="site-author-image" src="/uploads/images/avatar.png" alt="OneSmallTree" itemprop="image"/>

<p class="site-author-name" itemprop="name">OneSmallTree</p>

</div>

<p class="site-description motion-element" itemprop="description">记录，分享</p>

<nav class="site-state motion-element">

<div class="site-state-item site-state-posts">

<a href="/archives">

<span class="site-state-item-count">3</span>

<span class="site-state-item-name">日志</span>

</a>

</div>

<div class="site-state-item site-state-categories">

<span class="site-state-item-count">0</span>

<span class="site-state-item-name">分类</span>

</div>

<div class="site-state-item site-state-tags">

<a href="/tags">

<span class="site-state-item-count">0</span>

<span class="site-state-item-name">标签</span>

</a>

</div>

</nav>

<div class="links-of-author motion-element">

</div>

<div class="links-of-author motion-element">

</div>

</section>

</div>

</aside>

</main>

<footer id="footer" class="footer">

<div class="footer-inner"> <div class="copyright" >

&copy; &nbsp;

<span itemprop="copyrightYear">2015</span>

<span class="with-love">

<i class="icon-next-heart"></i>

</span>

<span class="author" itemprop="copyrightHolder">OneSmallTree</span>

<div class="powered-by">

由 <a class="theme-link" href="http://hexo.io">Hexo</a> 强力驱动

<div class="theme-info">

主题 -

<a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">

NexT.Mist

</a>

</div>

</footer>

<div class="back-to-top"></div>

</div>

<script type="text/javascript" src="/vendors/jquery/index.js?v=2.1.3"></script>

<script type="text/javascript" src="/vendors/fancybox/source/jquery.fancybox.pack.js"></script>

<script type="text/javascript" src="/js/fancy-box.js?v=0.4.5.1"></script>

<script type="text/javascript" src="/js/helpers.js?v=0.4.5.1"></script>

<script type="text/javascript" src="/vendors/velocity/velocity.min.js"></script>

<script type="text/javascript" src="/vendors/velocity/velocity.ui.min.js"></script>

<script type="text/javascript" src="/js/motion_global.js?v=0.4.5.1" id="motion.global"></script>

<script type="text/javascript" src="/js/nav-toggle.js?v=0.4.5.1"></script>

<script type="text/javascript" src="/vendors/fastclick/lib/fastclick.min.js?v=1.0.6"></script>

<script type="text/javascript">

$(document).ready(function () {

if (CONFIG.sidebar === 'always') {

displaySidebar();

}

if (isMobile()) {

FastClick.attach(document.body);

}

});

</script>

<script type="text/javascript" src="/js/lazyload.js"></script>

<script type="text/javascript">

$(function () {

$("#posts").find('img').lazyload({

placeholder: "/images/loading.gif",

effect: "fadeIn"

});

});

</script>