使用GitHub做个人博客

前言

用过市面上主流的blog程序,也用Django自己写过开源的博客程序July(170+Star),慢慢的发现没太多精力去打理维护,干脆直接放GitHub当静态页面算了,之前也用过Hexojekyll等静态程序,但使用起来还是繁琐,体验不到写作的乐趣。

所以,干脆直接放GitHub把,简单粗暴,你可能只需要做一件事情,就是准备好一个GitHub账号,再准备一个域名,不论备案与否。

创建GitHub仓库

假设你已经有GitHub账号,如果还没有点我注册,登录你的账号,创建一个仓库

仓库名、描述等信息,填写一个你喜欢的就好。

# 下载创建好的仓库
$ git clone https://github.com/anshengme/blog.git
$ cd blog/
$ echo ‘Hello, Ansheng!‘ > README.md
# 绑定的域名
$ echo ‘blog.ansheng.me‘ > CNAME
$ git add .
$ git commit -a -m "2017-05-26 23:19:08"
# 提交到仓库中
$ git push

这时候访问你的用户名+github.io/blog应该就能出现Hello, Ansheng!字样,但这并不是我们想要的,我想直接访问blog.ansheng.me就出现想要的结果,应该怎么做呢?

域名绑定

上步骤在仓库中的CNAME写入了blog.ansheng.me,其实我们只需要在自己的域名管理后台添加一条cname记录指向到anshengme.github.io就可以了,如下图所示:

我添加了两条记录,@blog,因为我启动了ansheng.meblog.ansheng.me

HTTPS跳转

这里我使用的是Cloudflare提供的免费CDN服务,并且开启HTTPS以及HTTP2,只是为了一个小绿锁,目测现在大部分的站点都已经开启了,不用总感觉哪里不对劲(档次低)。

假设你已经注册了Cloudflare账号,也已经绑定了你的域名,注意,这里绑定域名的时候需要把Nameserver指向Cloudflare所提供的,不然不能提供CDN服务,比如我的域名在阿里云买的,但是把NS改成Cloudflare的了

如果你已经将NS指向到了Cloudflare中,请确保你的域名状态如下所示

域名状态一定要是Active才可以哦。

开启SSL

Cloudflare的站点管理页面,切换到Crypto这个标签页。将SSL的模式改为full

开启之后稍等片刻你就可以通过https进行访问了,但是你会发现当访问http的时候并不会自动跳转到https,所以,你可能还需要下面的操作。

强制跳转到HTTPS

切换到Page Rules页,添加一条页面规则

http://*ansheng.me/*

填写完毕之后点击Save and Deploy就可以了,可能需要一段时间,毕竟有缓存。

遇到的坑

想过使用阿里云的CDN做强制HTTPS跳转,但巨麻烦,因为阿里云在跳转的时候不能与原域名重复,所以,每个https域名都必须做两条记录,而且配置的CDN不知道什么时候神效,我前天晚上登录两三个小时都没生效,所以直接换Cloudflare了,免费的把,只要是这。

$ curl -I https://blog.ansheng.me
HTTP/2 200
date: Fri, 26 May 2017 15:52:54 GMT
content-type: text/html; charset=utf-8
set-cookie: __cfduid=d76f0ba8019b6ca9aecc7420de5e6ac5c1495813974; expires=Sat, 26-May-18 15:52:54 GMT; path=/; domain=.ansheng.me; HttpOnly
last-modified: Fri, 26 May 2017 05:58:36 GMT
access-control-allow-origin: *
expires: Fri, 26 May 2017 12:10:36 GMT
cache-control: max-age=600
x-github-request-id: 9196:1FDB:577B6E:7848FF:592818E4
via: 1.1 varnish
age: 5
x-served-by: cache-sjc3646-SJC
x-cache: HIT
x-cache-hits: 1
x-timer: S1495813974.473891,VS0,VE1
vary: Accept-Encoding
x-fastly-request-id: 2dc90b55edced17846d414909da9b20e89fdcccc
server: cloudflare-nginx
cf-ray: 3651e77c68d96bfe-SJC

上面是CDN服务器返回的数据,真的是支持HTTP2了,虽然访问还是慢之类的,但是不用操心续费了。

还有一个就是如果你写的.md文件格式有错误是可以在下面的页面看到的

