利用gitHub搭建博客

时间:2021-08-09 17:44:51

##1、gitHub Page的的使用
我觉得这边博文写的很清楚,方法、步骤、优缺点以及实例,所以就借用一下啦^_^
[搭建一个免费的,无限流量的Blog](http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html)
如果要想更简单快捷的生成有逼格的博客,可以参考第2点.

##2、利用jekyll写博客

进入[The Quickest Way to Blog on GitHub Pages](http://jekyllbootstrap.com/)可以整体了解一下gitHub如何使用jekyll的
点击[0 to Blog in 3 Minutes](http://jekyllbootstrap.com/usage/jekyll-quick-start.html) 开始博客创建之旅
2.1、Host on GitHub in 3 Minutes
文章写的很清楚,执行完前面3步自己的博客就算生成好了,而且也有一定的逼格^_^.
2.2、 Run Jekyll Locally
在本地运行jekyll我自己还没有尝试过,感兴趣的可以自己试试,我在Linux上使用,到目前为止就可以了.
2.3、Create a Post
因为在第2步的时候没有在本地安装Jekyll,后面的几个步骤我就写一下我自己是怎么操作的,如果安装了的就直接按照文档上操作就可以了,上面的英语简单易懂^_^.
直接在_posts目录下创建文件夹如core-samples(名字任意,主要是是方便分类,这个是自带的例子),然后创建以日期为首的文件2011-12-29-jekyll-introduction.md
2.4、Create a Page
2.5、Publish
就是
git commit
git push
把更新的文件提交到gitHub上即可,具体的可以参考git的使用方法.
2.6、Customize
让自己的博客看起来更有逼格更个性化一些,jekyll自己准备了几个主题,可以按照上面的方式自己更换,如果自己会点css那就更好了^_^.
我写一下自己更换的方式,跟文档上面不太一样:
2.6.1)、找主题,这一步跟官网一样访问[Theme Explorer](http://themes.jekyllbootstrap.com/)
2.6.2) 、相中合适的主题之后点击 Install Theme 会弹出一个安装方法的弹层,我们只需要那个git地址,将它拷贝到本地时使用,例如我自己使用的这个主题:
git clone git://github.com/jekyllbootstrap/theme-mark-reid.git
2.6.3) 、手动将主题文件下的assets、_includes 拷贝到自己博客对应的目录下,在项目中保持跟下载下来的目录一致。
2.6.4)、更改_layout目录下所有文件的主题名称、include的目录中与主题相关的内容
theme :
name : mark-reid
......
% include themes/mark-reid/page.html %......
2.6.5) 、 找一些颜色搭配比较好看的博客/网站,更改一下自己的css文件。
##3、绑定域名
3.1)、在项目的根目录下创建一个CNAME文件,里面写入自己绑定的域名。
3.2)、前往你的DNS服务商新建一个CNAME解析至你的github page个人主页地址(如:tinyCome.github.io)。DNSPod需要多加一个点,即tinyCome.github.io.

利用gitHub搭建博客
3.3)、到自己购买域名的地方修改DNS服务。(自己是在阿里云上购买的,修改如下,改为DNSPod上NS提供的记录值)
利用gitHub搭建博客
3.4)、稍等一会儿等待信息同步即可。

