shi-yong-hexo-githubda-jian-blog.html

<!DOCTYPE html>
<html lang="zh">
<head>
        <meta charset="utf-8" />
        <title>使用hexo + github搭建blog</title>
        <link rel="stylesheet" href="https://bridgeqiao.github.io/blog/theme/css/main.css" />

        <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="https://bridgeqiao.github.io/blog/">Bridge Qiao's Blog </a></h1>
                <nav><ul>
                    <li><a href="https://bridgeqiao.github.io/blog/category/computer-vision.html">Computer vision</a></li>
                    <li class="active"><a href="https://bridgeqiao.github.io/blog/category/fun.html">fun</a></li>
                    <li><a href="https://bridgeqiao.github.io/blog/category/linux.html">linux</a></li>
                    <li><a href="https://bridgeqiao.github.io/blog/category/machine-learning.html">Machine Learning</a></li>
                    <li><a href="https://bridgeqiao.github.io/blog/category/matlab.html">Matlab</a></li>
                    <li><a href="https://bridgeqiao.github.io/blog/category/suan-fa-ti.html">算法题</a></li>
                </ul>
                </nav>
        </header><!-- /#banner -->
<section id="content" class="body">
  <article>
    <header>
      <h1 class="entry-title">
        <a href="https://bridgeqiao.github.io/blog/shi-yong-hexo-githubda-jian-blog.html" rel="bookmark"
           title="Permalink to 使用hexo + github搭建blog">使用hexo + github搭建blog</a></h1>
    </header>

    <div class="entry-content">
<footer class="post-info">
        <span>日 14 一月 2018</span>

</footer><!-- /.post-info -->      <p>最近使用jekyll烦了，经常出现博客编译出问题，打算试下hexo，结果很不错，所以直接换成了hexo，这里写个blog留作记录。</p>
<h4>1. 安装环境</h4>
<p>hexo是本地先编译成功后，再上传到github上，和jekyll不一样（github内部支持）。</p>
<p>这里只介绍linux环境，在windows直接下载软件包安装就行。</p>
<p>安装<code>nodejs</code>, <code>hexo</code>:</p>
<div class="highlight"><pre><span></span>sudo apt install nodejs-legacy
sudo npm install hexo -g
<span class="c1"># 配置git方式部署</span>
sudo npm install hexo-deployer-git --save
</pre></div>


<p>这里可以考虑使用<a href="https://lug.ustc.edu.cn/wiki/mirrors/help/npm">USTC</a>加速下载软件包：</p>
<!--more-->

<div class="highlight"><pre><span></span><span class="c1"># 编辑 ~/.npmrc</span>
<span class="nv">registry</span><span class="o">=</span>http://npmreg.mirrors.ustc.edu.cn/
</pre></div>


<h4>2. 配置环境</h4>
<p>在github上新建项目，xxx.github.io或者blog，其中xxx是你的用户名。</p>
<blockquote>
<p>开启hs-pages功能：在settings里有副标题：GitHub Pages，点击一下Automatic page generator即可。</p>
</blockquote>
<p>新建一个文件夹，命名和项目名相同，然后：</p>
<div class="highlight"><pre><span></span>sudo hexo init
</pre></div>


<p>修改_config.conf，可以参考<a href="https://xuanwo.org/2015/03/26/hexo-intor/">这个网站</a>。</p>
<p>分类可能看不到，解决办法：</p>
<div class="highlight"><pre><span></span>&gt; sudo hexo new page categories
<span class="c1"># 在source/categories/index.md里date下添加：</span>
type: <span class="s2">&quot;categories&quot;</span>
comments: <span class="nb">false</span>
</pre></div>


<h4>3. 添加文章</h4>
<p>在source/_post目录下放置文章，命名titleName.md,</p>
<p>里面的文章开头添加：</p>
<div class="highlight"><pre><span></span>---
title: titleName
date: xxxx-xx-xx
categories: xxxx
---
</pre></div>


<p>可能会需要配置用户信息，user.email和user.name</p>
<p>最后执行：</p>
<div class="highlight"><pre><span></span>sudo hexo g
sudo hexo d
</pre></div>


<p>输入用户名和密码即可。</p>
<hr>
<p>hexo对公式的支持有点问题，需要安装插件：</p>
<div class="highlight"><pre><span></span>sudo npm install hexo-math --save
# 在blog文件夹中执行：
sudo hexo math install
# 在_config.yml中添加：
mathjax: true
</pre></div>


<p>在相应文章的开头添加<code>mathjax: true</code></p>
    </div><!-- /.entry-content -->

  </article>
</section>
        <section id="extras" class="body">
                <div class="blogroll">
                        <h2>blogroll</h2>
                        <ul>
                            <li><a href="http://getpelican.com/">Pelican</a></li>
                            <li><a href="http://python.org/">Python.org</a></li>
                            <li><a href="https://github.com">Github</a></li>
                        </ul>
                </div><!-- /.blogroll -->
        </section><!-- /#extras -->

        <footer id="contentinfo" class="body">
                <p>Powered by <a href="http://getpelican.com/">Pelican</a>. Theme <a href="https://github.com/blueicefield/pelican-blueidea/">blueidea</a>, inspired by the default theme.</p>
        </footer><!-- /#contentinfo -->

</body>
</html>