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

一. 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。

使用github pages, hexo搭建个人博客教程的更多相关文章

  1. GitHub Pages + Hexo搭建个人博客网站-github风格-采坑记录

    目录 1.本机安装nodejs 2.github上创建仓库 3.安装hexo 4.hexo主题 5.配置主题 6.添加文章 7.使用分类和标签 8.增加文章目录 9.推送github 使用github ...

  2. 利用Octopress在github pages上搭建个人博客

    利用Octopress在github pages上搭建个人博客 SEP 29TH, 2013 在GitHub Pages上用Octopress搭建博客,需要安装ruby环境.git环境等.本人在Fed ...

  3. 使用github和hexo搭建静态博客

    获得更多资料欢迎进入我的网站或者 csdn或者博客园 终于写这篇文章了,这是我使用github和hexo搭建博客的一些心得,希望能给大家一点帮助.少走点弯路.刚接触github,只是用来存项目的版本, ...

  4. 使用Jekyll + GitHub Pages免费搭建个人博客

    使用Jekyll + GitHub Pages免费搭建个人博客 My Blog:无名の辈 | VectorX (vectorxxxx.github.io) Download Ruby:Download ...

  5. 使用jekyll在GitHub Pages上搭建个人博客【转】

    网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下 ...

  6. 使用GitHub Pages+Jekyll搭建个人博客

    GitHub Pages 免费无限容量的站点数据托管工具(国内访问速度较慢),内置Jekyll服务,能将特定名称的代码仓库动态编译为静态网页 Jekyll 基于Ruby的静态网页生成系统,采用模板将M ...

  7. 使用Hexo和Github Pages快速搭建个人博客

    在编程路上,每天都在网上查看别人的博客,大牛的文章写得通俗易懂,同时博客网站也非常华丽.作为出入编程的一枚小白也想拥有这样一个自己的网站.那就立马去买一个域名了,在网上找教程来搭建. 搭建的过程还算比 ...

  8. 通过GitHub和Hexo搭建个人博客

    LinEvan个人博客 最终有自己的个人博客,逼格一下子提高说不少. 网上一搜教程一大堆,非常多已经写得非常好了,我就不凑这个热闹了.推荐一篇博文:怎样搭建一个独立博客--简明Github Pages ...

  9. 十分钟使用github pages +hexo拥有个人博客

    最近想自己搭建自己的个人博客,毕竟这样觉得比较geek,但是搜了资料,感觉良莠不齐,好多东西说的含糊不清,于是自己记录下自己的搭建过程. 1, 安装nodejs 2, 安装git 3, 申请githu ...

  10. github pages+hexo自建博客

    1.github创建新项目,然后开启pages即可 2.全局安装hexo npm install -g hexo 3.初始化hexo hexo init 4.安装hexo的依赖 npm i 5.基本上 ...

随机推荐

  1. [原]那些年整理的Linux常用命令,简单明了

    查询相关 find 按规则查找某个文件或文件夹,包括子目录 find . -name '*.sh' -- 以.sh结尾的文件 find . -name '*channel*' -- 包含channel ...

  2. one to many

    @OneToMany(mappedBy="order",fetch=FetchType.EAGER,cascade={CascadeType.ALL})    private Li ...

  3. FineUI小技巧(7)多表头表格导出

    前言 之前我们曾写过一篇文章 FineUI小技巧(3)表格导出与文件下载,对于在 FineUI 中导出表格数据进行了详细描述.今天我们要更进一步,介绍下如何导出多表头表格. 多表头表格的标签定义 在 ...

  4. Prototype原型(创建型模式)

    依赖关系的倒置:抽象不应该依赖于实现的细节,实现细节应该依赖于抽象. 原型模式的定义 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象.prototype模式允许一个对象再创建另外一个可 ...

  5. 对.net技术组件的分析和选择

    .net很庞杂,学习最忌讳什么?为了学而学,而不是为了用而学.我们不是为了成为教师,所以不要成为书呆子,不要成为"博士",要从庞杂的技术群中选择自己需要的内容进行学习. 如果不加选 ...

  6. Chrome-Console( Command Line API Reference)

    来源于:https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference The Comma ...

  7. (转)C#为什么要使用Invoke,它和BeginInvoke有什么区别

    在Invoke或者BeginInvoke的使用中无一例外地使用了委托Delegate. 一.为什么Control类提供了Invoke和BeginInvoke机制? 关于这个问题的最主要的原因已经是do ...

  8. Redis集群(四):主从配置二

    一.本文目的        主要介绍redis主从模式下各种情况 二.说明 主从的基本概念:Master用于写入,Slaver用于读取,不能写入或修改,一个Master可以对应多个Slaver Mas ...

  9. 【UOJ #246】【UER #7】套路

    http://uoj.ac/contest/35/problem/246 神奇!我这辈子是想不出这样的算法了. 对区间长度分类讨论:题解很好的~ 我已经弱到爆了,看完题解后还想了一晚上. 题解中&qu ...

  10. C#-WinForm-Winform TextBox中只能输入数字的几种常用方法(C#)

    方法一: private void tBox_KeyPress(object sender, KeyPressEventArgs e) { if (e.KeyChar == 0x20) e.KeyCh ...