Site updated: 2023-07-17 10:57:05

2023/07/05/hexo-GitHub-page搭建个人博客全过程/index.html

@@ -16,12 +16,12 @@
   <meta name="author" content="Tiger">
   <meta name="keywords" content="">
 
-    <meta name="description" content="https:&#x2F;&#x2F;szxhz.github.io&#x2F;我使用了GitHub pages 和 hexo fluid 主题来进行网站布局和优化转载于：https:&#x2F;&#x2F;blog.csdn.net&#x2F;yaorongke&#x2F;article&#x2F;details&#x2F;119089190步骤如下：  1,准备工作 ：  安装 nodejs 和 git  node.js 官网： https:&#x2F;&#x2F;nodejs.org&#x2F; 去下载相对稳定">
+    <meta name="description" content="https:&#x2F;&#x2F;szxhz.github.io&#x2F;我使用了GitHub pages 和 hexo fluid 主题来进行网站布局和优化转载于：https:&#x2F;&#x2F;blog.csdn.net&#x2F;yaorongke&#x2F;article&#x2F;details&#x2F;119089190步骤如下：  1,准备工作 ： 安装 nodejs 和 git  node.js 官网： https:&#x2F;&#x2F;nodejs.org&#x2F; 去下载相对稳定版">
 <meta property="og:type" content="article">
 <meta property="og:title" content="hexo+GitHub page搭建个人博客全过程">
 <meta property="og:url" content="https://szxhz.github.io/2023/07/05/hexo-GitHub-page%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E5%85%A8%E8%BF%87%E7%A8%8B/index.html">
 <meta property="og:site_name" content="Szxhz | By GitHub page">
-<meta property="og:description" content="https:&#x2F;&#x2F;szxhz.github.io&#x2F;我使用了GitHub pages 和 hexo fluid 主题来进行网站布局和优化转载于：https:&#x2F;&#x2F;blog.csdn.net&#x2F;yaorongke&#x2F;article&#x2F;details&#x2F;119089190步骤如下：  1,准备工作 ：  安装 nodejs 和 git  node.js 官网： https:&#x2F;&#x2F;nodejs.org&#x2F; 去下载相对稳定">
+<meta property="og:description" content="https:&#x2F;&#x2F;szxhz.github.io&#x2F;我使用了GitHub pages 和 hexo fluid 主题来进行网站布局和优化转载于：https:&#x2F;&#x2F;blog.csdn.net&#x2F;yaorongke&#x2F;article&#x2F;details&#x2F;119089190步骤如下：  1,准备工作 ： 安装 nodejs 和 git  node.js 官网： https:&#x2F;&#x2F;nodejs.org&#x2F; 去下载相对稳定版">
 <meta property="og:locale" content="zh_CN">
 <meta property="og:image" content="https://szxhz.github.io/szxhz.github.io-source/img/20230705002.png">
 <meta property="og:image" content="https://szxhz.github.io/szxhz.github.io-source/img/20230705003.png">
@@ -34,7 +34,7 @@
 <meta property="og:image" content="https://szxhz.github.io/szxhz.github.io-source/img/20230705007.png">
 <meta property="og:image" content="https://szxhz.github.io/szxhz.github.io-source/img/20230705011.png">
 <meta property="article:published_time" content="2023-07-05T08:21:34.000Z">
-<meta property="article:modified_time" content="2023-07-10T06:03:38.703Z">
+<meta property="article:modified_time" content="2023-07-17T02:53:15.686Z">
 <meta property="article:author" content="Tiger">
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:image" content="https://szxhz.github.io/szxhz.github.io-source/img/20230705002.png">
@@ -288,8 +288,7 @@ <h1 id="seo-header">hexo+GitHub page搭建个人博客全过程</h1>
 
                 <h1 id="https-szxhz-github-io"><a href="#https-szxhz-github-io" class="headerlink" title="https://szxhz.github.io/"></a><a href="https://szxhz.github.io/">https://szxhz.github.io/</a></h1><p><strong>我使用了GitHub pages 和 hexo fluid 主题来进行网站布局和优化</strong><br>转载于：<em><strong><a target="_blank" rel="noopener" href="https://blog.csdn.net/yaorongke/article/details/119089190">https://blog.csdn.net/yaorongke/article/details/119089190</a></strong></em><br>步骤如下：</p>
 <blockquote>
-<p><strong>1,准备工作</strong> ：</p>
-<ul>
+<h1 id="1-准备工作-："><a href="#1-准备工作-：" class="headerlink" title="1,准备工作 ："></a><strong>1,准备工作</strong> ：</h1><ul>
 <li><p>安装 <em>nodejs</em> 和 <em>git</em></p>
 <ul>
 <li>node.js 官网： <em><strong><a target="_blank" rel="noopener" href="https://nodejs.org/">https://nodejs.org/</a></strong></em> 去下载相对稳定版：<br><img src="https://szxhz.github.io/szxhz.github.io-source/img/20230705002.png" srcset="/img/loading.gif" lazyload alt="nodejs首页" title="node.js 网站首页"></li>
@@ -306,8 +305,7 @@ <h1 id="https-szxhz-github-io"><a href="#https-szxhz-github-io" class="headerlin
 <ul>
 <li>一切的一切就是你必须要有一个GitHub账号！<em><strong><a target="_blank" rel="noopener" href="https://github.com/login">https://github.com/login</a></strong></em></li>
 </ul>
