Github+Hexo搭建自己的博客

Github+Hexo搭建自己的博客

本机情况: MacBook Pro M1 Pro (2021,14-inch)

---

一. 注册Github并创建一个仓库

注册很简单, 假设已经注册
创建一个新的仓库,仓库名为username.github.io,其他的可以不勾选,仓库是公共仓库

---

二. 下载Node.js\npm\Git\Hexo

1. 下载并安装node.js(npm包含其中)
2. mac自带Git不用下载
3. 查看是否安装成功

   node -v
   npm -v
   git --version
   

4. 安装Hexo
   1. terminal切换到root

      // 切换到root
      sudo su
      

   2. 安装淘宝镜像

      // 使用npm安装相关依赖包，速度很慢，建议安装淘宝镜像，后续命令使用cnpm
      npm install -g cnpm --registry=https://registry.npm.taobao.org 
      

   3. 安装hexo

      cnpm install -g hexo-cli 
      

   4. 测试

      hexo -v
      

   

---

三. 生成SSH Keys

1. terminal输入: ssh-keygen -t rsa -C "邮件地址"

   这个邮件地址是你注册github时绑定的
   然后4个回车,如果文件存在让你覆盖你就ok就行

2. 在Users/用户名/下找到.ssh文件夹进入,打开id_rsa.pub文件,并全部复制
3. 打开Github,添加新的SSH Key

4. terminal输入: ssh -T git@github.com, 出现如下图所示, 添加成功(如果有让你输入的,你就yes就行)
   

---

四. 本地生成博客内容

1. 本地新建一个文件夹放博客内容,并在terminal中切换到此目录下,我放到了文稿\Blog里
2. 初始化hexo

   hexo init
   

文件夹下就会有以下文件

3. 静态生成页面

   hexo s
   

   
   打开http://localhost:4000/, 看到如下, 成功
   

---

五. 发布博客到互联网

1. 博客所在文件夹下,打开_config.yml
   
2. 拉到最后, 替换以下内容
   
3. 安装hexo-deployer-git自动部署发布工具

   cnpm install hexo-deployer-git --save
   

   
4. 生成页面

   ⚠️注意, terminal进行的hexo命令都是在博客文件夹下进行的,以后不再说明

   hexo g
   

5. 上传页面到Github

   // 可能会存在网络慢
   hexo d
   

   他会让你输入用户名和密码,先输入用户名
   
   别急输入密码,打开github,生成一个新的token
   
   
   将复制的token粘贴到密码中
   

此时访问https://username.github.io就可以访问你的博客啦

---

六. 写博客

第一篇文章

进入BLog目录下运行 hexo new "My New Post"
然后 source 文件夹中会出现一个 My New Post.md 文件，就可以使用 Markdown 编辑器在该文件中撰写文章了。

写完后运行下面代码将文章渲染并部署到 GitHub Pages 上完成发布。以后每次发布文章都是这两条命令。

hexo g   # 生成页面
hexo d   # 部署发布

常用命令

hexo new "name"       # 新建文章
hexo new page "name"  # 新建页面
hexo g                # 生成页面
hexo d                # 部署
hexo g -d             # 生成页面并部署
hexo s                # 本地预览
hexo clean            # 清除缓存和已生成的静态文件
hexo help             # 帮助