[查看我的博客效果](http://rentt.link/)

利用gitHub搭建博客的更多相关文章

  1. 利用hexo搭建博客

    利用Hexo搭建博客 以前用Octopress搭过博客,折腾了好久才弄出来,当时看到那巨难看的默认主题,繁琐的操作,一点写东西的欲望都没了. 一次逛微博,看见了Hexo.尝试了一下,真的很好用哦. 下 ...

  2. hexo+github搭建博客跳坑

    hexo+GitHub搭建博客过程中,hexo安装成功,可以启动和运行,但是访问localhost:4000却无法访问,弄了半天,最后发现是福昕阅读器占用了4000端口 解决办法: 采用命令hexo ...

  3. GitHub搭建博客过程

    1.参考 我的 Github 个人博客是怎样炼成的 http://www.jianshu.com/p/4fd3cb0a11da 到了第三节"三.使用 Jekyll 搭建个人博客"时 ...

  4. 基于Hexo和Github搭建博客

    搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo ...

  5. 使用Hugo和GitHub搭建博客

    折腾了几天博客的框架终于搭建起来了.研究了一番之后,最终还是选择使用Hugo和GitHub来搭建博客.本文介绍了如何使用Hugo来搭建静态博客网站,并将其部署在GitHub上.使用https://&l ...

  6. hexo+github搭建博客(超级详细版,精细入微)

    # 前言 你了解[Hexo]( https://hexo.io/zh-cn/ "Hexo官网")吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染 ...

  7. Hexo+Github搭建博客

    要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧! 安装Node.js 下载Node.js 参考地址:安装Node.js 安装Git 下载地址:http://gi ...

  8. GitHub 搭建博客,出现 hexo g -d 报错

    想搭建一个个人博客,但是在将博客推送到Github上的时候在git bash 下运行hexo g -d命令出现错误: 错误如下:  fatal: HttpRequestException encoun ...

  9. 如何用github搭建博客

    新建项目 创建仓库 仓库名称:一定要是你的用户名+github.io 如:用户名:zhangsan 那么仓库地址: zhangsan,github.io 打开新创建的仓库,点击settings 下拉至 ...

随机推荐

  1. 小tips

    ios::sync_with_stdio(false);  加速读入的,加上这条语句可以使cin和cout的速度和scanf和printf差不多.

  2. OpenCV学习笔记——图像的腐蚀与膨胀

    顺便又复习了一下cvcopy如何进行图像拼接(最近觉得打开多幅图像分别看不如缩小掉放拼接到一幅图像上对比来的好) 首先把拼接的目标图像设置兴趣区域ROI,比如我有一个total,要把a.b.c分别从左 ...

  3. linux概念之时间与时区

    http://www.cnblogs.com/liuyou/archive/2012/07/29/2614338.html Linux时间基准 以上我们了解了RTC(实时时钟.硬件时钟)和OS时钟(系 ...

  4. Android Wi-Fi基本操作

    从用户角度看,Android Wi-Fi模块自下向上可以看为5层:硬件驱动程序,wpa_suppplicant,JNI,WiFi API,WifiSettings应用程序. 1.wpa_supplic ...

  5. unmount的时候报错

    卸载存储的时候报错 device is busy 解决办法 例:/mnt/test 为存储挂载点 fuser -m -v /mnt/test fuser 可以显示出当前哪个程序在使用磁盘上的某个文件. ...

  6. 【转】How to append current date and timestamp to filename in shell script

    $ date +"FORMAT" now=$(date +"%Y-%m-%d-%S") filename="my_program.$now.log&q ...

  7. Java进阶(四十三)线程与进程的区别

    Java进阶(四十三)线程与进程的区别 1.线程的基本概念   概念:线程是进程中执行运算的最小单位,是进程中的一个实体,是被系统独立调度和分派的基本单位,线程自己不拥有系统资源,只拥有一点在运行中必 ...

  8. SpringBoot系列七:SpringBoot 整合 MyBatis(配置 druid 数据源、配置 MyBatis、事务控制、druid 监控)

    1.概念:SpringBoot 整合 MyBatis 2.背景 SpringBoot 得到最终效果是一个简化到极致的 WEB 开发,但是只要牵扯到 WEB 开发,就绝对不可能缺少数据层操作,所有的开发 ...

  9. tomcat中配置servlet.xml的JNDI或JDBC连接数据库【原】

    tomcat中配置servlet.xml的JNDI或JDBC连接数据库 一. JNDI 1. tomcat环境 找到X:\xxx\......\apache-tomcat-6.0.39\conf\se ...

  10. [Web 前端] react-router4-0中文文档

    cp : https://blog.csdn.net/sinat_17775997/article/details/70344625 http://618cj.com/react-router4-0% ...