使用github pages, hexo搭建个人博客教程

具体的原理性的东西就不说了直接上教程,怕等下自己忘了。

一. github 阶段

  1. 申请一个github 账号并成功登录进去。
  2. 创建一个名字为xxx.github.io的空项目。

二. hexo 阶段

这里我写的是windows下搭建hexo,的教程。

  1. 安装hexo
    安装hexo要先安装两个东西
    1.node:
    [node 下载][1]
    2.安装git:
    [git 下载][2]
    [1]: https://nodejs.org/en/ "node 下载"
    [2]: https://git-scm.com/downloads "git 下载"
    安装选项除了可以把软件安装在其他盘,其他全部选默认就行。

  2. 在windows里面运行命令行测试:win+r 运行cmd

   npm -v 

如果有显示版本信息则显示说明node安装成功。

  1. 打开你安装git的目录
    运行 git-bash.exe,运行成功说明git 安装成功。

  2. 创建一个文件夹,打开,shift + 右键,打开命令行,运行

npm install -g hexo-cli
#这个过程是安装hexo
npm install hexo --save
#安装完了运行一下命令测试
hexo --version
#出现版本信息说明安装成功
#然后运行以下命令:
hexo init blog
cd blog
npm install
hexo g
# 或者hexo generate
hexo s -p 9800 
#p 是指定端口号的意思,有可能默认的4000端口被占用不能使用
# 在浏览器进入localhost:9800 就能看到这个网页
  1. 在你运行hexo g 的时候,他已经生成了静态网页了,他在你hexo_dir/blog/public 里面。
    这里面就是你的静态网页,现在我要做的时候就是要讲这个静态网页放到github.io这个项目里面。
    运行你刚才装好的git-bash.exe
#进入你的hexo安装目录里面的blog里面的public目录
cd  hexo_dir/blog/public
#配置git 
运行下面两条命令
git config --global user.name "yourgithubname"
git config --global user.email "yourgithubemail"
#在运行下面的命令生成ssh秘钥
ssh-keygen -t rsa -C “your githuab@gmail.com”
#根据系统命令行的提示找到你的id_rsa和id_rsa.pub文件
#把id_rsa.pub 里面的内容全部复制
  1. 进入你的github
    右上角电话标志-->setting-->SSH and GPS keys ----> New SSH key
    随意一个title
    把刚才id_rsa.pub文件的内容复制到Key里面,保存。

  2. 再次在window 命令行进入你的hexo 安装目录,进入其中的public目录。
    运行git init

    cd your_hexo_dir
    cd blog/public
    git init
    # git init 是创建本地仓库
    git add .
    # git add . 是把当前目录下的文件放在本地仓库缓冲区里面
    git commit -m "update"
    # git commit -m "update" 是把本地仓库缓冲区里面的文件升级到本地仓库里面
    git pull git@github.com:your_githubname/xxx.github.io.git  
    # pull 是把远程仓库的文件与本地仓库文件想对比,看哪里有不同,该怎么修改看自己
    git push git@github.com:your_githubname/xxx.github.io.git master
    # push 是把本地仓库的文件上传到远程github仓库
到目前这一步,你已经可以通过xxx.github.io 访问你用hexo生成的静态网页了。

godaddy域名购买及域名绑定阶段

[godaddy 官网][1]
[1]: https://hk.godaddy.com/en/ "godaddy 官网"

  1. 在里面购买一个你自己的域名
    具体的操作这里就不多说了,反正这个东西要钱就是了。

  2. 进入你所购买的域名进行管理
    点击你自己的用户图标-----》 My Products -----> DOMAINS ----->DNS Management----> 设置你自己的type A 以及CNAME的www设置为你自己的xxx.github.io

  3. 进入你的xxx.github.io 项目,添加文件名为CNAME的新文件,里面写上你自己的购买的域名
    如果一切顺利的话访问xxx.github.io 会跳转到你自己的域名。

OK。

posted @ 2016-11-19 14:33  陈富林  阅读(240)  评论(0编辑  收藏  举报