-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy path2017093001.html
More file actions
1 lines (1 loc) · 43.1 KB
/
Copy path2017093001.html
File metadata and controls
1 lines (1 loc) · 43.1 KB
1
<!DOCTYPE html><html class="theme-next mist use-motion" lang="zh-Hans"><head><meta name="generator" content="Hexo 3.9.0"><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"><script src="/lib/pace/pace.min.js?v=1.0.2"></script><link href="/lib/pace/pace-theme-minimal.min.css?v=1.0.2" rel="stylesheet"><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="/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.3" rel="stylesheet" type="text/css"><link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-240x240-playpi.png?v=5.1.3"><link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-playpi.png?v=5.1.3"><link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-playpi.png?v=5.1.3"><link rel="mask-icon" href="/images/logo-playpi.svg?v=5.1.3" color="#222"><meta name="keywords" content="Hexo,GitHub,NexT"><link rel="alternate" href="/atom.xml" title="虾丸派" type="application/atom+xml"><meta name="description" content="对于喜欢写作的技术人员来说，可以使用 CSDN、 简书 、WordPress、 博客园 等产品，不仅可以记录自己在日常工作中遇到的难点、解决的 bug 等，还可以分享经验，让别人也学习进步。但是，有的人可能会觉得这些产品不好用，或者功能的扩展太掣肘，或者觉得这种方式不够酷，他们想追求更加自由的方式来写博客。这时候，我觉得 Hexo 就可以出场了，它其实只是一个博客框架，如果你是新手，只需要几个命令"><meta name="keywords" content="Hexo,GitHub,NexT"><meta property="og:type" content="article"><meta property="og:title" content="使用 Hexo、GitHub 搭建个人博客教程"><meta property="og:url" content="https://www.playpi.org/2017093001.html"><meta property="og:site_name" content="虾丸派"><meta property="og:description" content="对于喜欢写作的技术人员来说，可以使用 CSDN、 简书 、WordPress、 博客园 等产品，不仅可以记录自己在日常工作中遇到的难点、解决的 bug 等，还可以分享经验，让别人也学习进步。但是，有的人可能会觉得这些产品不好用，或者功能的扩展太掣肘，或者觉得这种方式不够酷，他们想追求更加自由的方式来写博客。这时候，我觉得 Hexo 就可以出场了，它其实只是一个博客框架，如果你是新手，只需要几个命令"><meta property="og:locale" content="zh-Hans"><meta property="og:image" content="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190610210907.png"><meta property="og:image" content="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190610210920.png"><meta property="og:image" content="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2019/20190724223206.png"><meta property="og:image" content="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2019/20190818033915.png"><meta property="og:image" content="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2019/20190818033908.png"><meta property="og:image" content="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190814202201.png"><meta property="og:image" content="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190814201843.png"><meta property="og:updated_time" content="2019-06-08T16:28:53.000Z"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="使用 Hexo、GitHub 搭建个人博客教程"><meta name="twitter:description" content="对于喜欢写作的技术人员来说，可以使用 CSDN、 简书 、WordPress、 博客园 等产品，不仅可以记录自己在日常工作中遇到的难点、解决的 bug 等，还可以分享经验，让别人也学习进步。但是，有的人可能会觉得这些产品不好用，或者功能的扩展太掣肘，或者觉得这种方式不够酷，他们想追求更加自由的方式来写博客。这时候，我觉得 Hexo 就可以出场了，它其实只是一个博客框架，如果你是新手，只需要几个命令"><meta name="twitter:image" content="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190610210907.png"><script type="text/javascript" id="hexo.configurations">var NexT=window.NexT||{},CONFIG={root:"/",scheme:"Mist",version:"5.1.3",sidebar:{position:"left",display:"hide",offset:12,b2t:!1,scrollpercent:!0,onmobile:!1},fancybox:!0,tabs:!0,motion:{enable:!0,async:!1,transition:{post_block:"fadeIn",post_header:"slideDownIn",post_body:"slideDownIn",coll_header:"slideLeftIn",sidebar:"slideUpIn"}},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="https://www.playpi.org/2017093001.html"><title>使用 Hexo、GitHub 搭建个人博客教程 | 虾丸派</title></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><h1 class="site-subtitle" itemprop="description">烂笔头</h1></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-tags"><a href="/tags/" rel="section"><i class="menu-item-icon fa fa-fw fa-tags"></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><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-books"><a href="/books/" rel="section"><i class="menu-item-icon fa fa-fw fa-book"></i><br>书籍</a></li><li class="menu-item menu-item-guide"><a href="/guide/" rel="section"><i class="menu-item-icon fa fa-fw fa-location-arrow"></i><br>指南</a></li><li class="menu-item menu-item-search"><a href="javascript:;" class="popup-trigger"><i class="menu-item-icon fa fa-search fa-fw"></i><br>搜索</a></li></ul><div class="site-search"><div class="popup search-popup local-search-popup"><div class="local-search-header clearfix"><span class="search-icon"><i class="fa fa-search"></i> </span><span class="popup-btn-close"><i class="fa fa-times-circle"></i></span><div class="local-search-input-wrapper"><input autocomplete="off" placeholder="搜索..." spellcheck="false" type="text" id="local-search-input"></div></div><div id="local-search-result"></div></div></div></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="https://www.playpi.org/2017093001.html"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="虾丸派"><meta itemprop="description" content="记录知识 | 分享技术"><meta itemprop="image" content="/images/favicon-1536x1536-playpi.png"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="虾丸派"></span><header class="post-header"><h2 class="post-title" itemprop="name headline">使用 Hexo、GitHub 搭建个人博客教程</h2><div class="post-meta"><span class="post-time"><span class="post-meta-item-text">发表于</span> <time title="创建于" itemprop="dateCreated datePublished" datetime="2017-09-30T00:28:53+08:00">2017-09-30 </time></span><span class="post-category"><span class="post-meta-divider">|</span> <span class="post-meta-item-text">分类于</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/building/" itemprop="url" rel="index"><span itemprop="name">建站</span> </a></span></span><span id="busuanzi_container_page_pv" style="display:none"><span class="post-meta-divider">|</span> 阅读次数 <span id="busuanzi_value_page_pv"></span></span><div class="post-wordcount"><span class="post-meta-item-text">字数统计</span> <span title="字数统计">3,160字 </span><span class="post-meta-divider">|</span> <span class="post-meta-item-text">阅读时长 ≈</span> <span title="阅读时长">11分钟</span></div></div></header><div class="post-body" itemprop="articleBody"><p>对于喜欢写作的技术人员来说，可以使用 <strong>CSDN</strong>、<strong> 简书 </strong>、<strong>WordPress</strong>、<strong> 博客园 </strong>等产品，不仅可以记录自己在日常工作中遇到的难点、解决的 bug 等，还可以分享经验，让别人也学习进步。但是，有的人可能会觉得这些产品不好用，或者功能的扩展太掣肘，或者觉得这种方式不够酷，他们想追求更加自由的方式来写博客。</p><p>这时候，我觉得 <code>Hexo</code> 就可以出场了，它其实只是一个博客框架，如果你是新手，只需要几个命令十几分钟，就可以搭建自己的博客，而如果你技术高超并且愿意花时间的话，可以折腾出很多花样，博客从里到外你都可以自定义实现。本文记录我的博客搭建过程以及优化过程。</p><p>在此先声明，这篇博客内容是从 <strong>2017-09-30</strong> 开始写的，为了与时俱进，会保持不断更新，可能会删掉无用的旧内容并添加新内容，目前最新修改时间为 <strong>2019-06-09</strong>，所以请读者以最新的内容为准。</p><a id="more"></a><h1 id="历史的记忆"><a href="# 历史的记忆" class="headerlink" title="历史的记忆"></a>历史的记忆</h1><p>我从 2015 年就开始整理包含各种知识点的笔记，大部分都是和技术有关的，其它的都是一些生活感悟、阅读笔记、游记等等。当然，2015 年我还没有毕业，只是在外面的公司实习，由于当时每天都会接触到很多重要的技术知识，在询问同事、查阅资料的过程中又会延伸涉及到更多的知识点，我迫切需要记笔记，方便我快速查阅学习。一开始我本想听从身边同事的建议，使用 <strong>CSDN</strong> 写博客，但是我觉得 CSDN 使用起来不方便，对于字数多一点的笔记，排版、添加图片都很麻烦，因此没有使用。</p><p>后来自行查阅资料，有人建议使用 <strong>简书 </strong>、<strong>WordPress</strong>、<strong> 有道云笔记 </strong>等产品，我觉得好像都不错，并使用了一段时间的有道云笔记。但是突然有一天我发现了 <code>Hexo</code> 这个博客框架产品以及 <code>Markdown</code> 这种语法，我被深深吸引了，当即决定改用它。</p><p>当然，这时候不得不提一下 <code>Jekyll</code> 这个博客框架，它其实是一个静态文件生成器，和 <code>Hexo</code> 类似，用户可以基于 <code>Markdown</code> 文件写博客，然后 <code>Jekyll</code> 帮助用户生成静态文件。更重要的是，<code>GitHub</code> 默认是支持 <code>Jekyll</code> 的，用户可以直接管理 <code>Markdown</code> 文件，其它的都交给 <code>GitHub</code>、<code>Jekyll</code> 了，也就是说用户可以直接在线编辑 <code>Markdown</code> 文件，生成过程、发布过程都无需关心。</p><p>那为什么我没有选择 Jekyll 呢？上面的介绍看起来很美好是不是，但是不能忽略了它的缺点：一是 Liquid 语法不友好，需要学习成本；二是如果在本地搭建 Jekyll 环境的话，步骤比较复杂【基于 Ruby，听说有 Docker 环境可以快速搭建 Jekyll 环境】，出了问题很是折腾人；三是博客内容过多的时候【几百篇】，生成的速度会极慢，也就是性能低下；四是 GitHub 对 Jekyll 的插件有很多限制，导致很多插件不能使用，这就违背了自定义的概念，不够灵活。因此，此时此刻我暂且按下 Jekyll 不表，需要了解的可以参考 GitHub Pages 的帮助文档：<a href="https://help.github.com/en/articles/about-github-pages-and-jekyll" target="_blank" rel="noopener">help.github.com</a> ，让继续我回到 Hexo 这个话题上面来。</p><p>回来继续说 Hexo，这里面还有一段趣事，不久之前，我经常浏览 <a href="http://www.jasongj.com" target="_blank" rel="noopener">郭俊的博客 </a>，里面的大数据技术知识整理归纳得很好，我读了几天之后，突然有一天我的注意力竟然被博客的框架吸引住了：界面简洁、交互优雅、配色简单，我就在那里点来点去，越来越喜欢。然后我决定我也要使用这个框架，但是我对这个框架一无所知，而且郭俊的博客底部也没有留下类似 <strong>Powered by xx</strong> 的标识，一开始一筹莫展。接着我就想到去郭俊的微博、微信公众号里面留言，说我很喜欢这个框架，能不能透露一下关于这个框架的简介。过了几天他回了一个单词：<strong>Hexo</strong>，然后我就疯狂地搜索关于这个框架的信息，并着手开始使用它。</p><p>一开始我并没有考虑那么多，例如博客主题的各种优化配置、远程仓库协作、搭建自己的云主机、绑定域名、SEO 优化等等一系列的升级改造，我只是想使用这个框架，然后搭配 Markdown 语法进行写作。我先在本地创建了一个博客站点，然后逐步把有道云笔记里面的内容迁移过来，现在我发现也积累了不少内容，才决定投入 GitHub 与 GitHub Pages 的怀抱，想把个人博客慢慢做起来。</p><p>我知道这将是一个漫长而消耗精力的过程，希望我能坚持住，这就快到国庆节了，我会抽出 2-3 天时间好好整理一下博客站点的优化清单，并在以后的日子里逐步实现。</p><h1 id="初次搭建"><a href="# 初次搭建" class="headerlink" title="初次搭建"></a>初次搭建</h1><h2 id="环境初始化"><a href="# 环境初始化" class="headerlink" title="环境初始化"></a> 环境初始化</h2><p>参考 <code>Hexo</code> 的安装文档进行环境初始化，新建一个站点并在本地启动，用浏览器打开查看默认的站点。</p><p><code>https://www.jianshu.com/p/88c9e72978b4</code></p><p><code>Jekyll</code> 配合 <code>GitHub Pages</code> 搭建博客，里面提到了可以使用 <code>Docker</code> 安装 <code>Jekyll</code> 环境，方便快捷。那么，对于 <code>Hexo</code> 环境来说，是否存在通过 <code>Docker</code> 来安装的方法呢？【待寻找】</p><h2 id="新建站点"><a href="# 新建站点" class="headerlink" title="新建站点"></a>新建站点</h2><p>详细过程待整理。</p><h1 id="优化教程"><a href="# 优化教程" class="headerlink" title="优化教程"></a>优化教程</h1><p>优化教程主要整理针对博客站点做的优化点，例如 UI 优化、SEO 优化、部署管理优化等等，这一部分内容会非常多，并且会在以后不断更新，至于有没有尽头我也不好说。</p><h2 id="添加版权声明"><a href="# 添加版权声明" class="headerlink" title="添加版权声明"></a>添加版权声明</h2><p>版权声明，一般就是指在博客的末尾添加类似 <code>本博客内容除特别声明外，均采用 xx 许可协议，转载请注明出处！</code> 这样的声明，一是用来提醒读者能意识到博客站点的版权，二是警告读者不要随意抄袭搬运博客内容。</p><p>对于 Hexo 来说，由于默认已经集成了这个功能，用户开启版权声明就比较简单了，直接在主题配置文件中【例如我使用的主题为 NexT，则在主目录中找到 themes/next 子目录，再找到 _config.yml 配置文件】，找到 <code>post_copyright</code> 配置项，设置为开启。</p><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">post_copyright:</span><br><span class="line"> enable: true</span><br><span class="line"> license: CC BY-NC-SA 3.0</span><br><span class="line"> license_url: https://creativecommons.org/licenses/by-nc-sa/3.0/</span><br></pre></td></tr></table></figure><p>其中，<code>enable: true</code> 表示开启版权声明，<code>license</code> 表示版权协议的名称，<code>license_url</code> 表示版权协议的官方网站。至于使用哪一种版权协议，大家根据实际情况选择，如果需要了解更多的版权协议知识，请自行查询。</p><p>开启版权声明后，在每一篇博客的最后都会看到如下图所示的版权声明信息。<br><img src="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190610210907.png" alt="博客文章末尾的版权声明信息" title="博客文章末尾的版权声明信息"></p><p>此外，为了在站点概览中增加版权协议的图标和链接，继续在上述的配置文件中找到 <code>creative_commons</code> 配置项，根据上述的版权协议情况填写。</p><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">creative_commons: by-nc-sa</span><br></pre></td></tr></table></figure><p>配置完成后，在侧边栏的站点概览中，可以看到版权协议的图标，如果点击图标会自动跳转到版权协议的官方网站。<br><img src="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190610210920.png" alt="站点概览的版权声明信息" title="站点概览的版权声明信息"></p><h2 id="搜索引擎优化"><a href="# 搜索引擎优化" class="headerlink" title="搜索引擎优化"></a>搜索引擎优化</h2><p>关于在百度、Google 的站长工具中管理站点的方法，参考我的博客内容：<a href="yy">博客待整理 </a>。</p><h2 id="使用远程仓库"><a href="# 使用远程仓库" class="headerlink" title="使用远程仓库"></a> 使用远程仓库</h2><p>我使用 GitHub 作为远程仓库，方便多环境写博客，并使用 GitHub Pages 作为免费云主机，参考我的博客内容：<a href="xx">博客待整理 </a>。</p><h2 id="绑定独立的域名"><a href="# 绑定独立的域名" class="headerlink" title="绑定独立的域名"></a> 绑定独立的域名</h2><p>由于我使用了 GitHub Pages，所以域名的绑定、SSL 证书的申请都比较简单，参考我的博客内容：<a href="https://www.playpi.org/2018112701.html">GitHub 个人站点绑定独立的域名 </a>。</p><h2 id="解决百度蜘蛛爬虫的问题"><a href="# 解决百度蜘蛛爬虫的问题" class="headerlink" title="解决百度蜘蛛爬虫的问题"></a> 解决百度蜘蛛爬虫的问题</h2><p>由于众所周知的原因，GitHub Pages 把百度蜘蛛爬虫的请求全部拦截，这就导致百度无法爬取博客的内容【当然主动提交的还是可以的】，我使用多主机、百度请求跳转的方式解决这个问题，参考我的博客内容：<a href="https://www.playpi.org/2019010501.html">GitHub Pages 禁止百度蜘蛛爬取的问题 </a>。</p><h2 id="添加宠物挂件"><a href="# 添加宠物挂件" class="headerlink" title="添加宠物挂件"></a> 添加宠物挂件</h2><p>在博客站点的左下角添加宠物挂件，我选择了一只猫，并且它会根据光标的位置来回看，希望能给看我博客的读者带去一点好心情。参考我的博客内容：<a href="https://www.playpi.org/2017031801.html">给博客站点增加一个可以交互的挂件 </a>。</p><h2 id="图床选择"><a href="# 图床选择" class="headerlink" title="图床选择"></a> 图床选择</h2><p>一开始我经过多天的调研，最终选择的是微博图床，理由有：免费、自动压缩、SSL 协议、CDN 加速，使用了很长时间，效果很好。但是后来发生了黑产攻击微博图床的事件【时间点大概在 2019-04-24】，给微博图床带去了安全风险，于是微博图床开启了防盗链，所有正常的访问均被拒绝，进而导致博客文章里面的图片全部打不开。</p><p>后来经过反复思考，又在网上看到很多别人的经验，最终我决定直接使用 GitHub 作为图床工具，安全可靠，参考我的博客内容：<a href="https://www.playpi.org/2019042701.html">解决微博图床防盗链的问题 </a>、<a href="https://www.playpi.org/2019050201.html"> 使用 Java 代码迁移微博图床到 GitHub 图床 </a>。</p><h2 id="站内搜索"><a href="# 站内搜索" class="headerlink" title="站内搜索"></a> 站内搜索</h2><p>我使用的站内搜索是 <code>Hexo</code> 提供的解决方案，只要在配置文件 <code>_config.yml</code> 中配置是否开启本地搜索功能即可，很简洁，不必关心其它，如图：</p><p><img src="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2019/20190724223206.png" alt="站内搜索相关配置" title="站内搜索相关配置"></p><p>它的背后其实使用了一个叫 <code>hexo-generator-search</code> 的插件，详情见：<br><a href="https://github.com/wzpan/hexo-generator-search" target="_blank" rel="noopener">https://github.com/wzpan/hexo-generator-search</a> ，原理也很容易理解，就是把网站的关键词全部收集起来，存在一个文件中：<code>search.xml</code>，搜索时直接根据关键词从文件中查找。</p><p><code>Hexo</code> 内置了这个插件，所以我只需要在配置文件中配置几行信息，就可以开启站内搜索功能，如果是比较老旧的 <code>Hexo</code> 的版本，可能还没有内置这个站内搜索插件，可以升级 <code>Hexo</code> 或者自行安装这个插件：<code>npm install --save hexo-generator-search</code>。</p><p>当然，如果内容过多，查找速度会变慢，例如我的博客有十几万字，我已经觉得很慢了。另外，在 <code>Hexo</code> 的插件仓库也可以找到这个插件的介绍，<code>Hexo</code> 插件仓库地址：<br><a href="https://hexo.io/plugins" target="_blank" rel="noopener">https://hexo.io/plugins</a> 。</p><h2 id="添加开源协议"><a href="# 添加开源协议" class="headerlink" title="添加开源协议"></a>添加开源协议</h2><p>我使用 <code>MIT</code> 开源协议，增加 <code>LICENSE</code> 文件，使用模板即可，必须放在 <code>master</code> 分支才会生效。</p><p>在项目中选择 <code>Create new file</code>，创建一个新文件，命名为：<code>LICENSE</code>，然后在右侧可以看到会有开源协议列表给你选择，选择需要的开源协议，其它内容会自动生成。</p><p>新建文件时选择开源协议模板</p><p><img src="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2019/20190818033915.png" alt="选择开源协议模板" title="选择开源协议模板"></p><p>根据模板生成开源协议内容</p><p><img src="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2019/20190818033908.png" alt="生成开源协议内容" title="生成开源协议内容"></p><p>创建成功后，就可以在项目的属性中看到开源协议信息，例如：<code>MIT</code>。</p><p>开源协议生效后在项目中的效果如下图。</p><p><img src="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190814202201.png" alt="开源协议效果图" title="开源协议效果图"></p><h2 id="添加徽章"><a href="# 添加徽章" class="headerlink" title="添加徽章"></a>添加徽章</h2><p>除了构建结果徽章使用的是 <code>travis</code>，其它徽章使用的是 <code>GitHub</code> 的官方徽章库：<a href="https://shields.io" target="_blank" rel="noopener">shields.io</a>，增加了 <code>Issue</code> 的打开关闭数量、使用的语言【自定义的徽章】、开源协议。</p><p><code>README</code> 文件中的文本内容如下：</p><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">[](https://travis-ci.org/iplaypi/iplaypi.github.io)</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br></pre></td></tr></table></figure><p>徽标可视化效果展示如下图。</p><p><img src="https://raw.githubusercontent.com/iplaypi/img-playpi/master/img/2017/20190814201843.png" alt="徽标可视化展示效果" title="徽标可视化展示效果"></p><h1 id="参考资料"><a href="# 参考资料" class="headerlink" title="参考资料"></a>参考资料</h1><p>1、Hexo 的官方网站：<a href="https://hexo.io" target="_blank" rel="noopener">https://hexo.io</a> 。</p><p>2、Hexo 的安装文档中文版：<a href="https://hexo.io/zh-cn/docs" target="_blank" rel="noopener">https://hexo.io/zh-cn/docs</a> 。</p></div><div><div id="wechat_subscriber" style="display:block;padding:10px 0;margin:20px auto;width:100%;text-align:center"><img id="wechat_subscriber_qcode" src="/images/wechat-qr-personal.jpg" alt="虾丸派 wechat" style="width:200px;max-width:100%"><div>扫一扫添加博主，进技术交流群，共同学习进步</div></div></div><div><div style="padding:10px 0;margin:20px auto;width:90%;text-align:center"><div>永不止步</div><button id="rewardButton" disable="enable" onclick='var qr=document.getElementById("QR");"none"===qr.style.display?qr.style.display="block":qr.style.display="none"'><span>打赏</span></button><div id="QR" style="display:none"><div id="wechat" style="display:inline-block"><img id="wechat_qr" src="/images/wechat-pay-playpi.png" alt="虾丸派 微信支付"><p>微信支付</p></div></div></div></div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者：</strong> 虾丸派</li><li class="post-copyright-link"><strong>本文链接：</strong> <a href="https://www.playpi.org/2017093001.html" title="使用 Hexo、GitHub 搭建个人博客教程">https://www.playpi.org/2017093001.html</a></li><li class="post-copyright-license"><strong>版权声明： </strong>本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/" rel="external nofollow" target="_blank">CC BY-NC-SA 3.0</a> 许可协议。转载请注明出处！</li></ul></div><footer class="post-footer"><div class="post-tags"><a href="/tags/Hexo/" rel="tag"><i class="fa fa-tag"></i> Hexo</a> <a href="/tags/GitHub/" rel="tag"><i class="fa fa-tag"></i> GitHub</a> <a href="/tags/NexT/" rel="tag"><i class="fa fa-tag"></i> NexT</a></div><div class="post-nav"><div class="post-nav-next post-nav-item"><a href="/2017082101.html" rel="next" title="Charset：一个转换网页编码的工具"><i class="fa fa-chevron-left"></i> Charset：一个转换网页编码的工具</a></div><span class="post-nav-divider"></span><div class="post-nav-prev post-nav-item"><a href="/2017101701.html" rel="prev" title="IDEA 代理设置伪装激活信息">IDEA 代理设置伪装激活信息 <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 id="vcomments"></div></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"><ul class="sidebar-nav motion-element"><li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">文章目录</li><li class="sidebar-nav-overview" data-target="site-overview-wrap">站点概览</li></ul><section class="site-overview-wrap sidebar-panel"><div class="site-overview"><div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person"><img class="site-author-image" itemprop="image" src="/images/favicon-1536x1536-playpi.png" alt="虾丸派"><p class="site-author-name" itemprop="name">虾丸派</p><p class="site-description motion-element" itemprop="description">记录知识 | 分享技术</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">144</span> <span class="site-state-item-name">日志</span></a></div><div class="site-state-item site-state-categories"><a href="/categories/index.html"><span class="site-state-item-count">13</span> <span class="site-state-item-name">分类</span></a></div><div class="site-state-item site-state-tags"><a href="/tags/index.html"><span class="site-state-item-count">294</span> <span class="site-state-item-name">标签</span></a></div></nav><div class="feed-link motion-element"><a href="/atom.xml" rel="alternate"><i class="fa fa-rss"></i> RSS</a></div><div class="links-of-author motion-element"><span class="links-of-author-item"><a href="https://github.com/iplaypi" target="_blank" title="GitHub"><i class="fa fa-fw fa-github"></i>GitHub</a> </span><span class="links-of-author-item"><a href="https://weibo.com/u/3086148515" target="_blank" title="微博"><i class="fa fa-fw fa-weibo"></i>微博</a> </span><span class="links-of-author-item"><a href="mailto:playpi@qq.com" target="_blank" title="E-Mail"><i class="fa fa-fw fa-envelope"></i>E-Mail</a></span></div><div class="cc-license motion-element" itemprop="license"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" class="cc-opacity" target="_blank" rel="external nofollow"><img src="/images/cc-by-nc-sa.svg" alt="Creative Commons"></a></div><div class="links-of-blogroll motion-element links-of-blogroll-inline"><div class="links-of-blogroll-title"><i class="fa fa-fw fa-link"></i> 友情链接</div><ul class="links-of-blogroll-list"><li class="links-of-blogroll-item"><a href="https://github.com/iplaypi" title="GitHub" target="_blank" rel="external nofollow">GitHub</a></li><li class="links-of-blogroll-item"><a href="https://weibo.com/u/3086148515" title="Weibo" target="_blank" rel="external nofollow">Weibo</a></li><li class="links-of-blogroll-item"><a href="https://www.playpi.org" title="虾丸派" target="_blank" rel="external nofollow">虾丸派</a></li><li class="links-of-blogroll-item"><a href="https://www.playpi.org" title="playpi" target="_blank" rel="external nofollow">playpi</a></li><li class="links-of-blogroll-item"><a href="https://www.liaoxuefeng.com" title="廖雪峰" target="_blank" rel="external nofollow">廖雪峰</a></li><li class="links-of-blogroll-item"><a href="http://www.ruanyifeng.com" title="阮一峰" target="_blank" rel="external nofollow">阮一峰</a></li><li class="links-of-blogroll-item"><a href="https://travis-ci.org/iplaypi/iplaypi.github.io" title="travis-ci" target="_blank" rel="external nofollow">travis-ci</a></li><li class="links-of-blogroll-item"><a href="https://www.vultr.com/?ref=7861302-4F" title="Vultr" target="_blank" rel="external nofollow">Vultr</a></li></ul></div></div></section><section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active"><div class="post-toc"><div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#历史的记忆"><span class="nav-number">1.</span> <span class="nav-text">历史的记忆</span></a></li><li class="nav-item nav-level-1"><a class="nav-link" href="#初次搭建"><span class="nav-number">2.</span> <span class="nav-text">初次搭建</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#环境初始化"><span class="nav-number">2.1.</span> <span class="nav-text">环境初始化</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#新建站点"><span class="nav-number">2.2.</span> <span class="nav-text">新建站点</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#优化教程"><span class="nav-number">3.</span> <span class="nav-text">优化教程</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#添加版权声明"><span class="nav-number">3.1.</span> <span class="nav-text">添加版权声明</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#搜索引擎优化"><span class="nav-number">3.2.</span> <span class="nav-text">搜索引擎优化</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#使用远程仓库"><span class="nav-number">3.3.</span> <span class="nav-text">使用远程仓库</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#绑定独立的域名"><span class="nav-number">3.4.</span> <span class="nav-text">绑定独立的域名</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#解决百度蜘蛛爬虫的问题"><span class="nav-number">3.5.</span> <span class="nav-text">解决百度蜘蛛爬虫的问题</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#添加宠物挂件"><span class="nav-number">3.6.</span> <span class="nav-text">添加宠物挂件</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#图床选择"><span class="nav-number">3.7.</span> <span class="nav-text">图床选择</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#站内搜索"><span class="nav-number">3.8.</span> <span class="nav-text">站内搜索</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#添加开源协议"><span class="nav-number">3.9.</span> <span class="nav-text">添加开源协议</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#添加徽章"><span class="nav-number">3.10.</span> <span class="nav-text">添加徽章</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#参考资料"><span class="nav-number">4.</span> <span class="nav-text">参考资料</span></a></li></ol></div></div></section></div></aside></div></main><footer id="footer" class="footer"><div class="footer-inner"><div class="copyright">© 2016–<span itemprop="copyrightYear">2021</span> <span class="post-meta-divider">|</span> <span class="with-love"><i class="fa fa-heart"></i> </span><span class="author" itemprop="copyrightHolder">虾丸派</span> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-area-chart"></i> </span><span class="post-meta-item-text">全站字数统计</span> <span title="全站字数统计">326.3k 字</span></div><div class="powered-by">由 <a class="theme-link" target="_blank" href="https://hexo.io" rel="external nofollow">Hexo</a> 强力驱动</div><span class="post-meta-divider">|</span><div class="theme-info">主题 <a class="theme-link" target="_blank" href="https://github.com/iissnan/hexo-theme-next" rel="external nofollow">NexT.Mist</a><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><span id="busuanzi_container_site_pv" style="display:none"><span class="post-meta-divider">|</span> 总访问量 <span id="busuanzi_value_site_pv"></span> 次 </span><span id="busuanzi_container_site_uv" style="display:none"><span class="post-meta-divider">|</span> 总访客 <span id="busuanzi_value_site_uv"></span> 人</span></div><div class="busuanzi-count"><script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script></div></div></footer><div class="back-to-top"><i class="fa fa-arrow-up"></i> <span id="scrollpercent"><span>0</span>%</span></div></div><script type="text/javascript">"[object Function]"!==Object.prototype.toString.call(window.Promise)&&(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.3"></script><script type="text/javascript" src="/js/src/motion.js?v=5.1.3"></script><script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.3"></script><script type="text/javascript" src="/js/src/post-details.js?v=5.1.3"></script><script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.3"></script><script src="//unpkg.com/valine@1.3.7/dist/Valine.min.js"></script><script type="text/javascript">new Valine({av:AV,el:"#comments",verify:!1,notify:!1,app_id:"FC5Jijeg1meo2K2OzPYWK327-gzGzoHsz",app_key:"6A1ReY8tjhPutK00F01YbJSq",placeholder:"没有问题吗？"})</script><script type="text/javascript">var isfetched=!1,isXml=!0,search_path="search.xml";0===search_path.length?search_path="search.xml":/json$/i.test(search_path)&&(isXml=!1);var path="/"+search_path,onPopupClose=function(t){$(".popup").hide(),$("#local-search-input").val(""),$(".search-result-list").remove(),$("#no-result").remove(),$(".local-search-pop-overlay").remove(),$("body").css("overflow","")};function proceedsearch(){$("body").append('<div class="search-popup-overlay local-search-pop-overlay"></div>').css("overflow","hidden"),$(".search-popup-overlay").click(onPopupClose),$(".popup").toggle();var t=$("#local-search-input");t.attr("autocapitalize","none"),t.attr("autocorrect","off"),t.focus()}var searchFunc=function(t,e,s){"use strict";$("body").append('<div class="search-popup-overlay local-search-pop-overlay"><div id="search-loading-icon"><i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i></div></div>').css("overflow","hidden"),$("#search-loading-icon").css("margin","20% auto 0 auto").css("text-align","center"),$.ajax({url:t,dataType:isXml?"xml":"json",async:!0,success:function(t){isfetched=!0,$(".popup").detach().appendTo(".header-inner");var o=isXml?$("entry",t).map(function(){return{title:$("title",this).text(),content:$("content",this).text(),url:$("url",this).text()}}).get():t,n=document.getElementById(e),r=document.getElementById(s),t=function(){var m=n.value.trim().toLowerCase(),x=m.split(/[\s\-]+/);1<x.length&&x.push(m);var e,w=[];0<m.length&&o.forEach(function(t){var e=!1,o=0,h=0,n=t.title.trim(),r=n.toLowerCase(),s=t.content.trim().replace(/<[^>]+>/g,""),a=s.toLowerCase(),i=decodeURIComponent(t.url),c=[],l=[];if(""!=n&&(x.forEach(function(t){function e(t,e,o){var n=t.length;if(0===n)return[];var r,s=0,a=[];for(o||(e=e.toLowerCase(),t=t.toLowerCase());-1<(r=e.indexOf(t,s));)a.push({position:r,word:t}),s=r+n;return a}c=c.concat(e(t,r,!1)),l=l.concat(e(t,a,!1))}),(0<c.length||0<l.length)&&(e=!0,o=c.length+l.length)),e){function p(t,e,o,n){for(var r=n[n.length-1],s=r.position,a=r.word,i=[],c=0;s+a.length<=o&&0!=n.length;){a===m&&c++,i.push({position:s,length:a.length});var l=s+a.length;for(n.pop();0!=n.length&&(s=(r=n[n.length-1]).position,a=r.word,s<l);)n.pop()}return h+=c,{hits:i,start:e,end:o,searchTextCount:c}}[c,l].forEach(function(t){t.sort(function(t,e){return e.position!==t.position?e.position-t.position:t.word.length-e.word.length})});t=[];0!=c.length&&t.push(p(0,0,n.length,c));for(var u=[];0!=l.length;){var f=l[l.length-1],d=f.position,g=f.word,v=d-20,f=d+80;v<0&&(v=0),(f=f<d+g.length?d+g.length:f)>s.length&&(f=s.length),u.push(p(0,v,f,l))}u.sort(function(t,e){return t.searchTextCount!==e.searchTextCount?e.searchTextCount-t.searchTextCount:t.hits.length!==e.hits.length?e.hits.length-t.hits.length:t.start-e.start});e=parseInt("1");function $(o,t){var n="",r=t.start;return t.hits.forEach(function(t){n+=o.substring(r,t.position);var e=t.position+t.length;n+='<b class="search-keyword">'+o.substring(t.position,e)+"</b>",r=e}),n+=o.substring(r,t.end)}0<=e&&(u=u.slice(0,e));var C="";0!=t.length?C+="<li><a href='"+i+"' class='search-result-title'>"+$(n,t[0])+"</a>":C+="<li><a href='"+i+"' class='search-result-title'>"+n+"</a>",u.forEach(function(t){C+="<a href='"+i+'\'><p class="search-result">'+$(s,t)+"...</p></a>"}),C+="</li>",w.push({item:C,searchTextCount:h,hitCount:o,id:w.length})}}),1===x.length&&""===x[0]?r.innerHTML='<div id="no-result"><i class="fa fa-search fa-5x" /></div>':0===w.length?r.innerHTML='<div id="no-result"><i class="fa fa-frown-o fa-5x" /></div>':(w.sort(function(t,e){return t.searchTextCount!==e.searchTextCount?e.searchTextCount-t.searchTextCount:t.hitCount!==e.hitCount?e.hitCount-t.hitCount:e.id-t.id}),e='<ul class="search-result-list">',w.forEach(function(t){e+=t.item}),e+="</ul>",r.innerHTML=e)};n.addEventListener("input",t),$(".local-search-pop-overlay").remove(),$("body").css("overflow",""),proceedsearch()}})};$(".popup-trigger").click(function(t){t.stopPropagation(),!1===isfetched?searchFunc(path,"local-search-input","local-search-result"):proceedsearch()}),$(".popup-btn-close").click(onPopupClose),$(".popup").click(function(t){t.stopPropagation()}),$(document).on("keyup",function(t){27===t.which&&$(".search-popup").is(":visible")&&onPopupClose()})</script><script>!function(){var t=document.createElement("script"),e=window.location.protocol.split(":")[0];t.src="https"===e?"https://zz.bdstatic.com/linksubmit/push.js":"http://push.zhanzhang.baidu.com/push.js";e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}()</script><script type="text/javascript" src="/js/src/js.cookie.js?v=5.1.3"></script><script type="text/javascript" src="/js/src/scroll-cookie.js?v=5.1.3"></script><script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({pluginRootPath:"live2dw/",pluginJsPath:"lib/",pluginModelPath:"assets/",tagMode:!1,debug:!1,model:{scale:1,jsonPath:"/live2dw/assets/hijiki.model.json"},display:{position:"left",width:100,height:200,hOffset:0,vOffset:-20},mobile:{show:!1,motion:!0,scale:.3},log:!1})</script></body></html>