干技术怎么能不搭建个人博客呢（一 ❤ hexo主题+Gitee/Github搭建个人博客）干技术怎么能不搭建个人博客呢（
干技术怎么能不搭建个人博客呢（一 ❤ hexo主题+Gitee搭建个人博客）
❤Hexo的基本使用
这篇文章主要带着我们利用hexo+github实现自己的个人博客
hexo常用命令
// 搭建好了以后进行推送
hexo new '' 新建文章
hexo c&&hexo g&&hexo s 一键三连
hexo d 推送
// 从0搭建过程需要用到的部分
1. npm install -g hexo 安装hexo
2. hexo init Lourance初始化
3. npm install hexo-cli -g 安装hexo脚手架
5. cd Lourance 进入目录
6. npm install 进一步安装hexo所需文件
7. 启动
hexo clean # 清除所有记录 /hexo c
hexo generate # 生成静态网页 /hexo g
hexo server # 启动服务 /hexo s
// 远程部署Gitee和Github需要用到的
其他
ssh-keygen -t rsa -C "2455067339@qq.com" 生成电脑的个人密钥
npm install hexo-deployer-git --save 部署工具的安装
// 远程部署Gitee
部署前准备添加公钥
1、注册登录码云
2、生成|添加SSH公钥
3、配置 ssh 账户和邮箱
git config --global user.email *********@qq.com # 设置邮箱
git config --global user.name '****' # 设置用户名
4、查看账户和邮箱
git config --global user.name
git config --global user.email
5、本地生成ssh公钥
ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
6、查看 ssh 公钥
vim ~/.ssh/id_rsa.pub
7、 部署到码云上面
8、 测试 ssh -T git@gitee.com
9、 配置连接 Gitee
10、复制 Gitee上的个人URL ，到 hexo 的配置文件 _config.yml
// 远程部署Github
1. 认识
（1）官网
官网地址：hexo.io/zh-cn/
（2）介绍
Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。即把用户的markdown文件，按照指定的主题解析成静态网页。
2. 安装
（1）准备环境
准备环境
1.node
hexo 基于 node，所以首先要安装node环境（node尽量18以及以上）
2.npm
包管理工具
（2）安装
安装使用hexo之前需要先安装Node.js和Git，当已经安装了Node.js和npm(npm是node.js的包管理工具)，可以通过以下命令安装hexo
npm install -g hexo-cli 安装hexo脚手架
安装成功：
3. 使用
（1）部署发布
hexo init （初始化 hexo，必须是空文件夹）
npm install （工程配置）
浏览器调试
hexo g （）
hexo s （启动hexo的服务）
到这里你本地已经简单搭建起来了博客
hexo c （清楚缓存）
hexo g
hexo d （Gitee博客配置好了以后推送到gitee的）
hexo s
（2）发布到gitee上面（废弃）
打开博客文件夹下面的_config.yml 文件
配置自己的个人博客路径
type: 'git'
repo: https://gitee.com/xxx/note.git #替换成你自己仓库的HTTP URL地址
branch: master
1
2
将生成的网站地址配置到自己的_config.yml文件之中
// url: https://gitee.com/xxx/note.git
（3）发布到GitHub上面
上传 hexo 程序到 GitHub
npm install hexo-deployer-git --save
（4）部署博客
1、安装自动部署发布工具，不然部署会报错
npm install hexo-deployer-git --save
2、一键三连
- 一般发布文章或者修改博客后需要这些操作：清除缓存>生成静态文件>启动服务器，测试没问题后再部署
【清除缓存 hexo clean】
【生成静态文件 hexo generate】
【启动服务器 hexo server】
【部署 hexo deploy】
hexo c
hexo g
hexo d
hexo s
// 我们可以写成一条命令
hexo c&&hexo g&&hexo s
$ hexo d
（5）进阶操作部分（发表新文章）
1、hexo new "new article"
会在对应的路径下创建一个名为“new article”的markdown文件
只要在这个文件中用markdown语言进行编写文章内容即可，保存后，输入命令
hexo g //生成静态页面
hexo s //启动本地服务器进行查看
hexo d //查看后没有问题即可部署到github上
【自己习惯】
【修改以后个人三连】
hexo g && hexo d
hexo s
4. 目录和配置
官方配置地址：hexo.io/zh-cn/docs/…
.
├── _config.yml 网站的配置信息，您可以在此配置大部分的参数
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
5. 主题推荐和安装
下载自己喜欢的主题，可以去 github 下载压缩包然后放到博客项目根目录下的 themes 中。 然后配置 _config.yml
推荐主题--Butterfly简洁而不简单
`icarus 主题地址`
地址：https://gitcode.com/ppoffice/hexo-theme-icarus/overview?utm_source=csdn_github_accelerator&isLogin=1
安装：
npm install hexo-theme-icarus
hexo config theme icarus
`这里我遇到的问题就是控制台一直报红色输出问题`
hexo推荐的所有主题地址： hexo.io/themes/
6. 主题更改和使用
1、开始选择的是 hexo主题里面的yilla简洁主题，菜单不明显，放弃
搭建了hexo主题NextT主题
使用主题Butterfly
01下载主题
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
2 修改站点配置文件_config.yml,
把主题修改为 Butterfly
theme: Butterfly
为便于后续平滑升级，在source目录下创建_data文件夹,将Themes/Butterfly目录下的 _config.yml复制一份到source/_data目录下,并改名为butterfly.yml
执行以下指令,以查看应用主题后的效果
hexo clean #清除旧的内容
hexo g #生成发布用的静态页面
7、Github个人博客的搭建
这里补充一下，我是闲下来的时候自己试着做了一个自己的个人博客，博客使用的Github进行托管，还在阿里云买了属于自己的域名。（因为旧的Gitee网页托管官方已经关闭了，所以我们只能迁移到新的Github部分）
具体步骤如下
（1）登陆自己的博客账号，新建个人主页的仓库
（2）到了我们的名字设置，格外注意，点击按钮进行提交
（3）命令行检查自己电脑的Git环境，没有去下载一个
git --version
（4）进入自己想要搭建的放在Github的文件夹
一、clone仓库到本地 git clone 自己的代码仓库地址
git clone 你的代码仓库地址
二、添加自己的东西到文件夹里【一般默认的index.html】 三、提交内容到我们刚刚的仓库
git add .
git commit -m "初始化个人主页仓库"
git push
Username for 'https://github.com': yanzhenjie
Password for 'https://yanzhenjie@github.com':
（5）做好以后去阿里云上买个域名
（6）对域名进行解析
域名解析时候最好设置好自己的两个解析地址
- 一个采用云服务和VPS的，采用A解析域名
- 一个采用虚拟主机的，选择CNAME -www.tbai.top地址 -tbai.top 地址
（7）在GithubPage上绑定自己的域名
🍯 设置个人博客Github上面遇到的问题
- 设置域名时一直显示这一步
Both www.tbai.top and its alternate name are improperly configured
最后经过自己的解决和查询发现是自己的域名解析存在错误，最后修改了域名解析，得以顺利实现
个人博客网站wwww.tbai.top
转载自:https://juejin.cn/post/7403659734258040843