<meta property="og:image" content="http://yoursite.com/assets/img/wm.png">

<meta property="og:image" content="http://yoursite.com/assets/img/wm1.png">

<meta property="og:updated_time" content="2017-02-27T05:31:47.658Z">

<meta name="twitter:image" content="http://yoursite.com/assets/img/wm.png">

<h2 id="安装node-js"><a href="#安装node-js" class="headerlink" title="安装node.js"></a>安装node.js</h2><p> Node.js是一个开放源代码、跨平台的、可用于服务器端和网络应用的运行环境，该应用由 C++ 语言写成，在 Node.js 运行时运行。Node.js 提供事件驱动和非阻塞 I/O API，可优化应用程序的吞吐量和规模。这些技术通常被用于实时应用程序。并且它是采用 Google 的 V8 引擎来执行代码，它的大部分基本模块都是用 JavaScript 写成的，包含有一系列内置模块，使得程序可以作为独立服务器运行，从而脱离 Apache HTTP Server 或 IIS 运行。<br>而 npm 也即 Node包管理器（Node Package Manager），它是一个以 Javascript 编写的软件包管理系统，默认环境为 Node.js 。<br> 所以首先得安装node.js和npm,命令如下:<br><figure class="highlight sql"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">$ sudo apt-get <span class="keyword">install</span> nodejs</div><div class="line">$ sudo apt-<span class="keyword">get</span> <span class="keyword">install</span> npm</div></pre></td></tr></table></figure><br>或者从官网上下载对应平台的版本进行安装.可以用命令node -v如果出现版本号则安装成功.<br>接下来安装nrm,是npm的资源管理器:<br><figure class="highlight coffeescript"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ sudo <span class="built_in">npm</span> install nrm -g --registry https:<span class="regexp">//</span>registry.<span class="built_in">npm</span>.taobao.org</div></pre></td></tr></table></figure><br>接下来设置下载源为淘宝源(防止默认下载源速度慢超时):<br><figure class="highlight elixir"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line"><span class="variable">$ </span>nrm <span class="keyword">use</span> taobao</div></pre></td></tr></table></figure><br>可能出现命令未识别,则说明没有全局安装,这时候需要你用ln命令将你下载的可执行文件链接到usr/local/bin/目录下.(如果正常则跳过)<br><figure class="highlight dts"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ ln -s <span class="params">&lt;下载文件&gt;</span> usr<span class="meta-keyword">/local/</span>bin/<span class="params">&lt;文件名&gt;</span></div></pre></td></tr></table></figure><br>接下来需要下载hexo,可用如下命令(记住加上-g进行全局安装):<br><figure class="highlight cmake"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ sudo npm <span class="keyword">install</span> hexo -g</div></pre></td></tr></table></figure></p>

<h2 id="安装git工具"><a href="#安装git工具" class="headerlink" title="安装git工具"></a>安装git工具</h2><p>然后需要安装git工具,需要了解git和如何使用的话可以查阅 <a href="http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137396287703354d8c6c01c904c7d9ff056ae23da865a000/" title="安装git教程" target="_blank" rel="external">git安装教程</a></p>

<h2 id="搭建博客"><a href="#搭建博客" class="headerlink" title="搭建博客"></a>搭建博客</h2><p>接下来开始搭建,在自己的主目录下创建Blog目录并生成初始框架:<br><figure class="highlight verilog"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div></pre></td><td class="code"><pre><div class="line">$ mkdir Blog &amp;&amp; cd Blog</div><div class="line">$ hexo init</div><div class="line">$ hexo <span class="keyword">generate</span></div><div class="line">$ hexo server</div></pre></td></tr></table></figure><br>打开浏览器输入localhost:4000可看到已经生成的初始界面.因为通过hexo server已经运行了本地的服务器<br>进入目录 /home/shiyanlou/Code/Hexo/blog/themes ，下载并解压缩 Next 主题。<br><figure class="highlight elixir"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line"><span class="variable">$ </span>wget <span class="symbol">http:</span>/<span class="regexp">/labfile.oss.aliyuncs.com/courses</span><span class="regexp">/700/next</span>.zip</div><div class="line"><span class="variable">$ </span>unzip <span class="keyword">next</span>.zip</div></pre></td></tr></table></figure><br>编辑 ~/Blog/<em>config.yml文件</em>,修改主题那一行theme: next(记住选项冒号之后都有空格)可以自行修改其他信息,每次修改后都要执行hexo clean和hexo g命令,<br>关于如何使用hexo和添加自己的文章,修改样式等请参阅: <a href="https://hexo.io/zh-cn/" target="_blank" rel="external">hexo中文官网教程</a></p>

<h2 id="部署到github"><a href="#部署到github" class="headerlink" title="部署到github"></a>部署到github</h2><p>如上操作完只是在本地生成了你的静态主页,我们需要传到github仓库里这样别人访问你的仓库就可以自动展示你的博客.<br>首先打开你的github创建一个新的仓库,仓库名格式为:你的git账户名.github.io.如下图:<br><img src="/assets/img/wm.png" alt="img"><br>进入Blog目录下,同步你的仓库:<br><figure class="highlight crmsh"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ git <span class="keyword">clone</span> <span class="title">[你的仓库的url</span>] </div></pre></td></tr></table></figure><br>仓库url可以在下图获得:<br><img src="/assets/img/wm1.png" alt="img"><br>一路顺利后,打开 Blog目录下的<em>config.yml文件</em>,在最下面修改:<br><figure class="highlight less"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div></pre></td><td class="code"><pre><div class="line"><span class="attribute">deploy</span>:</div><div class="line"> <span class="attribute">type</span>: git</div><div class="line"> <span class="attribute">respository</span>: <span class="attribute">https</span>:<span class="comment">//github.com/[你的github用户名]/[你的github用户名].github.io.git</span></div><div class="line"> <span class="attribute">branch</span>: master</div></pre></td></tr></table></figure><br>再执行命令:<br><figure class="highlight elixir"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line"><span class="variable">$ </span>npm install hexo-deployer-git --save</div><div class="line"><span class="variable">$ </span>hexo d</div></pre></td></tr></table></figure><br>然后在浏览器浏览<a href="http://[你的github用户名]/github.io" target="_blank" rel="external">http://[你的github用户名]/github.io</a><br>至此,初步的搭建已经完成,接下来就是参阅markdown语法和hexo教程来多写文章吧.</p>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag article-tag-list-link color3">博客</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color5">hexo</a>

</li>

<li class="article-tag-list-item">

<a href="javascript:void(0)" class="js-tag color3">博客</a>

</li>