记录一下用 Github Pages + Hexo 搭建个人博客

原文地址=>看过来

本人个人博客=>戳一戳

第一步,安装Git

Git官网 上下载安装包,然后一直next就好了,接着在桌面右键看看有没有 git bash ,如果有就恭喜你安装好了,如果没有,可以来 这里 寻找你的答案

第二步,安装node.js

官网 上下载安装包(LTS为长期支持版,Current为当前最新版,看喜欢用哪个就用哪个),安装步骤也是一路 next,但是切记在 Custom Setup 的时候选 Add to PATH,接着可以输入命令 node -v 查看版本

第三步,安装Hexo

1、新建一个文件夹,用来存放博客所有的文件

2、用cd进入你新建的文件夹,并使用命令 $ npm i -g hexo 安装Hexo

3、初始化文件夹 $ hexo init

          初始化完成后可以看到有以下文件

 

 

这里简单说一下,source 这个文件夹是我们使用 $ hexo new '文章标题'命令生成文章的存放位置,themes 是用来存放主题的,_config.yml是配置文件,需要注意的是,_config.yml这个文件有两个,一个在根目录下,这是整个博客的配置,在themes这里面还有一个,这是主题的配置

第四步,链接到 Github

1、新建一个仓库(右上角加号>new repository),名称为 yourname.github.io 这里的 yourname 指的是你的 Github 的用户名

2、在 git bash 中配置你的个人信息

配置你的用户名

$ git config --global user.name "yourname"

配置你的邮箱

$ git config --global user.email "youremail"

过程中会让你输入密码什么的,不用管,回车就行,然后在 C:/user/你的计算机名/.ssh 中用记事本打开 id_rsa.pub 全选复制里面的东西

4、在 Github 上添加密钥

$ ssh -T git@github.com 验证是否添加成功

第五步,用编辑器打开项目根目录的 _config.yml 文件,并修改这几个地方

回到 git 中,分别执行

$ hexo clean  -- 清除缓存
$ hexo generate  --编译成页面
$ hexo generate  --启动服务

接着在浏览器输入 http://localhost:4000 就可以看到页面了

第六步、把代码部署到 Github

1、先要安装 $ npm install hexo-deployer-git --save 这样才可以把代码部署上去

2、执行命令

$ hexo clean ---- 清除缓存
$ hexo generate ---- 编译
$ hexo deploy ---- 部署到github

在 depoly 过程中可能需要输入你的用户名和密码

第七步,浏览你的个人博客

在浏览器上输入 http://yourname.github.io 就可以看到你的个人博客了

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值