gitee+hexo搭建个人博客
<p>首先准备软件：</p><ul>
<li>git (提供命令git) git官网</li>
<li><s>notepad++(方便编辑)notepad++官网</s> 垃圾npp，推荐别用</li>
<li>nodejs(hexo依赖)nodejs官网</li>
<li>7z(压缩包)7z官网</li>
</ul>
<p>链接：https://pan.baidu.com/s/1OWnJMV1kI86aLUZZEkt6Yw提取码：im6o这里整合好了。</p>
<p>还有码云主页</p>
<h2 id="安装">安装</h2>
<p>nodejs、git、notepad++和7z的安装过程省略。主要要说的是hexo的安装和配置。<br>
再以上几个安装好后，注意测试是否可以再命令行可以使用：<code>git</code>,<code>npm</code><br>
这里虽然使用的是Windows值作但是全部都是使用命令完成，与Linux的命令相同，所以可以Linux也是可以完成的。<br>
Win+R-> 'cmd' 打开命令行<br>
首先需要配置npm的国内源</p>
<pre><code class="language-bash">npm config set registry https://registry.npm.taobao.org #配置国内的镜像源
npm info hexo # 测试查看hexo的安装信息，是否是taobao.org的源
</code></pre>
<p>然后再是安装hexo：</p>
<pre><code class="language-bash">npm install -g hexo # 通过npm安装hexo
# -g 指定全局安装，可以使用hexo命令
</code></pre>
<p>我这里再切换到桌面路径进行操作</p>
<pre><code class="language-bash">hexo init test # 初始化创建，会再桌面创建test文件夹
cd test # 进入test目录
npm install # 进一步安装hexo所需文件
</code></pre>
<p>这样hexo就安装完成了，接下来就可以启动<code>hexo</code>了</p>
<pre><code class="language-bash">hexo clean # 清除所有记录
hexo generate # 生成静态网页
hexo server -p 80 # 启动服务
</code></pre>
<p>然后使用浏览器访问<code>http://server_ip</code><br>
<img src="https://img2018.cnblogs.com/blog/1641240/201907/1641240-20190727161216262-993916819.png" alt="" loading="lazy"></p>
<h2 id="主题配置">主题配置</h2>
<p>如果不喜欢这个主题可以换一个<br>
比如next主题，next官网 next的github网页，去github下载压缩包然后放到test下的themes目录下。</p>
<p>然后配置<code>_config.yml</code></p>
<pre><code class="language-yml">……
theme: hexo-theme-next-5.1.4 # 这里需要注意:后面要有一个空格，名称要和theme下的主题目录名称相同。
……
</code></pre>
<p>hexo的其他配置参考hexo官方文档<br>
next的配置参考next官方文档</p>
<p>然后重启hexo服务</p>
<pre><code class="language-bash">hexo clean # 清除所有记录
hexo generate # 生成静态网页
hexo server -p 80 # 启动服务
</code></pre>
<p>然后重新访问网页，就会发生变化<br>
<img src="https://img2018.cnblogs.com/blog/1641240/201907/1641240-20190727161343110-1070102071.png" alt="" loading="lazy"></p>
<h2 id="生成blog">生成blog</h2>
<p>生成blog：</p>
<pre><code class="language-bash">hexo new test # 生成主页,在test/source/_posts下会生成test.md文件
</code></pre>
<p>所有网页都时通过md文件来显示的，如果想要学习md->markdown语法,可以参考原作者markdown解释</p>
<h2 id="上传到gitee">上传到gitee</h2>
<p>gitee主页<br>
再gitee创建自己的账户，然后再创建一个自己仓库<br>
<img src="https://img2018.cnblogs.com/blog/1641240/201907/1641240-20190727161359550-1764101506.png" alt="" loading="lazy"><br>
在创建仓库完成后进入到仓库<br>
<img src="https://img2018.cnblogs.com/blog/1641240/201907/1641240-20190727161410570-42081424.png" alt="" loading="lazy"><br>
复制URL，到hexo的配置文件<code>_config.yml</code></p>
<pre><code class="language-yml">……
deploy:
type: git # type为git
repo: https://gitee.com/somata/somata # 仓库的URL
……
</code></pre>
<p>这里先安装一个hexo的插件</p>
<pre><code class="language-bash">npm install hexo-deployer-git --save # 安装git插件
git config --global user.email *********@qq.com # 设置gitee邮箱（gitee的注册邮箱）
git config --global user.name '****' # 设置用户名（git的注册昵称）
hexo deploy # 上传到gitee
# 在上传时，需要再次输入gitee的注册邮箱作为username，账户密码作为password
</code></pre>
<p>上传完成之后，仓库就会多出以下文件<br>
<img src="https://img2018.cnblogs.com/blog/1641240/201907/1641240-20190727161241462-2086530710.png" alt="" loading="lazy"><br>
然后哦选择gitee pages 网页解析服务<br>
<img src="https://img2018.cnblogs.com/blog/1641240/201907/1641240-20190727161252195-1328699544.png" alt="" loading="lazy"><br>
然后选择开启 或 更新即可。注意需要绑定手机号，否则不允许使用pages服务。然后访问网址<br>
这里需要注意，每次重新上传网页后，都需要到这里来更新网页<br>
<img src="https://img2018.cnblogs.com/blog/1641240/201907/1641240-20190727161303910-1097377280.png" alt="" loading="lazy"></p>
<h2 id="解决hexo博客网页无法使用图片问题">解决hexo博客网页无法使用图片问题</h2>
<pre><code class="language-bash">npm install hexo-asset-image --save # 安装hexo插件
</code></pre>
<pre><code class="language-yml"># 这里还要注意修改_config.yml中的一个点
……
post_asset_folder: true
……
</code></pre>
<pre><code>hexo new test # 生成新的网页
</code></pre>
<p>位置在 test/source/_posts下，会同时生成test目录和test.md 网页，将需要的图片放置到test目录下，test.md就可以正常解析了，注意：要在图片路径直接写成同目录下即可。<br>
<img src="https://img2018.cnblogs.com/blog/1641240/201907/1641240-20190727161318355-1195792976.png" alt="" loading="lazy"></p>
<p>本文经「原本」原创认证，作者乾坤盘，访问yuanben.io查询【3SCNT0GH】获取授权信息。</p>
</div>
<div id="MySignature" role="contentinfo">
本作品采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。 <br>
转载请标明出处https://www.cnblogs.com/somata/p/build_a_personal_blog_with_gitee_and_hexo.html和作者乾坤盘。<br>
商务合作请邮件联系somata@foxmail.com。<br><br>
来源：https://www.cnblogs.com/somata/p/build_a_personal_blog_with_gitee_and_hexo.html
頁:
[1]