0%

Nexo结合Github搭建个人博客记录

1.前置依赖下载

1)机器本地安装Git,使用阿里云镜像下载最快;安装过程中一路默认安装即可,不要手欠点击安装其他插件。这里安装Git的是为了后面可以把本地修改的内容,通过git同步到github pages。

阿里云镜像git下载链接

2)机器本地安装Nodejs,也是一路默认安装即可,安装完成后重启机器。这里安装过程会比较慢,并且命令行也没有什么提示,所以要耐心等待一段时间。安装Nodejs是因为后面使用的静态博客生成框架——Hexo要依赖于Nodejs运行。

Nodejs下载链接

3) 检查安装是否成功,CMD中使用下列命令,正常返回版本号即可:

git --version
npm -v
node -v

2.配置Git和Github账号之间的连接

1) 使用邮箱注册github账号;
2) 本地机器,右键“Git Bash here”
3) 输入如下代码:

git config --global user.name "Github账号名"
git config --global user.mail "Github注册邮箱"

4) 在本地生成SSH密钥,输入下列命令后,一路回车确认:

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

5) Github账号中添加生成的SSH密钥:

a. 进入 [C:\Users\用户名.ssh] 目录(要勾选显示“隐藏的项目”),用记事本打开公钥 id_rsa.pub 文件并复制里面的内容。

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

c. 自定义Titlre名称,粘贴复制的 id_rsa.pub 内容到 Key 中,点击 Add SSH key 完成添加。

6) 测试本地与Github之间的连接,进入Git命令行:

ssh -T git@git.com

#结果显示,Hi,xxx,you are success....

3. 配置Github Pages仓库

1) 根据Github Pages指导,创建属于自己账号的github.io页面

4. 本地安装Hexo

1)新建文件夹,该文件夹就是后续Hexo博客资源的存储地;

2)进入该文件夹,右键 -> Git Bash Here;

3)使用npm安装hexo命令行,输入下列代码:

npm install -g hexo-cli
# 这一步安装的时间也很久,界面也是没反应的,还是耐心等待...

4)初始化hexo;

hexo init

5) 安装hexo其他组件

npm install

6) 生成hexo页面,并在本地运行,浏览器访问http://localhost:4000

hexo g; # 生成页面
hexo s; # 本地预览

7) 本地预览出现hexo默认博客页面,说明搭建成功。

5. 部署本地Hexo和Github Pages的同步

这一步的目的是:本地Hexo生成的博客,能够同步到你的Github Pages上,这样就能够通过互联网访问了。

安装Hexo-deployer-git

npm install hexo-deployer-git --save

修改Hexo文件夹中的配置文件_config.yml,定位到末尾的Deployment 部分,修改成如下:

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

完成后,git命令shell中,输入下列命令,即部署完成:

hexo d

6. 编写博客,并部署发布到Github Pages

在hexo文件夹中,找到source文件夹–>_post文件夹;
新建后缀名为.md的markdown文件,开始编写自己的博客吧。
每次在本地更新完博客时,都可以通过git命令行执以下命令,完成博客更新:

hexo 民工三连

hexo clean  //清空hexo
hexo g  //生成页面
hexo d  //提交页面  

7. 参考连接

知乎-小白搭建博客