Win10下使用hexo框架在github上搭建个人博客



1.注册 github

1. 进入 官网 https://github.com/ 点击 sign up
github0

2. 填写账户信息
github00

3. 完成设置
github000

4. 进行邮箱验证,发送电子邮件

 打开接收到的 QQ 邮件,核实电子邮件地址

 核实成功,跳过。

5. 注册成功。

6. 配置 SSH 密钥

 1. 执行命令 ssh-keygen -t rsa -C "邮箱"
 1621650132619

 

 2. 打 C:\Users\HP\ .ssh 目录下找到 id_rsa.pub 文件,用记事本打开复制里面的内容
 1621650588143

 

 3. 打开 你的仓库,编辑配置文件1621650866279
 1621650938831

 4. 选择 SSH and GPG Keys 项,点击 New SSH Key
 1621651234488

 5. 将 id_rsa.pub 文件中的内容复制粘贴到Key中
 1621651466912

 配置完成。

2. 安装环境

2.1 安装 nodejs

1. 进入 官网 https://nodejs.org/en/ 下载 nodejs
nodejs0
2. 打开下载位置,双击 node—-.msi 进行安装
nodejs00

3. 一直 Next
 选择自动安装一些工具
nodejs1

 安装完成,弹出控制台
nodejs2
回车继续

4. 使用 windows + R 输出 cmd 启动命令行
 使用命令 node -vnpm -v 查看版本信息
nodejs3
 如果失败则重启电脑再次输入

5. 输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝的源 cnpm
cnpm1

 输入命令 cnpm -v 查看安装信息
cnpm2

2.2 安装 hexo 框架

windows 命令
	创建目录                 md 目录
	显示指定工作目录下的内容    chdir 
	
hexo 语法
    hexo new "***"    创建新的帖子
    hexo clean        清楚缓存
    hexo g            生成静态文件
    hexo generate
    hexo s            启动服务
    hexo server
    hexo d            部署到远程站点
    hexo deploy

1. 输入命令 cnpm install -g hexo-cli 安装 hexo 框架
hexo1

2. 输入命令 hexo -v 查看版本信息
hexo2

2.3 安装 git

1. 进入官网 http://git-scm.com/

2. 下载

3. 打开下载位置,双击 Git—-bit.exe 进行安装

4. 安装 Git 工具

 1. 以下安装步骤均为默认选项,不爱折腾的伙伴们可以直接 Next 到 Finsh 完成安装。
 1621504212582

 2. 点击 Next , 选择组件
 

 3. 点击 Next,选择默认编辑器
 

 4. 点击 Next,设置分支名称
 

 5. 点击 Next,配置 PATH 环境
 

 6. 点击 Next,选择 HTTPS 传输后端
 
 
 7. 点击 Next,配置行结束转换
 

 8. 点击 Next,配置终端模拟器与 Git Bash 一起使用
 

 9. 点击 Next,配置 Git 默认行为
 

 10. 点击 Next,选择凭据助手
 

 11. 点击 Next,配置额外选项
 

 12. 点击 Install 安装

5. 打开 Git Bash
 在任意目录下鼠标右键即可看到有 Git GUI HereGit Bash Here 两个选项。

 点击 Git Bash Here 弹出命令行窗口,说明安装成功

3. 配置环境

1. 创建目录 blog,命令: md 目录

2. 执行命令 hexo init 会在当前目录下生成 hexo 项目

 生成时卡住输入回车键即可解决

 出现 INFO Start blogging with Hexo! 代表生成成功

 hexo4

3. 执行命令 hexo shexo server 开启 hexo 服务
hexo5

 使用路径 localhost:4000 即可访问
 hexo6

 执行命令 ctrl + c 关闭服务即可退出
 hexo7

4. 在 github 中新建一个仓库
github1

 输入仓库名必须为 用户名.github.io
 github2
 点击 create repository 创建仓库

 把生成的 SSH 路径复制下来后续配置文件中要用,我这里截错图了,懒得修改了😂
 github3

5. 安装插件 cnpm install --save hexo-deployer-git
hexo8

6. 使用记事本打开 hexo 项目目录下的配置文件 _config.yml

 修改配置文件中 deploy 项

deploy:
type: 'git'
repo: git@github.com:ccy-blog/ccy-blog.github.io.git
branch: master

repo: 后面为创建 github 仓库时生成的路径

7. 设置 用户名 和 邮件
 git config --global user.email "邮箱"
 git config --global user.name "用户名"

 

4. 运行

1. 使用 hexo clean 清楚缓存

2. 使用 hexo ghexo generate 生成静态文件

3. 使用 hexo dhexo deploy 部署到远程站点

4. 使用路径 用户名.github.io 即可访问自己的博客

1621566839396

5. 更换博客主题

  • 找到自己喜欢的主题,下载下来放到 hexo 项目的 themes/ 目录下

我临时使用的 https://github.com/litten/hexo-theme-yilia 这个主题

 在目录 themes/ 下右键鼠标打开 Git Bash 输入指令 git clone 地址 回车进行下载1621570232717
 
 下载完成后在该目录下复制主题名

 1621567563793

  • 修改 _config.yml 配置文件内容

 记事本打 _config.yml 配置文件,修改 theme:landscapetheme: yilia

 清楚缓存 hexo clean 从新部署 hexo d 即可生效


文章作者: AYang
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 AYang !
  目录