桥畔白头翁 發表於 2021-10-12 20:13:00

Gitee+HEXO搭建个人博客

<h2 id="准备工作">准备工作</h2>
<p>1、gitee账号一个<br>
到官网:https://gitee.com注册<br>
2、node.js<br>
官网:https://nodejs.org/zh-cn/ 下载最新版<br>
3、git<br>
官网:https://git-scm.com/下载最新版<br>
环境安装<br>
安装git<br>
一路next到安装完毕,保持默认选项<br>
安装nodejs<br>
一路next到安装完毕,保持默认选项</p>
<h2 id="初始化博客">初始化博客</h2>
<h3 id="安装hexo">安装hexo</h3>
<p>win+r,打开运行,输入cmd<br>
命令:</p>
<pre><code>npm install -g cnpm --registry=https://registry.npm.taobao.org         #安装淘宝镜像
cnpm install -g hexo            #安装hexo博客生成系统
</code></pre>
<h3 id="初始化">初始化</h3>
<p>新建空文件夹,在该文件夹路径下打开cmd(在搜索框的左边,点击空白区域,输入cmd,回车)</p>
<p>命令:</p>
<pre><code>hexo init               #初始化博客系统,耐心等待
hexo generate      #生成博客网页
hexo server         #开启博客本地测试服务器
</code></pre>
<h3 id="测试是否成功">测试是否成功</h3>
<p>若运行成功,在浏览器网址栏中搜索cmd生成的网址(http://localhost:4000),打开会看到hexo默认网页。</p>
<h3 id="部署到gitee">部署到Gitee</h3>
<p>打开GitBash,在文件资源管理器中右击鼠标就能找到。</p>
<h4 id="gitee远程登录">gitee远程登录</h4>
<p>命令:</p>
<pre><code>git config --global user.email "注册gitee用的邮箱“
git config --global user.name "注册gitee的用户名"
ssh-keygen -t rsa -C "注册gitee用的邮箱" #上传登录密钥
</code></pre>
<p><strong>注:之后有很多地方等待输入,直接回车。</strong></p>
<pre><code>cat`find /c/Users/ -name*.pub`
</code></pre>
<p><strong>注:find前面`的符号,是Tab键上方的键。</strong><br>
将公钥(ssh-rsa)都复制下来</p>
<h4 id="gitee打开个人用户设置找到ssh公钥添加新的ssh-keys起名粘贴公钥添加">Gitee打开个人用户设置,找到SSH公钥,添加新的SSH Keys,起名,粘贴公钥,添加。</h4>
<h4 id="测试是否成功-1">测试是否成功</h4>
<p>命令:</p>
<pre><code>ssh -T git@gitee.com
</code></pre>
<p>中途会停下来,输入yes</p>
<p>若看到github用户名出现,就成功了。</p>
<h4 id="创建仓库create-repository">创建仓库(Create repository)</h4>
<p>创建一个仓库,仓库名随意。<br>
然后复制仓库地址,修改博客配置文件。</p>
<h4 id="修改配置文件">修改配置文件</h4>
<p>打开之前创建的文件夹在hexo里找到配置文件,_config.yml,使用编辑器打开(推荐使用notepad++)</p>
<pre><code>title: #网站标题
subtitle:#网站副标题
author: #作者
language:zh-CN #语言
timezone:‘Asia/Shanghai' #时区
url:https://yl1010code.gitee.io #仓库名,前面是https
deploy:
   type: git
   repo: git@gitee.com:yl1010code/yl1010code.gitee.io.git #粘贴你复制的仓库地址
   branch: master
theme: #hexo的主题
</code></pre>
<p><strong>注:所有冒号后面都要有空格。</strong></p>
<h2 id="必须的命令">必须的命令</h2>
<p>进入初始化的文件夹内,在hexo文件夹内右击鼠标,打开GitBash,输入的命令才有效</p>
<pre><code>hexo clean #清除缓存
hexo generate #生成博客网页
hexo deploy #部署网页到gitee上面
</code></pre>
<p>在hexo官网进行下载想要的主题:https://hexo.io/zh-cn</p>
<p>hexo官方文档:https://hexo.io/zh-cn/docs/writing</p>
<h2 id="开启gitee-pages服务">开启Gitee Pages服务</h2>
<p>在项目中的服务选择Pages选项,默认设置,点击启动即可。</p>
<p><strong>注:过程需要实名认证。</strong><br>
完成后</p>
<p>浏览器输入:page网址就可以访问了。</p>
<p>例如:https://yl1010code.gitee.io</p>
<p><strong>注:gitee的page服务不能自动更新部署,将hexo网页部署到gitee后还需要手动更新部署,这一点较部署到GitHub上就麻烦许多。</strong><br>
<strong>注:GitHub和gitee的公钥可以共用。</strong><br>
个人博客链接<br>
https://yl1010code.gitee.io/</p><br><br>
来源:https://www.cnblogs.com/glory-yl/p/15399417.html
頁: [1]
查看完整版本: Gitee+HEXO搭建个人博客