详细的hexo+githubPage搭建个人博客

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/linton1/article/details/90137367

    本文所有的命令行都是在Git控制台下运行,后面不再说明

一、下载安装 git ,Node

     Node下载地址:https://nodejs.org/en/

     Git:https://git-scm.com/

    (安装过程自己百度,很简单的)

二、安装,配置 Hexo

    Hexo官方文档:https://hexo.io/zh-cn/docs/

· 安装

    前面已经安装了Git和Node.js,然后用npm,安装Hexo

    找个文件夹,右键“git bash here”,打开git控制台

$ npm install -g hexo-cli

· 配置

    新建博客文件夹(例如:G:\07Blog\Linton_Blog),进入Linton_Blog文件夹,输入以下命令行

$ hexo init
$ npm install

    (注意1:如果出现 hexo not command类似的报错,说明hexo的环境变量没有设置或是Node.js版本过低)

新建完成后,Linton_Blog的文件夹下的目录:

.
├── _config.yml #配置信息
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts #博客内容
└── themes #主题

    其中,大部分操作在_config.yml中,包括博客标题,作者,邮箱,网址等

    这个文件如果是新手先不用改,我们先把hexo在本地搭建起来,项目部署在GitHub上以后,在详细说明里面的配置和修改。

详细可参考Hexo说明文档:https://hexo.io/zh-cn/docs

三、本地启动Hexo

$ hexo g # 生成
$ hexo s #启动本地服务器,这一步之后就可以通过http://localhost:4000 查看

    浏览器输入:http://localhost:4000/;显示如下:

   

四、将Hexo部署到GitHub上

    1.注册GitHub账户(默认大家都有了,就不写过程了)

    2.创建仓库

                  

                  

3. 进入新创建的仓库,点击settings后,下拉页面找到GitHub Pages选项。

    可以看到“https://linton6.github.io/linton.github.io/”,这个是GitHub给你提供的自定义博客样式,在没有部署Hexo前,你可以点开看看,也是一个博客,可以在下面的choose a theme 旋转主题。部署Hexo后,点击这个链接,就是你刚才在本地运行Hexo的那个页面了

      我的页面在没部署前,如下图。待会看下部署完后的页面,做下对比

4.使用Hexo deploy 部署到GitHub

    1)编辑根目录下_config.yml文件

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: [email protected]:linton6/linton.github.io.git # 这里的网址填你自己的
  branch: master

(注意:在配置所有的_config.yml文件时(包括theme中的),在所有的冒号:后边都要加一个空格,否则执行hexo命令会报错。)

    保存后,安装一个扩展

npm install hexo-deployer-git --save   

2)添加SSH Key 到GitHub

     在Git Bash中输入

cd ~/.ssh 
ls                   #此时会显示一些文件
mkdir key_backup
cp id_rsa* key_backup
rm id_rsa*           #以上三步为备份和移除原来的SSH key设置
ssh-keygen -t rsa -C "邮件地址@youremail.com" #生成新的key文件,邮箱地址填你的Github地址
#Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>
#接下来会让你输入密码

3)进入GitHub首页

 4)点击New SSHKey

       然后找到当前用户目录下C:\Users\用户名\ .ssh id_rsa.pub文件以文本方式打开。打开之后全部复制到key中

5)测试一下是否成功

ssh -T [email protected]

     如果提示:You've successfully authenticated, but GitHub does not provide shell access. 说明你连接成功了

6)设置用户信息:

$ git config --global user.name "恰克与飞鸟"          #给自己起个用户名,可以不用时Git的名称
$ git config --global user.email  "[email protected]"  #填写Git的邮箱

7)部署到GitHub上

hexo d

     部署完以后,会发现自己的GitHub这个项目的代码已经更新为你本地的文件!

8)此时再次刷新git网址

    (我的是https://linton6.github.io/linton.github.io/),就可以看到自己的博客了,可以对比下看看,两个页面访问的都是同一个地址

    会发现,现在这个页面没有主题,需要进行下一步设置

9)加载博客样式文件     

    需要修改_config.yml文件中的url地址和根目录

    url:是github Page给我们分配的网址

    root:是搭建该博客的仓库名

    这样就可以加载样式文件了

10)重新部署到github

$ hexo clean
$ hexo g
$ hexo d

    访问网址,如下

    好了,自定义的博客已经搭建完毕,后期可以对博客的主题,样式,上传博客等再做教程~

参考博客:

0.https://hexo.io/zh-cn/docs

1.https://blog.csdn.net/u014385892/article/details/80196115

2.https://blog.csdn.net/dazhaodai/article/details/73730069

3.http://blog.sina.com.cn/s/blog_a03baecd0102xp7i.html

4.https://blog.csdn.net/xudailong_blog/article/details/78762262

5.https://www.jianshu.com/p/8681ab76da08

                                                                                                                                                                                                 以上

猜你喜欢

转载自blog.csdn.net/linton1/article/details/90137367