码云上部署hexo博客框架

Posted 2022-07-28 zxkwdw

title: 码云上部署hexo博客框架

Hexo框架在码云上实现个人博客

本文受 https://www.jianshu.com/p/84ae2ba1c133 启发编写

---

本地调试

1. 安装完Node.js https://nodejs.org/en/

2. 安装git bash工具 https://gitforwindows.org/

3. 在目录下建立博客文件夹，同时cd进目录
   • 右键 git bash here
   • 输入命令 npm install -g hexo-cli
   • 查看是否安装成功，输入命令 hexo -v 出现版本号即为安装成功

搭建开始

可以参考官方文档 https://hexo.io/zh-cn/docs/

1. 创建架构
   • hexo init

   如果无法完成这一步的就去显示clon后的那个github网址去下载下来解压，效果是一样的，同时注意那个主题里面是空的，需要去主题网站下载一个主题放里面。

2. 开始本地调试
   • hexo s（这一步主要是看本地效果，以后也是在这里觉得差不多了再往gitee上部署。
3. 在浏览器中输入http://localhost:4000 看效果
   • 在git bash窗口中按 ctrl + c 退出本地服务
4. 创建博文
   • hexo generate（或直接输入hexo g）目录中就会多出一个public文件夹
   • hexo new "我的第一篇博文"
   • 文章会自动生成在/source/_post目录下

5. Hexo 提供了快速方便的一键部署功能，但是我们要先安装一个插件。

   在git bash输入命令：
   • npm install hexo-deployer-git --save

6. 接下来是配置根目录_config.jml文件修改deploy的值，修改前如下：

   deploy:

   type: git

   repo: 你的仓库地址

---

远端部署

1. 登陆Gitee并新建仓库

   • 创建好了后留意你仓库的那个地址
2. 开始部署 在blog文件夹中打开git bash输入命令：

• git config --global user.name "Your Name"
  git config --global user.email "[e-mail]"

• hexo deploy

  之后会弹出输入码云账号密码的对话框。部署成功之后进入自己的码云账号，查看之前创建的项目中出现了本地项目中public文件夹中的文件

1. 然后开启码云的Pages功能

   • 服务→gitpage→启动
   • 访问链接试试看
2. 如果主题网页体现不出来，留意启动配置页面那个使用帮助
   • 设置好URL

   url: 你仓库地址
   root: 你项目地址

3. 部署到远端

   • hexo d

4. 完成

   • https://仓库名.gitee.io/项目名/

---

主题更换

1. 下载zip包解压在themes文件夹下或git clone下来

2. 在博客目录中更改

   • theme: 主题名（默认是landscape）

3. 清理并生成

   • hexo clean
   • hexo g
4. 调试并部署
   • hexo d

---