使用GitHub构建个人博客网站

想起来之前搭建个人博客网站的总结还没有写，趁着这几天有时间回头来分享一下。本人的个人博客网站采用的是GitHub+jekyll，GitHub托管代码，jekyll发行生成静态网页。

1、购买域名
域名是在一个新加坡的域名服务器商DoDaddy（https://sso.godaddy.com）上买的，也可以去阿里云上购买。

2、搭建自己的GitHub博客

在网上看到有多种免费的blog生成工具，比如hexo，jekyll，WordPress等等，后面经过比较，我根据自己的需要选择了jekyll。

我们来看下百度百科的描述：jekyll只是一个生成静态网页的工具，不需要数据库支持，但是可以配个第三方的服务使用。最关键的是jekyll可以免费部署在GitHub上，而且可以绑定自己的域名。

我的GitHub

tips1：GitHub创建文件夹：网页上只能通过在创建新文件的时候顺便创建文件夹（文件夹与文件用 / 隔开），例如home/test.md就在该仓库下创建了一个文件夹home，该文件夹下有一个新的文件test.md

tips2：在GitHub静态页面中添加图片：在项目里创建一个 asset 目录，然后把图片都放在里面，写 README 的时候直接可以写 ![image](./asset/xxx.png)

3、将域名绑定到自己的GitHub pages博客上
3.1、添加CNAME文件
在仓库根目录下添加一个CNAM文件，没有后缀名，里面内容为你的域名(如:test.com),不需要添加http/www等前缀。
ping username.github.io记录下IP地址

3.2、添加 DNS Service记录
去DNSPod注册个账号，添加域名，设置两个A记录。分别是@和www，ip地址填上个步骤获取的IP地址。

3.3、设置域名的DNS
在相应域名的Csutom DNS里，设置DNS service,添加两条记录f1g1ns1.dnspod.net和f1g1ns2.dnspod.net

3.4、漫长的等待
要全球解析生效，得等上一会了。

最后，可以正常访问的配置：

展示结果（May’s blog）：

使用GitHub构建个人博客网站相关推荐

hexo+github搭建个人博客网站问题汇总和解决办法
分享B站教程:[2021最新版]保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili 本人在使用hexo + github搭建个人博客网站的过程中也是一步一个bug做过来,几乎每一步都 ...
用Pelican+Github搭建个人博客网站
Title: 用Pelican+Github搭建个人博客网站 Date: 2017-06-4 19:13 Category: 技术博客 Modified: 2018-10-11 19:03 Tags: ...
基于Hexo+Github构建个人博客（一）
越来越多的小伙伴不满足于在现有的博客网站上写文章,想完全根据自己的喜好构建一套,程序员可以互相交流技术,文青也可以彼此交换想法.基于Hexo+Github是目前采用比较多的方式,Hexo重要的特点 ...
搭建 Github Pages 个人博客网站
文章出自个人博客https://knightyun.github.io/2018/04/01/github-pages-blog#1.1. 转载请申明目录引言关于博客关于Github 创建Gi ...
模仿 Github设计一个博客网站的 API
REST API的介绍 REST全称为Representational State Transfer,是表现层状态转化的意思.REST API 是前后端分离最佳实践,是开发的一套标准或者说是一套规范, ...
07构建个人博客网站
技术交流QQ群:1027579432,欢迎你的加入! 本教程来源于B站杨仕航Django2.0开发视频教程,如需转载,必须注明来源! 1.简单构建网站的功能模块约等于Django App 博客博文 ...
零基础教会你用github创建个人博客网站
1.创建账号进入github网站,在网站首页右上角进行用户注册 2.填写相关信息按照提示填写相关信息完成用户注册 3.搭建个人博客库进入个人主页,在右上角选择"+"好,进入& ...
通过github构建个人博客1-基本环境搭建
摘要: 随着时代的发展,知识的更新速度越来越快,"活到老,学到老"显得必须且重要.在众多学习方法之中,知识输出是学习的不二法门.互联网时代,通过写博客去记录自己的学习过程,是一种相 ...
【django】二、构建个人博客网站
文章目录简单构建开启本地虚拟环境初步创建bolg应用创建管理员显示字符内容 pip导出包时区修改简单构建功能模块: 博客 :博文,博客分类,博客标签评论 : 点赞 : 阅读 : 用户 ...

使用GitHub构建个人博客网站

使用GitHub构建个人博客网站相关推荐

最新文章

热门文章