-<p> <strong>2,创建仓库</strong> ：</p>
-<ul>
+<h1 id="2-创建仓库-："><a href="#2-创建仓库-：" class="headerlink" title="2,创建仓库 ："></a><strong>2,创建仓库</strong> ：</h1><ul>
 <li><p>新建仓库：其他默认，但仓库名得是 <strong>用户名.github.io</strong><br><img src="https://szxhz.github.io/szxhz.github.io-source/img/20230705008.png" srcset="/img/loading.gif" lazyload alt="新仓库" title="新仓库"></p>
 </li>
 <li><p>新建一个文件，文件名为index.html:</p>
@@ -328,8 +326,7 @@ <h1 id="https-szxhz-github-io"><a href="#https-szxhz-github-io" class="headerlin
 </code></pre>
 <p>恭喜你，你已经拥有了一个GitHub page。</p>
 <blockquote>
-<p> <strong>3,安装hexo</strong> ：</p>
-<ul>
+<h1 id="3-安装hexo-："><a href="#3-安装hexo-：" class="headerlink" title="3,安装hexo ："></a><strong>3,安装hexo</strong> ：</h1><ul>
 <li><p>你可以根据hexo官网来进行安装：<a target="_blank" rel="noopener" href="https://hexo.io/">https://hexo.io</a></p>
 </li>
 <li><p>你在电脑上新建一个存放博客的文件夹，在该文件夹打开git bash here。</p>
@@ -365,8 +362,7 @@ <h1 id="https-szxhz-github-io"><a href="#https-szxhz-github-io" class="headerlin
 <li><p>但到最后一定要<strong>Ctrl+c</strong>关闭。</p>
 </li>
 </ul>
-<p> <strong>4，更换主题</strong> :</p>
-<ul>
+<h1 id="4，更换主题"><a href="#4，更换主题" class="headerlink" title="4，更换主题 :"></a><strong>4，更换主题</strong> :</h1><ul>
 <li><p>这个界面虽说不上丑，但真的不好看，不如换个主题吧！可以去官网选一个：<em><strong><a target="_blank" rel="noopener" href="https://hexo.io/themes">https://hexo.io/themes</a></strong></em> 这里我使用的是fluid。</p>
 </li>
 <li><p>打开这个链接：<em><strong><a target="_blank" rel="noopener" href="https://github.com/fluid-dev/hexo-theme-fluid/releases">https://github.com/fluid-dev/hexo-theme-fluid/releases</a></strong></em> 下载最新版的 <em><strong>Source code (zip)</strong></em><br>  <img src="https://szxhz.github.io/szxhz.github.io-source/img/20230705004.png" srcset="/img/loading.gif" lazyload alt="d-f" title="d-f"></p>
@@ -411,8 +407,7 @@ <h1 id="https-szxhz-github-io"><a href="#https-szxhz-github-io" class="headerlin
 这里写关于页的正文，支持 Markdown, HTML
 </code></pre>
 <blockquote>
-<p> <strong>5，自定义主题</strong> ：</p>
-<ul>
+<h1 id="5，自定义主题-："><a href="#5，自定义主题-：" class="headerlink" title="5，自定义主题 ："></a><strong>5，自定义主题</strong> ：</h1><ul>
 <li>首先在 <em><strong>/_config.yml</strong></em> 中修改：（建议自定义的我用了中文，能改的在文段最上面)</li>
 </ul>
 </blockquote>
@@ -510,16 +505,14 @@ <h1 id="https-szxhz-github-io"><a href="#https-szxhz-github-io" class="headerlin
 <ul>
 <li>可以看见成果：<br> <img src="https://szxhz.github.io/szxhz.github.io-source/img/20230705005.png" srcset="/img/loading.gif" lazyload alt="2" title="2"></li>
 </ul>
-<p> <strong>6，创建文章</strong> ：</p>
-</blockquote>
+<h1 id="6，创建文章-："><a href="#6，创建文章-：" class="headerlink" title="6，创建文章 ："></a><strong>6，创建文章</strong> ：</h1></blockquote>
 <pre><code class="hljs">$ hexo new "文章名"
 </code></pre>
 <blockquote>
 <ul>
 <li>常见的文章在 <em><strong>/source/_posts/你的文章名.md</strong></em> ，没错，你的文章也要用MD语法。</li>
 </ul>
-<p> <strong>7,上传GitHub page</strong> :</p>
-<ul>
+<h1 id="7-上传GitHub-page"><a href="#7-上传GitHub-page" class="headerlink" title="7,上传GitHub page :"></a><strong>7,上传GitHub page</strong> :</h1><ul>
 <li>方式1：<ul>
 <li>获取 <em>hexo-deployer-git</em></li>
 </ul>
@@ -630,6 +623,12 @@ <h1 id="https-szxhz-github-io"><a href="#https-szxhz-github-io" class="headerlin
                   <article class="post-prev col-6">
 
 
+                      <a href="/2023/07/17/%E6%90%AD%E5%BB%BA%E6%AF%95%E4%B8%9A%E7%BA%AA%E5%BF%B5%E7%BD%91%E7%AB%99%EF%BC%88%E4%B8%80%EF%BC%89/" title="搭建毕业纪念网站（一）">
+                        <i class="iconfont icon-arrowleft"></i>
+                        <span class="hidden-mobile">搭建毕业纪念网站（一）</span>
+                        <span class="visible-mobile">上一篇</span>
+                      </a>
+
                   </article>
                   <article class="post-next col-6">