第一次成功搭建个人博客，遇到了许多坑。我把对容易犯的错误、一些误区总结在下面！博客地址在最后！！！
文章目录
一、环境准备
1、软件安装
nodejs下载网址
Git下载网址
下载好之后，打开cmd命令行（windows+r）输入cmd回车进入，分别执行以下命令，查看版本号。
node -v
npm -v
git --version
typora下载地址
能够显示版本号就说明安装成功了。如果报错，则说明没有安装成功，可以复制一下报错内容百度搜索。
二、安装hexo框架
首先，我们先安装一个淘宝的镜像加速器(这个真的是太nice了！不用等那么久了！)，方便安装的时候速度会更快一些。
在命令行里面输入如下代码，之后回车键确认后就开始安装了。(这里可能会安装好一段时间，慢慢等)
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后，我们先建一个文件夹，用来放置blog的内容。
建好文件夹之后，我们在当前文件夹的路径下输入cmd，命令行就会切换到当前目录下。
现在，我们就可以在命令行里面开始安装hexo框架。
可以去 hexo官网去拷贝代码，也可以直接用下面的代码。
注意：hexo init blog这段代码中的blog指的是你放置文件的名字，我这里的文件夹名字为blog，所以代码为blog。如果你的文件夹的名字为xxx，你要把博客的内容放在此文件夹下面，那么你这里的文件夹名字就为xxx。
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server
这几句代码输入完成之后，应该如下图所示的效果。
然后我们复制at后面的那个网址，我们的本地博客搭建就算完成了。
如下图所示：
三、注册码云账户
本地部署博客完成之后，我们需要把它推到远程，发布到网上，这里我们选择gitee。之所以用gitee呢，是因为github 是有墙的，比较慢。在国内的话，我们一般使用 gitee ，公司中有时候会搭建自己的gitlab服务器。
百度搜索码云gitee，第一个就是。
注册成功之后，进入到自己个人主界面。
四、创建仓库
点击加号，新建一个仓库。
填写自己的仓库名称，并简单介绍自己的仓库。这里的开源和私有也很好理解。是否公开，这里自己抉择。对于公开，下面会有一些许可证规则，尽量勾上。
关于许可证的理解，就是开源是否可以随意转载，开源但是不能商业使用，否则会收取费用。规则就是用来限制的。
下面的语言自行选择，我这里选择java。
然后点击创建。
五、创建密钥
1、新增你的邮箱地址
去设置里面，找到多邮箱管理，新增我的邮箱地址。
2、创建密钥
现在很关键的一步来了，那就是创建密钥。
设置本机绑SSH公钥，实现免密登录！（这一步很重要，码云是远程仓库，我们平时工作在本地仓库）
首先我先去往本机的.ssh所在的目录，我的文件位置如下，如果没有手动创建一个。
然后进入.ssh这个目录，在当前这个目录下打开Git Bah，
通过下面的命令查看git的本地相关配置。
git config --global --list
如果和我的格式差不多(name和email和你自己配置的一样)，那说明已经配置好了。如果没有配置，可以用以下命令进行配置。
git config --global user.name "你的名字或昵称"
git config --global user.email "你的邮箱"
配置完账户和邮箱之后，在你的博客目录下，打开Git bash，输入下面的命令配置公钥,然后就一路回车到底。
ssh-keygen -t rsa -C "你的邮箱"
我们可以看到他在这个目录下生成了两个文件。如果没有显示.pub的文件，那么我们可以通过点击查看，勾选文件扩展名就可以了。
我们打开id_rsa.pub文件，将里面的内容全选复制，然后添加到你的码云账户当中。
点击确定之后，可以看到公钥已经成功生成。
六、部署
1、相关配置
然后我们进入到博客的目录内，输入cmd，打开命令行，输入下面的命令。
npm install hexo-deployer-git --save
安装完成之后，我们切换到码云这边，点击服务，没有gitee pages，说明我们之前没有初始化。
点击管理，点击初始化README启用SVN访问。
然后点击服务，可以看到Gitee Pages，点击它。
然后，我们进入到这个界面之后，勾上强制使用HTTPS，点击启动。
然后，我们可以看到码云为我们生成了免费的链接
访问这个网址，可以发现是404界面。
说明我们还没有把本地的网页部署到码云上面来。
我们先复制这个地址
然后进入到博客的配置文件中，选中_config.yml，右键编辑。
找到deploy，然后配置成下面的格式，并保存。
2、本地部署
修改完成之后，我们先在本地部署，输入以下命令
hexo clean && hexo g
hexo s
复制这个网址，查看本地效果
3、远程部署
本地部署完成之后，按Ctrl+C，停止本地服务，然后他会提示“终止批处理操作服务吗？”输入y，回车，然后输入
hexo d
推到码云上。
第一次推送到码云，它会提示你输入码云的账户和密码等相关信息。
回到码云，更新部署。
这样，我们的博客基本就算搭建完成了！
七、主题美化
1、hexo-theme-matery主题
我这里是用的主题是hexo-theme-matery，使用哪个的配置参照的官方的配置。
我们点击页脚的matery
找到hexo-theme-matry
可以参考国内访问示例的相关配置。
链接参考：http://blinkfox.com/2018/09/28/qian-duan/hexo-bo-ke-zhu-ti-zhi-hexo-theme-matery-de-jie-shao/
使用主题之后，硬顶要修改配置文件里面的内容。
2、Live2D看板娘
1、live2D安装
安装live2d,输入命令
npm install --save hexo-helper-live2d
2、选择模型
这个模型自行选择，可以参考这个链接
https://www.cnblogs.com/strengthen/p/11112215.html
选择了模型之后，就对应安装自己选择的模型。安装想要的模型,输入命令
npm install live2d-widget-model-koharu ###这个是我选的模型
3、增加配置
复制如下内容到hexo的_config.yml或者theme的_config.yml，首先修改use后面的模型为你选的模型名，然后修改这段代码中的position,width,height等来控制显示位置以及大小。
live2d:
enable: true
#enable: false
scriptFrom: local # 默认
pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径)
pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
pluginModelPath: assets/ # 模型文件相对与插件根目录路径
# scriptFrom: jsdelivr # jsdelivr CDN
# scriptFrom: unpkg # unpkg CDN
# scriptFrom: https://cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js # 你的自定义 url
tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
debug: false # 调试, 是否在控制台输出日志
model:
use: live2d-widget-model-koharu
# use: live2d-widget-model-wanko # npm-module package name
# use: wanko # 博客根目录/live2d_models/ 下的目录名
# use: ./wives/wanko # 相对于博客根目录的路径
# use: https://cdn.jsdelivr.net/npm/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json # 你的自定义 url
display:
position: right
width: 145
height: 315
mobile:
show: true # 是否在移动设备上显示
scale: 0.5 # 移动设备上的缩放
react:
opacityDefault: 0.7
opacityOnHover: 0.8
3、点击效果
我们先去到主题的这个目录下
这个主题的默认点击效果是爱心，我们可以改为其他的。大家想要什么主题，就去网上找到对应的源码，把原来的爱心代码删除，找到的粘到这里就可以了！
4、樱花飘落
上面的主题链接说明，已经安装了樱花飘落的效果，我们只需要在配置文件中启动就可以了！
八、总结
博客我从大二就开始了，但是几次都没有成功！然后去学习了搭建博客的相关知识后，才搭建成功！搭建博客不是主要目的，重要的是把自己所学的知识分享给更多的人！后期也会分享更多优质资源！欢迎大家访问我的博客：博客地址
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
