欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

GitHub + Hexo搭建个人博客

程序员文章站 2023-12-24 11:02:40
...

GitHub + Hexo搭建个人博客

最近很多同学都想自己搭建一个属于自己的个人博客,于是便有了出这个教程的想法,本文采用GitHub+Hexo搭建,采用静态网页的方法(每次你需要修改东西的时候都需要重新将你的网站资源push一下)。

先看效果图:
GitHub + Hexo搭建个人博客

Windows下搭建教程

1、需要准备的软件

  • Git
  • Node.js

2、软件安装

Node.js安装

官网:https://nodejs.org/
如果不想更改路径的话就一路next即可完成安装
GitHub + Hexo搭建个人博客

打开CMD命令行

node -v
npm -v

如果结果如下图所示,则说明安装正确,可以进行下一步了。
GitHub + Hexo搭建个人博客

Git软件安装

官网:https://git-scm.com/downloads
GitHub + Hexo搭建个人博客

Git PATH设置
GitHub + Hexo搭建个人博客

git --version

如果结果如下图所示,则说明安装正确,可以进行下一步了。
GitHub + Hexo搭建个人博客


3、安装Hexo

Node.jsGit安装好,下面就需要安装Hexo了,在自己认为合适的地方执行以下命令

npm install hexo-cli -g

GitHub + Hexo搭建个人博客

可能会看到WARN,这不会影响正常使用。 接着输入

npm install hexo --save

最后输入hexo -v查看

hexo -v

GitHub + Hexo搭建个人博客


4、初始化Hexo

自己选取一个合适的目录(用于存放hexo各种文件),用CMD命令行分别输入

hexo init
npm install
hexo s

输入hexo s之后会提示:

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

用浏览器打开http://localhost:4000/即可看见自己的博客首页啦。
GitHub + Hexo搭建个人博客
按下Ctrl+C即可停止。


5、与GitHub关联

  • 配置Git个人信息
  • 配置Deployment

配置Git个人信息

  • yourname:你自己的用户名
  • youremail:你自己的邮箱

1、设置Git的user name和email:

git config --global user.name "yourname"
git config --global user.email "youremail"

2、生成**:

ssh-****** -t rsa -C "youremail"

然后会出现:

Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/zhong/.ssh/id_rsa):

直接回车就可以。
然后会出现:

Enter passphrase (empty for no passphrase):
Enter same passphrase again:

要求你输入密码,这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。

注意:输入密码的时候没有*字样的,直接输入就好。
然后会出现:

Your identification has been saved in /c/Users/zhong/.ssh/id_rsa.
Your public key has been saved in /c/Users/zhong/.ssh/id_rsa.pub.
The key fingerprint is:
65:69:······02:4b aaa@qq.com
The key's randomart image is:
+--[ RSA 2048]----+
|                 |
|       .   o .   |
|    . o o = o    |
|   . o * = o     |
|  E  o + o .     |
| . o.   . .      |
|     ..          |
+-----------------+

至此,**已经成功生成。
① 打开本地文件:id_rsa.pub(文件路径可以在上一步SSH生成成功后看到路径,比如我的是C:/Users/zhong/.ssh/id_rsa.pub),可以将这个文件在编辑器中打开,然后全选复制。

② 登陆github,点击头像位置处Settings ——> SSH and GPG keys ——> New SSH key,点击新建SSH key

③ 将 ① 中复制的内容粘贴在key文本框里,title可以不用填(或者自己起一个名字也可以)。

当再次hexo d的时候ssh中的要是图标就会变成绿色的。

GitHub + Hexo搭建个人博客


3、配置Deployment:

_config.yml(hexo文件夹下的站点配置文件)文件中,找到Deployment,然后按照如下修改:

deploy:
  type: git
  repo: aaa@qq.com.com:yourname/yourname.github.io.git
  branch: master

主题

官方主题库:https://hexo.io/themes/

目前我使用的是Next主题,

以上就是搭建好个人博客的基本步骤,接下来当然还会有一系列的进阶版Hexo将会等着你哦~~

上一篇:

下一篇: