使用Git+Hexo+Github Pages 建造博客

前情提要

很多人都想要有一个自己的博客,但是上网查了之后会发现建一个自己的博客既要服务器,又要买域名,相当的麻烦。后来发现在博客园,CSDN这些地方也可以建造博客,但终究是别人的网址,算不上是自己的。今天,我来教一下大家怎么用git+hexo+github page 建造属于自己的博客。

还有视频解说

本文参考

Logic 如何使用Git+Hexo搭建Blog

使用 Hexo+GitHub 搭建个人免费博客教程(小白向)

具体操作步骤

这里为了节约篇幅,也为了通俗易懂,就不讲那些东西是用来干什么了,我们直接开始。

第一步

下载 git(二选一即可) ,下载 node。

git (官方)

git (国内清华镜像也可以使用,感谢来自竹林大佬的提醒)

node(个人介意选择稳定版)

安装完之后用Win键+r后输入cmd打开cmd窗口

git --version
node -v

如果都出现了版本号就算成功。

安装完这两个之后再安装Hexo。

Win+r键后输入cmd,打开cmd窗口。

npm install -g hexo-cli # 下载
npm install hexo-deployer-git --save
hexo init blog # 创建一个名为blog的文件夹,名字可以随便起
cd blog # 进入该文件夹
hexo clean && hexo g && hexo s # 生成静态网页

随后打开http://localhost:4000/ 即可查看效果。

第二步

github创建一个账户。

由于这是国外的网站,有时候经常上不去,我们可以下载一个fastgithub来帮助我们(当然有时候可能也没用)

可以在github上直接搜索。

创建账户应该不需要人来教吧。(也许)

第三步

让git连接到自己的github

我们直接打开cmd窗口

git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"

`创建SSH密匙:

ssh-keygen -t rsa -C "GitHub 邮箱"

接下来进入[C:\Users\用户名.ssh],用记事本打开id_rsa.pub并复制里面的内容。

登陆 GitHub ,进入 Settings 页面,选择左边栏的 SSH and GPG keys,点击 New SSH key。

Title 随便取个名字,粘贴复制的 id_rsa.pub 内容到 Key 中,点击 Add SSH key 完成添加。

依旧是cmd窗口

ssh -T git@github.com 

输入yes并回车。

第四步

创建Github Pages 仓库

主页右上角加号 New repository:

  • Repository name 中输入 用户名.github.io (注意,这里只能填用户名.github.io)
  • 一定要填这个名字,不然不行。
  • 勾选 “Initialize this repository with a README”

点击 Create repository

第五步

修改配置文件

修改_config.yml 文件最后的部分:

deploy:
  type: git
  repository: git@github.com:用户名/用户名.github.io.git
  branch: main

注意保存。

打开cmd窗口:

npm install hexo-deployer-git --save
hexo d

上传成功,看看成果吧。

评论

  1. 10 月前
    2023-10-03 19:10:10

    其实 git for windows 在国内挺多高校的镜像站都有镜像的,比如清华就有提供

    • 博主
      竹林里有冰
      10 月前
      2023-10-03 20:05:20

      有道理,以前捣鼓学校机房linux捣鼓了好久,直到实在受不了下载速度了,才发现好多东西都有镜像能用

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