GitHub博客的搭建

原创 2016年06月01日 17:24:49

如果喜欢折腾,而且喜欢写博客,那么往下看吧!

1、首先你需要有一个GitHub账号

  • 这里就不给出教程了
  • 自己去网上搜一下,网上有很多教程的

2、搭建GitHub博客

  • 首先将https://github.com/suyan/suyan.github.io项目fork到自己仓库

    • 不了解如何fork的可以百度(谷歌需要翻墙,能翻墙的推荐用谷歌浏览器)
    • 点击项目,打开setting,修改为username.GitHub.io
    • 将项目克隆到本地

      • 打开Git Brsh
      • cd 进入一个没有中文的文件夹中
      • git pull 项目的地址(如下获得)
    • 修改CNAME文件

      • 文件的内容就是你申请到的域名(文章后面会有域名的申请过程),我的修改如下:
      • 也可以不用修改,直接删除这个文件,直接用默认的域名
      • 默认域名好像是:usernam.githut.com/username.github.io
    • 修改_config.yml文件
      • 我的修改内容如下,可以参考我的改改

3、域名的申请(这里以申请万网域名为例)

  • 进入万网,申请一个域名,先查询一下域名是否被占用,
  • 没被占用直接加入清单,购买即可。
  • 申请成功后,进入域名控制台
  • 点击你的域名
  • 解析域名
  • 添加解析
    • 设置域名解析记录。
    • 点击【新增解析】;依次填写相应内容。
    • “记录类型”选择A;”主机记录”填写www;”解析线路”选择默认;
    • “记录值”填写github提供的IP地址,192.30.252.153或192.30.252.154;
    • “TTL”默认10分钟,自己可以另行设置也可;
    • 最后点击【保存】。

4、验证域名与github关联是否成功

- 先以github的链接方式访问一次(http://你的用户名/你的用户名.github.io)
- 查看界面
- 再以域名的方式访问一次(在万网申请,并解析成功的域名)
- 查看界面
- 两者所查看到的界面是一致,即成功
- 如果不出意外,此时你就可以用你的域名访问您的博客了
    - 在浏览器的网址中输入你的域名,回车
    - 可以访问即证明你的配置的完美的
    - 接下来就是把原作者的文章全部去掉(作者有些文章还是很不错的)。
    - 参考原作者的_posts文件夹的文章的写作方式写入文章即可。
    - 后期能理解作者的代码也可自己修改风格。

感谢以下作者

- [http://jingyan.baidu.com/article/dca1fa6fa1e403f1a5405262.html](http://jingyan.baidu.com/article/dca1fa6fa1e403f1a5405262.html)
- [https://github.com/suyan/suyan.github.io](https://github.com/suyan/suyan.github.io)
版权声明:本文为博主原创文章,未经博主允许不得转载。

如何搭建一个独立博客——简明Github Pages与Hexo教程

摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册、DNS设置、github和Hexo设置等过程,这是我写得最长的一篇教程。我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后...
  • poem_of_sunshine
  • poem_of_sunshine
  • 2014年06月08日 15:55
  • 69200

Github Page---- 搭建个人博客网站

利用Github Page 搭建个人博客网站 转载请注明出处: http://blog.csdn.net/tzs_1041218129/article/details/53214497 ...
  • yuexianchang
  • yuexianchang
  • 2016年12月02日 09:49
  • 28508

手把手教你用Hexo+Github 搭建属于自己的博客

大概可以分为以下几个步骤 搭建环境准备(包括node.js和git环境,gitHub账户的配置) 安装Hexo 配置Hexo 怎样将Hexo与github page 联系起来 怎样发布文章 主题 推...
  • gdutxiaoxu
  • gdutxiaoxu
  • 2016年12月11日 22:04
  • 54772

GitHub hexo搭建个人博客

  • 2017年06月10日 23:53
  • 1.37MB
  • 下载

在Github上搭建自己的博客网站

程序员都应该有写博客的习惯,博客可以作为知识管理,提升自己。当然写博客的地方有很多,CSDN,博客园以及新浪,网易等等。但是如果使用Github Pages来搭建一个有自己域名的独立网站,会不会更加炫...
  • CHENYUFENG1991
  • CHENYUFENG1991
  • 2015年08月02日 20:31
  • 2188

7个月之后,我在github上用pages搭建的博客终于看到东西了

首先, github上使用了git-pages技术搭建个人博客已经不是什么新闻了. 至于怎么搭建, 阮一峰的博客, 还有这几个参考链接: 阮一峰介绍的那个: 搭建一个免费的,无限流量的Blog----...
  • huyoo
  • huyoo
  • 2014年03月25日 17:49
  • 12950

最简便的方法搭建Hexo+Github博客,基于Next主题

前言如果你喜欢写作,我觉得你可以试试gitbook或者跟着本文搭建一个属于自己的博客空间(即使你不是IT行业的一员),不再受限于第三方博客地址,当然Hexo搭建的博客也是基于github托管的,但是并...
  • tx874828503
  • tx874828503
  • 2016年06月03日 11:56
  • 16192

Hexo搭建Github Pages托管的静态个人博客

Hexo出自台湾大学生tommy351之手,是由Node.js驱动的一款快速、简单且功能强大的博客框架。Node.js是一个可以快速构建网络服务及应用的平台 。该平台的构建是基于Chrome's Ja...
  • aceking10
  • aceking10
  • 2015年05月06日 10:24
  • 727

基于Hexo+GitHub Page搭建免费个人博客教程

1. Hexo 介绍 Hexo 是基于NodeJs的静态博客框架,简单、轻量,其生成的静态网页可以托管在Github和Heroku上。 超快速度 支持Markdown 一键...
  • u012195214
  • u012195214
  • 2017年05月17日 22:57
  • 1284

利用Github免费搭建个人主页(个人博客)

之前闲着, 利用Github搭了个免费的个人主页。 (colin1994.xyz)这里是我的一个简单主页,有兴趣的朋友可以访问看看。(当然, 里面用了模版)Colin's Nest今天到家了, 趁着闲...
  • hitwhylz
  • hitwhylz
  • 2015年01月12日 19:54
  • 26292
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:GitHub博客的搭建
举报原因:
原因补充:

(最多只允许输入30个字)