如果你每次上传的.md文件格式没什么错误的话会提示你 Your site is published at http://blog.ansheng.me/,如果格式错了,会直接提示你那个文件第几行出现语法错误,还是很智能的。

总结

作为一名程序员,使用Markdown写作是标配了,用了之后你会发现真的是太棒了。

时间: 2024-10-08 16:57:12

使用GitHub做个人博客的相关文章

《Hexo+github搭建个人博客》

<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+github搭建个人博客>1 思维导图总览:2 What?2 简介:2 Hexo:2 NodeJs2 Github4 Git5 Github page:5 Markdown6 How?7 环境配置:7 安装Git8 安装Node.js9 安装hexo13 第一步:打开cmd.13 第二步:进入NodeJS

Github+Jekyll ——个人博客创建之简单解析

新建new repository: 用注册好的账号登陆github主页,点击右上角的"+"符号旁边的三角标展开二级菜单,选择"new repository": 然后我们开始为我们新建的repository命名,命名需要遵循规则:username/username.github.com 创建完成之后,复制当前资源的git地址: 二.工程内容托管: 1.在本地启动git-bash,通过"git clone(git地址)",将github上的工程复制到

使用Node.js+Hexo+Github搭建个人博客(续)

一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍: 博客相关配置介绍 博客主题 Yilia 配置介绍 如何制作并配置网站缩略图 如何将博客同步到 Github.Coding 中 如何使用 Git 同步 Github 与 Coding 的代码 如何申请域名并作域名解析 如何将域名绑定至 Github.Codi

Hugo + github 搭建个人博客

前言 很早以前就有想法,搭建一个个人的博客.没有实现的原因:一方面个人的服务器不太安全掉线,欠费,维护起来麻烦,另一方面,文章编辑发布起来也不方便. 后来了解到 github 提供了博客的功能,也一直没有实践.也鉴于上次文章被删,我也就开始实践了起来,有一个备份总好于无. 选择什么程序生成 这个是我第一个纠结的地方,我当时把选择集中在三个选项里面:Jekyll,Hexo,Hugo.当然是一定要支持markdown. 针对选择谁这个问题,我也是在网上查了大量的文章: Jekyll 由Ruby语言,

使用hexo和github搭建个人博客网站

使用hexo+github可以免费.快速地搭建一个静态博客网站,并且使用hexo提供的命令以及git自身的功能可以很便捷地管理博客. 使用github部署静态页面 在了解hexo之前,我们先看看如何使用github部署静态页面. 注册github账号 访问github官网注册一个账号,该流程和一般网站注册账号一样,在此不赘述. 创建一个git仓库 其他项如果需要可以自主填写,这里只填写仓库名,点击Create repository创建仓库. 提交一个测试页面 执行git clone命令将仓库克隆

利用hexo和github建立个人博客 适合小白的~

因为我自己用的是window 7系统,所以下面的教程是针对window系统的 首先需要准备的有 Git v1.9.5 下载地址:百度云 Node.js v0.12.5 x64 下载地址: 百度云 安装Git 作用:把本地的hexo提交到github上面去: 一路点击“Next”就好了 在这里选择对应的window选项 安装Node.js Node也是一样简单,也是一路“Next”就好,然后就等待安装完成 接下来就要验证软件是否正确的安装了 在运行里面输入“cmd” 然后输入如图所示的命令,如果结

使用Octopress和Github Pages搭建博客的高级技巧

如何果还不知道如何使用Octopress和Github Pages搭建的同学可以参考码农的救赎:使用Github Pages搭建博客 提升速度 按照教程搭建好的博客,访问起来总是很慢很慢,即使把什么Google Plus和Google Analyze之类的都关闭掉后,仍然很慢.原因就是在HTML中的某些资源,比如脚本或者字体什么的是使用 点击阅读全文

github创建个人博客手记

第一步:先总体看下要在本地创建的文件目录 /jun_demo |-- _config.yml |-- _layouts | |-- default.html |-- _posts | |-- 2014-06-26-hello-world.html |-- index.html config.yml:Configuration设置 _layouts:模板存放文件夹 default.html:文件模板 _posts:blog文章存放目录 2014-06-26-hello-world-html:blo

Hexo和github搭建个人博客 - 朱晨

GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.github.io {username}代表你的GitHub用户名,Repository name一点要叫这个 绑定域名 待定 绑定ssh秘钥 设置git用户名和邮箱 12 git config --global user.name "liuxianan"git config --globa