手把手教你用github pages搭建个人博客

拥有一个自己的博客, 是每个程序员的梦想. --- 鲁迅

已经记不起来, 这是我第几次折腾博客了.

前些次都是为了搭博客而搭博客, 以至于博客建完之后就再也不维护, 只有一篇"hello, world"放在那里丢人现眼, 真的是舍本逐末.

这一次不一样了!

我决定洗心革面, 认真更新内容.

为了把主要精力放到博客内容上, 我选择了用最简单的方式github pages来搭建本博客.

下面开始正文.

1. 首先需要有一个github账号, 点击注册.

2. 新建一个仓库

例如: memeda.github.io

ps: github pages的仓库名字需要以github.io作为结尾.

3. 设置仓库

点击"settings", 进入仓库设置页面.

找到"GitHub Pages"这一处, Source选择master

选择之后, 你就会发现页面在进行刷新.

稍等片刻刷新完成. 再把页面滚动到此处, 你会看到一行提示, 类似于Your site is ready to be published at https://jzyzcz.github.io/memeda.github.io/.

其中的链接: https://jzyzcz.github.io/memeda.github.io/就是你的博客地址.

点击此链接, 不出意外的话, 你的博客就呈现在你的眼前了.

4. 给博客绑定自己的域名

至此, 博客已经生成了, 非常简单的吧.

但是这个博客的域名太长了, 非常不容易让人记忆, 能不能改成自定义的域名呢?

肯定可以, 像下面这样操作就行了.

找到Custom domain这一处, 在输入框内填写自己的域名, 例如: shumanman.mobi, 点击保存.

接下来需要去域名提供商那里进行域名的解析. 我的域名是在阿里云购买的, 此处就以阿里云为例.

登录阿里云控制台, 点击左侧的"域名".

找到你要绑定的那条域名, 点击解析:

类似下面, 新建两条记录:

记录类型选择CNAME
记录值填写你的仓库名称

点击保存就行了.

设置完之后, 过几分钟在浏览器输入你刚才设置的域名, 就可以访问你的博客了.

以上就是大致的设置过程.

如果你在设置的过程中, 遇到了什么问题, 可以邮件联系我.

最后, 祝大家国庆节快乐.

原文地址:https://www.cnblogs.com/guohaojintian/p/11614415.html

时间: 2024-11-05 23:27:23

手把手教你用github pages搭建个人博客的相关文章

Github Pages 搭建个人博客

1.Github简介 Github很好的将代码和社区联系在了一起,于是发生了很多有趣的事情,世界也因为他美好了一点点.Github作为现在最流行的代码仓库,已经得到很多大公司和项目的青睐,比如jQuery.Twitter等.为使项目更方便的被人理解,介绍页面少不了,甚至会需要完整的文档站,Github替你想到了这一点,他提供了Github Pages的服务,不仅可以方便的为项目建立介绍站点,也可以用来建立个人博客. Github Pages有以下几个优点: 轻量级的博客系统,没有麻烦的配置 使用

使用 Hexo,Material Theme 以及 Github Pages 搭建个人博客

title: 使用 Hexo,Material Theme 以及 Github Pages 搭建个人博客 date: 2019-04-29 00:05:50 tags: 其他 --- 准备条件 Node.js npm Git GitHub账号 开始搭建 hexo init Blog cd Blog npm install hexo-deployer-git --save npm install hexo-material cp node_modules/hexo-material themes/

hexo+github pages搭建个人博客(一)

由于希望通过配置个人博客逐步学习,之前有搭建过好几个,都因为长时间荒废,学习和记录目的都没有达到,这里重头开始记录.一是警醒自己,二是作为记录以便查阅. 主要步骤: 1.github个人代码仓库配置 git配置设置user.name和user.email配置信息 git config --global user.name "github用户名" git config --global user.email "github注册邮箱" 生成ssh秘钥文件 ssh-key

Ubuntu14.04+Jekyll+Github Pages搭建静态博客

官方教程http://jekyllrb.com/docs/installation/ 1. Jekyll简介 简单: 无需数据库.无需评论功能,不需要不断更新版本,只需要关心博客内容. 静态: 只用 Markdown (或 Textile).Liquid.HTML & CSS 就可以构建可部署的静态网站. 博客形态: 自定义地址.分类.页面.博客内容 以及 自定义的布局设计 都是系统中的一等公民. Jekyll详细介绍 2. Github Pages简介 Github Pages是Github提

使用github + Octopress 搭建免费博客 + 碰到问题的解决方法

使用github + Octopress 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题1, 添加ruby淘宝链接问题,显示无法获取, 解决: source “http://ruby.taobao.org” 需要修改成: source “https://ruby.taobao.org” 问题2,rake setup_github_pages 操作之后没有反应, 解决: 此时需要直接写git://github.com/yourname/yourname.github.io.git 具体配

Linux下使用 github+hexo 搭建个人博客03-hexo配置优化

上两张文章,我们说了 hexo 部署.主题的切换.博文的创建.MarkDown 简单使用和 hexo 部署到 GitHub Pages. 也说了我们会使用 next 主题做为我们后期博客的使用和维护.但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果. 因此这篇文章和下篇文章主要就是针对主题的优化进行书写的. 注意事项 1.优化完毕或者新建博客后需要 hexo g 生成静态文件: 2.然后重新启动服务,使用命令 hexo s -p 80 3.浏览器

Linux下使用 github+hexo 搭建个人博客04-next主题优化

上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功能和所想的风格. 可参考网站 http://theme-next.iissnan.com/getting-started.html 主题设定 选择 Scheme 修改 next 主题配置文件. 1 [[email protected] next]# pwd 2 /app/softinsall/hex

Hexo+Butterfly+Github+Coding搭建个人博客

Hexo+Butterfly+Github+Coding搭建个人博客 背景 之前用docsify搭建了一个简单的博客,但是docsify主题较少(也可能本人没有找到正确的设置方法⊙﹏⊙|∣),没有自己很喜欢的主题.于是,在近期,利用空闲的时间,用Hexo重新搭建了一个博客.关于Hexo的具体介绍,可以在其官方网站查看具体的说明. 搭建Hexo 搭建Hexo比较简单,按照官方文档的步骤操作即可.这里,简单记录如下: 安装前提 安装Hexo需要先安装: Node.js(Node.js版本不低于8.1

基于Hexo+Node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip - Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa