Hexo+Github免费搭建博客教程
<h1 id="免费搭建自己的博客">免费搭建自己的博客</h1><h2 id="一下载安装nodejs">一、下载安装node.js</h2>
<p>在node.js官网下载安装包安装即可。</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233223642-349131297.png" alt="" loading="lazy"></p>
<p>Win键+R输入cmd进入命令窗口输入node-v(注意-v前有个空格)，如图若出现node版本信息，则安装成功。</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233240621-744853097.png" alt="" loading="lazy"></p>
<h2 id="二注册github">二、注册GitHub</h2>
<p>在github官网注册登录即可</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233317633-390444962.png" alt="" loading="lazy"></p>
<h3 id="创建第一个github仓库">创建第一个github仓库</h3>
<p>如图：1创建>2命名>3勾选>4create即可</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233337883-596107071.png" alt="" loading="lazy"></p>
<p><strong>待完善</strong></p>
<p><strong>待完善</strong></p>
<hr>
<h2 id="三安装git">三、安装git</h2>
<p>在git for windows下载安装即可</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233356912-836859301.png" alt="" loading="lazy"></p>
<h2 id="四github的ssh配置">四、GitHub的ssh配置</h2>
<p>打开git bash，输入如下命令</p>
<pre><code class="language-dos">ssh-keygen -t rsa -C "your_email@youremail.com"
</code></pre>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233422511-823096424.png" alt="" loading="lazy"></p>
<p>如图执行这条命令，会产生下图两个文件</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233443240-218493205.png" alt="" loading="lazy"></p>
<p>打开GitHub，新建ssh key</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233458824-948378071.png" alt="" loading="lazy"></p>
<p>打开.ssh目录下的id_rsa.pub文件，复制里面的内容，到github如下所示SSH key的信息，添加即可。</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233522724-1594630480.png" alt="" loading="lazy"></p>
<h2 id="五hexo的使用">五、hexo的使用</h2>
<p>新建Blog文件夹(自己任意设置)，装载hexo到E盘Blog文件夹下</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233545215-1500378559.png" alt="" loading="lazy"></p>
<pre><code class="language-dos">C:\Users\Li>E: //切换到E盘，自行选择装在盘符地址
E:\>cd Blog //切换到Blog
E:\Blog>npm install hexo-cli -g //下载hexo命令
$ hexo init CodedogWorld
</code></pre>
<p>安装成功如图</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233607522-1071796197.png" alt="" loading="lazy"></p>
<p>执行以下代码</p>
<pre><code class="language-dos">E:\Blog>cd CodedogWorld
E:\Blog\CodedogWorld>npm install //安装依赖
E:\Blog\CodedogWorld>hexo s -p 5555
</code></pre>
<p>结果如图</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233627278-280180249.png" alt="" loading="lazy"></p>
<p>浏览器输入http://localhost:5555/出现如下图，则搭建成功。</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233644620-1741914965.png" alt="" loading="lazy"></p>
<p>ps:</p>
<p>hexo官网，官网文档有安装步骤。</p>
<p>参考视频</p>
<p>参考博客</p>
<h2 id="六代码编辑器安装及修改博客内容">六、代码编辑器安装及修改博客内容</h2>
<p><strong>待补充</strong></p>
<p><strong>待补充</strong></p>
<hr>
<p>配置 相关文档</p>
<pre><code class="language-xml">type: git //注意git前空格
repo：https://github.com/CodedogWorld/CodedogWorld.github.io.git
</code></pre>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233729477-1011260416.png" alt="" loading="lazy"></p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233742049-1219964528.png" alt="" loading="lazy"></p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233757896-1394280158.png" alt="" loading="lazy"></p>
<h2 id="七hexo发布到github">七、hexo发布到github</h2>
<pre><code class="language-dos">E:\Blog\CodedogWorld>hexo g
</code></pre>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233817728-1392655527.png" alt="" loading="lazy"></p>
<p>报错</p>
<pre><code class="language-dos">E:\Blog\CodedogWorld>hexo d
INFOValidating config
ERROR Deployer not found: git
</code></pre>
<p>修复问题(下端口)</p>
<p>Git文档</p>
<pre><code class="language-dos">npm install hexo-deployer-git --save
E:\Blog\CodedogWorld>hexo g //生成静态文件
E:\Blog\CodedogWorld>hexo d //文件生成后立即部署网站
</code></pre>
<p>成功运行</p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531233838933-422483785.png" alt="" loading="lazy"></p>
<h2 id="八next主题使用">八、next主题使用</h2>
<p>next使用教程</p>
<p><strong>为NexT主题添加文章阅读量统计功能</strong></p>
<h3 id="1标签分类关于页面创建">1、标签分类关于页面创建</h3>
<pre><code class="language-bash">hexo n page tags #标签页面创建
hexo n page categories #分类页面创建
hexo n page about #关于页面创建
</code></pre>
<p>然后分别在各自md文件中加入</p>
<pre><code class="language-md">type: "tags"
type: "categories"
</code></pre>
<h2 id="九博客创建">九、博客创建</h2>
<p>命令行输入如下命令</p>
<pre><code class="language-node">hexo new "markdown语法"
</code></pre>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531234214780-944416990.png" alt="" loading="lazy"></p>
<p>删除已经创建或者创建错误的博客</p>
<ol>
<li>到目录/source/_posts下删除相应的文章</li>
<li>$ hexo g</li>
<li>$ hexo d</li>
</ol>
<h2 id="十一hexo问题">十一、hexo问题</h2>
<p><strong>问题1：</strong></p>
<blockquote>
<p>Accessing non-existent property 'column' of module exports inside circular dependency</p>
</blockquote>
<pre><code class="language-hexo">(node:22132) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
(node:22132) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
</code></pre>
<p><strong>方案</strong>:</p>
<p><strong>问题2：</strong></p>
<pre><code class="language-dos">WARNSince language_switcher is turned on, the caching is disabled to avoid potential hazards.
</code></pre>
<p><strong>问题3</strong>：</p>
<pre><code class="language-dos"> err: Error: Spawn failed
at ChildProcess.<anonymous> (E:\Blog\CodedogWorld\node_modules\hexo-util\lib\spawn.js:51:21)
at ChildProcess.emit (events.js:315:20)
at ChildProcess.cp.emit (E:\Blog\CodedogWorld\node_modules\cross-spawn\lib\enoent.js:34:29)
at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12) {
code: 128
</code></pre>
<p><strong>原因</strong>:</p>
<blockquote>
<p>因为<code>git</code>进行<code>push</code>或者<code>hexo d</code>的时候改变了一些<code>.deploy_git</code>文件下的内容</p>
</blockquote>
<p><strong>方案</strong>:</p>
<blockquote>
<ol>
<li>删除<code>.deploy_git</code>文件夹;</li>
<li>输入<code>git config --global core.autocrlf false</code></li>
<li>然后，依次执行：<br>
<code>hexo clean</code><br>
<code>hexo g</code><br>
<code>hexo d</code></li>
</ol>
</blockquote>
<p><strong>问题4</strong></p>
<p><img src="https://img2022.cnblogs.com/blog/2291368/202205/2291368-20220531234251609-427743523.png" alt="谷歌无法访问" loading="lazy"></p>
<p>原因：谷歌搜索引擎问题</p>
<p>解决方案：</p>
<p>设置>管理搜索引擎>更换百度搜索引擎</p>
<p>换电脑后怎么迁移hexo博客？</p><br><br>
来源：https://www.cnblogs.com/Code-Rain/p/16332812.html
頁:
[1]