Hexo+Gitee 搭建“个人博客”

Hexo+Gitee 搭建“个人博客”

一、安装git和node.js

1、安装git

• 打开git官网：https://git-scm.com/download/win
• 选择电脑对应的版本 （我的电脑64位)
  

2、安装node.js

• 打开node.js官网：https://nodejs.org/en/download
• 选择电脑对应的版本 （我的电脑64位）

二、安装Hexo

1、新建一个本地文件夹

• 进入文件夹，单击右键选中’Git Bash Here‘，打开git命令窗口
  

1、安装Hexo

• 打开Hexo官网：https://hexo.io/zh-cn/

• 在git命令窗口中依次输入以下命令：
  

• 浏览器中输入博客地址 ：http://localhost:4000/
  

• 如果出现当前页面，恭喜你拥有了个人博客，但是只能在本地访问。
  

三、编辑个人博客

1、当前hexo/blog文件中，选中’Git Bash Here‘，打开git命令窗口

2、git命令窗口输入，hexo new “文章标题”

3、查看文章地址：\hexo\blog\source\_posts

4、打开文章，并编辑内容

5、运行 hexo g 生成网页

6、运行 hexo s 运行博客

四、更改博客样式

1、Hexo官网，点击主题

2、选择喜欢的主题，点击博客名称

3、进入github主页，向下滑动可看见当前博客的配置指南，复制链接安装主题

4、在博客下的 _config.yml 文件修改主题为 hollow，保存后退出

theme: hollow

5、运行 hexo g 生成网页

6、运行 hexo s 运行博客，主题修改成功

五、注册Gitee账号

• 打开Gitee。网址：https://gitee.com/

• 右上角 点击头像-> 打开账号设置
  

• 点击 实名认证，没有实名认证无法开启Gitee Pages 服务
  

• 右上角 点击头像-> 打开个人主页，记住域名最后一部分，是我们个人空间地址
  

• 在上方 “+”菜单 -> 点击新建仓库
  

• 填写信息，点击创建
  

• 完成创建
  

六、将博客上传到Gitee中

1、Git 全局设置

因为本电脑配置，如果显示会不同

2、生成ssh

ssh-keygen -t rsa -C "邮箱地址"

// 输入完成，连续3次回车

• 获取密钥

cat ~/.ssh/id_rsa.pub

• 验证配置成功

  ssh -T git@gitee.com
  

3、打开_config文件，填写以下内容

4、在个人博客根目录打开git窗口

• 运行npm install hexo-deployer-git --save 将博客部署到Gitee中
  

5、输入 hexo g 生成网页内容

6、输入 hexo d 部署博客

7、打开刚刚创建的仓库

• 点击管理 - 选择以下对应内容
  
  

• 选择服务 -> 打开Gitee Pages -> 选择强制使用HTTPS -> 启动

• 生成你的博客地址 https://memory2121.gitee.io/
  

8、打开博客无样式，在_config文件中添加：isHttps: true

如果还没出现样式，先刷新gitee pages，再在打开的博客页面ctrl+F5强制刷新试试

七、更新博客

1、hexo clean 清除缓存

2、hexo g 生成网页

3、hexo d 部署博客

4、在Gitee Pages中 更新

八、hexo引用本地图片

1、修改博客配置

• 打开==_config.yml==文件的配置项：post_asset_folder为true

• post_asset_folder: true
  

• 通过hexo new 文件名新建博客后，会产生一个和文件同名的文件夹。

2、下载插件

• 在博客根目录中下使用npm安装插件：

  npm install https://github.com/CodeFalling/hexo-asset-image --save
  

  

• 示例：通过相对路径索引到该图片

  ！[实例](./本地图片/4265bcd96d332764e61a89baaa7d1f4.png)
  

3、通过命令重新部署博客

• hexo clean
• hexo g
• hexo d
• 在Gitee Pages中 更新