<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Hexo on 首页 | Widegram</title>
    <link>https://widegram.com/tags/hexo/</link>
    <description>Recent content in Hexo on 首页 | Widegram</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en</language>
    <lastBuildDate>Tue, 05 Oct 2021 21:56:22 +0800</lastBuildDate><atom:link href="https://widegram.com/tags/hexo/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Hexo 安装并部署到GitHub Pages 最新教程（2021.10）</title>
      <link>https://widegram.com/2021/10/Hexo%E6%9C%80%E6%96%B0%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B/</link>
      <pubDate>Tue, 05 Oct 2021 21:56:22 +0800</pubDate>
      
      <guid>https://widegram.com/2021/10/Hexo%E6%9C%80%E6%96%B0%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B/</guid>
      <description>一、前期准备 1.1. 环境安装 下载必须环境 NodeJS：下载 | Node.js 中文网 (nodejs.cn)
Git：Git - Downloads (git-scm.com)
测试是否安装成功 node -v npm -v git --version 安装cnpm以使用国内景象 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装hexo cnpm install hexo-cli -g hexo -v 1.2. 建立Github仓库 注册GitHub账号（略） 建立GitHub仓库 这里注意，要将Repository name设置为 用户名.github.io，建立一个README.md。
1.3. 生成并绑定ssh key 打开命令行，定位到某文件夹下，输入ssh查看ssh是否已经正常安装。
ssh-keygen -t rsa -C &amp;#34;注册GitHub时使用的邮件地址&amp;#34; # 例如： ssh-keygen -t rsa -C &amp;#34;abc@example.com&amp;#34; # 输入命令后，根据提示按四次回车 生成完毕后，进入.ssh文件夹。Linux/mac用户在~/.ssh/，Windows用户一般在C:\Users\用户名\.ssh，找到里面的id_rsa和id_rsa.pub。
打开GitHub的settings页面，在左边找到SSH and GPG keys，点击绿色的New SSH key按钮。Title随便写都行，并将刚才的id_rsa.pub中的内容复制到Key栏，点击Add SSH key。
测试SSH是否绑定成功：
ssh -T git@github.</description>
      <content:encoded><![CDATA[<h2 id="一前期准备">一、前期准备</h2>
<h3 id="11-环境安装">1.1. 环境安装</h3>
<h4 id="下载必须环境">下载必须环境</h4>
<p>NodeJS：<a href="http://nodejs.cn/download/" target="_blank">下载 | Node.js 中文网 (nodejs.cn)</a></p>
<p>Git：<a href="https://git-scm.com/downloads" target="_blank">Git - Downloads (git-scm.com)</a></p>
<h4 id="测试是否安装成功">测试是否安装成功</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>node -v
</span></span><span style="display:flex;"><span>npm -v
</span></span><span style="display:flex;"><span>git --version
</span></span></code></pre></div><h4 id="安装cnpm以使用国内景象">安装cnpm以使用国内景象</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>npm install -g cnpm --registry<span style="color:#f92672">=</span>https://registry.npm.taobao.org
</span></span></code></pre></div><h4 id="安装hexo">安装hexo</h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>cnpm install hexo-cli -g
</span></span><span style="display:flex;"><span>hexo -v
</span></span></code></pre></div><h3 id="12-建立github仓库">1.2. 建立Github仓库</h3>
<h4 id="注册github账号略">注册GitHub账号（略）</h4>
<h4 id="建立github仓库">建立GitHub仓库</h4>
<p>这里注意，要将Repository name设置为 <code>用户名.github.io</code>，建立一个README.md。</p>
<h3 id="13-生成并绑定ssh-key">1.3. 生成并绑定ssh key</h3>
<ol>
<li>
<p>打开命令行，定位到某文件夹下，输入<code>ssh</code>查看ssh是否已经正常安装。</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>ssh-keygen -t rsa -C <span style="color:#e6db74">&#34;注册GitHub时使用的邮件地址&#34;</span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># 例如：</span>
</span></span><span style="display:flex;"><span>ssh-keygen -t rsa -C <span style="color:#e6db74">&#34;abc@example.com&#34;</span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># 输入命令后，根据提示按四次回车</span>
</span></span></code></pre></div></li>
<li>
<p>生成完毕后，进入.ssh文件夹。Linux/mac用户在<code>~/.ssh/</code>，Windows用户一般在<code>C:\Users\用户名\.ssh</code>，找到里面的<code>id_rsa</code>和<code>id_rsa.pub</code>。</p>
</li>
<li>
<p>打开GitHub的settings页面，在左边找到<code>SSH and GPG keys</code>，点击绿色的<code>New SSH key</code>按钮。Title随便写都行，并将刚才的<code>id_rsa.pub</code>中的内容复制到Key栏，点击<code>Add SSH key</code>。</p>
</li>
<li>
<p>测试SSH是否绑定成功：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>ssh -T git@github.com	<span style="color:#75715e"># 此命令无需任何修改，直接复制执行即可。</span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># 根据提示输入“yes”，最后提示“success”则绑定成功。</span>
</span></span></code></pre></div></li>
</ol>
<h2 id="二本地生成博客">二、本地生成博客</h2>
<ol>
<li>
<p>选择一个空文件夹，进入命令行。</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>hexo init	<span style="color:#75715e"># 由于是从GitHub上拉取，可能会遇到网络问题，多试几次</span>
</span></span><span style="display:flex;"><span>hexo s		<span style="color:#75715e"># 生成本地静态页面，并打开本地服务器</span>
</span></span></code></pre></div></li>
<li>
<p>找到刚才文件夹下的<code>_config.yml</code>，用Notepad++打开。在文件的最底部添加下列内容（将用户名添加上）：</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">deploy</span>: 
</span></span><span style="display:flex;"><span>	<span style="color:#f92672">type</span>: <span style="color:#ae81ff">git</span>
</span></span><span style="display:flex;"><span>	<span style="color:#f92672">repository</span>: <span style="color:#ae81ff">https://github.com/用户名/用户名.github.io.git</span>
</span></span><span style="display:flex;"><span>	<span style="color:#f92672">branch</span>: <span style="color:#ae81ff">main</span>
</span></span></code></pre></div><p>其中的repository项可在对应仓库中找到自己的.git文件。</p>
</li>
<li>
<p>安装部署工具。在博客文件夹下打开命令行，输入</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>cnpm install hexo-deployer-git --save
</span></span></code></pre></div></li>
</ol>
<h2 id="三部署博客">三、部署博客</h2>
<ol>
<li>
<p>在博客文件夹下打开命令行，输入</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>hexo g		<span style="color:#75715e"># 生成</span>
</span></span><span style="display:flex;"><span>hexo d		<span style="color:#75715e"># 上传</span>
</span></span><span style="display:flex;"><span><span style="color:#75715e"># 连接可能不稳定，多试几次</span>
</span></span></code></pre></div></li>
<li>
<p>在弹出的窗口中输入GitHub用户名，<strong>密码别着急输入，看下一步</strong>（别输错，否则得重来）；</p>
</li>
<li>
<p>打开浏览器，进入<code>[Personal Access Tokens (github.com)](https://github.com/settings/tokens)</code>，点击<code>Generate new token</code>，随便取个名字。</p>
<ul>
<li>有效期限30 days；</li>
<li>下面的Select scopes全选上；</li>
<li><strong>由于令牌只在第一次生成时可见，建议将其复制到其他地方保存</strong>；</li>
<li>复制令牌到刚才到OpenSSH的密码框中。</li>
</ul>
</li>
<li>
<p>启用GitHub pages；</p>
</li>
<li>
<p>打开 用户名.github.io 查看页面。</p>
</li>
</ol>
<h2 id="四自定义博客">四、自定义博客</h2>
<h3 id="41-简单配置">4.1 简单配置</h3>
<ol>
<li>Hexo的文章在<code>source/_posts</code>下，我们可以看到hello-world.md文件，打开即可修改。</li>
<li>网站的关键信息可以在_config.yml下修改；</li>
<li>具体修改可以参考<a href="https://hexo.io/zh-cn/docs/configuration" target="_blank">配置 | Hexo</a>。</li>
</ol>
<h3 id="42-配置主题">4.2. 配置主题</h3>
<ul>
<li>打开<a href="https://hexo.io/themes/" target="_blank">Themes | Hexo</a></li>
<li>注意：Hexo 5.x相对4.x是一次破坏性升级，所以很多4.x下的主题在5.x中并不可用。</li>
<li>以xoxo主题为例：</li>
</ul>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>git clone --depth <span style="color:#ae81ff">1</span> https://github.com/KevinOfNeu/hexo-theme-xoxo themes/xoxo
</span></span><span style="display:flex;"><span>hexo config theme xoxo
</span></span><span style="display:flex;"><span>hexo s
</span></span></code></pre></div>]]></content:encoded>
    </item>
    
  </channel>
</rss>
