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

程序员都应该有写博客的习惯,博客可以作为知识管理,提升自己。当然写博客的地方有很多,CSDN,博客园以及新浪,网易等等。但是如果使用Github Pages来搭建一个有自己域名的独立网站,会不会更加炫酷呢?当然这方面的教程网上也很多,这里主要是我自己实现后的经验总结和注意事项。

这是最完整的教程,虽然是针对Windows的,但是我在mac上一步步做下来也是可以实现的。大家也可以照着做。链接:http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-a-blog/    。感谢这位博主。

我将会分别讲述有些过程中的注意事项(我用的是Mac):

(1)域名申请

我们首先需要在Github的域名系统下搭建好我们最初的博客系统。网址是:https://用户名.github.io.但是最好的(或者最屌)的是自己去申请一个域名,最后把Github的域名重定向到我们自己的网址中。大家可以去www.godaddy.com  .申请。我申请了一年,用了60多元,还是比较便宜的。因为这个网站支持支付宝,所以非常方便。在下面这个界面中不需要任何操作,直接“Continue
to Cart”就可以了。

.

网上也有很多优惠码,大家可以搜索“Godaddy优惠码”,多试几个会有便宜的。域名申请应该没难度,只要挑个自己喜欢的就行了。

(2)安装Git

Git具体不介绍了,到时候会用到Git来向Github提交网页。OS X中已经自带了Git了,可以在Terminal中输入Git命令来查看,一般是默认安装在/usr/bin/git下面。只要不出现“Command not found”就行。同时注意Mac下面也没有Git Bash的一个命令行客户端,所有命令行都是在终端中进行。

(3)安装Node.js

在这里生成网页的时候会用到Hexo,这是一个比较方便的静态网页生成器。Hexo的使用必须要基于Node.js.  其中安装完Node.js后还要安装一个npm(注意:是npm,而不是nmp,我因为大意看错了这个命令,导致系统一直提示没有安装npm。浪费了很长时间,泪崩啊!!),一个Node下面的包管理器,到时候会用到npm来安装Hexo。可以去官网下载,目前Mac下面Node.js和npm已经集成到一起了,所以直接安装一个Node就行了。官网地址:https://nodejs.org/  
。下载后是这样的:

然后一路默认安装好了,什么都不用管。最后可以使用“node -v”,"npm -v"查看版本号,或者使用"which node","which npm"查看安装路径,一般默认路径是“/usr/local”下面。一定要胆大心细。

(4)Github建立项目

Github上面建立一个空的Repository,注意Repository name一定是和你的用户名是一模一样的。即“用户名.github.io”,你如果使用的是Github的域名的话,到时候你博客的网址就是https://用户名.github.io了。

(5)安装Hexo

这一步又是比较关键的,可能会遇到一些问题。首先安装命令“npm install -g hexo”,如何这个命令不行的话使用“sudo npm install -g hexo”,是因为权限不足导致的。然后注意:需要自己建立一个Hexo文件夹,在该文件夹内执行 “hexo init”,操作,以后关于hexo的所有命令都必须在这个文件夹下执行,否则可能会有各种异常发生,也会提示命令找不到。

关于hexo的常用命令,以及终端下的常用命令行,可以参考:《mac下终端命令汇总》    。里面几乎包含了整个独立博客搭建的所有需要的命令。配置完Hexo后,目录结构如下:

执行完上述步骤后,你的博客基本已经搭建完成了。可以登录https://用户名.girhub.io 进行查看。

(6)个人域名与Github博客进行绑定

进行该绑定过程,其实就是一个重定向的过程。这里也有一个非常重要的步骤,就是在Hithub Repository的根目录下建立一个CNAME的文本文件,文件里面只能输入一个你的域名“****.com”或者"www.*****.com",info,org后缀的类似,总之不能加http:// 。注意到时候CNAME一定是在你Github项目的master de根目录下,你也可以建立一个CNAME的文本文件,放到Hexo-->public目录下,因为到时候同步上去的是这个public文件夹。如下图所示表示没问题,其他按照上面的链接做就可以。

经历以上步骤后,直接打开你的个人域名,就可以访问了。如果有任何问题,仔细看教程或者百度,一定可以解决的。整个配置过程是非常漫长和麻烦的,一定要有耐心。就算看了教程,我也是网上找了很多资料,有些Github等官方文档甚至是英文的。我以后将会把博客同时发布到CSDN和自己的主页上。我博客主页地址:http://www.chenyufengweb.com    .欢迎大家来访。目前用的是别人的主题,还没进行优化,CSDN的博客我也会逐渐迁移过去。有心得大家一起分享,附上目前我的博客的截图:

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-29 19:12:29

在Github上搭建自己的博客网站的相关文章

github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url)

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clone,运行,看到博客演示.觉得可以给颗星星):https://github.com/saucxs/hexo-blog-origin.git 一.搜索引擎收录 1.验证网站所有权 登录百度站长平台:http://zhanzhang.baidu.com,只要有百度旗下的账号就可以登录,登录成功之后在站点

github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如果觉得可以请给颗星星):https://github.com/saucxs/saucxs.github.io.git 注意1:怎么避免 .md 文件被解析? Hexo原理就是hexo在执行hexo generate时会在本地先把博客生成的一套静态站点放到public文件夹中,在执行hexo depl

新浪SAE上搭建WordPress个人博客网站-开篇

新浪SAE上搭建WordPress个人博客网站-开篇 2014年5月29日 在开始这篇博客之前,笔者在这里先普及两个东西: SAE,Sina App Engine的简称,是新浪的内部开发的云计算平台,在这里开发者可以创建Web应用和移动应用.我们创建好的应用就可以部署到SAE服务器上,它会帮我们进行负载均衡,SAE提供很多功能和服务,详细内容请到http://sae.sina.com.cn/进行查看. WordPress想必很多个人站长都非常熟悉了,它是一种使用PHP语言和MySQL数据库开发的

在Github上搭建自己的博客(Windows平台)

折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点 和 csdn,新浪,网易相比,在Github上可以自己实现功能 和阿里云,VPS相比,github托管的代码是免费的 github上只能托管静态网页,后台有数据库的这种动态网站不能托管 你有一个Github的账号 懂一些基本的Web开发相关的知识 Ruby运行时,可以在Windows或者linux环境下进行安装 建站的过程 在github创建网站的代码库,名字必须为username

github+hexo搭建自己的博客网站(三)主题之外的一些基本配置(图片位置,文章目录功能)

使用的yilia主题之后,还需要进行自己的定制配置 1.图片的位置 比如打赏的支付宝二维码图片,是在当前博客的source/assets/img/下 (不是当前主题) 配置:(在yilia主题下文件里themes\yilia文件夹下的_config.yml) # 打赏基础设定:0-关闭打赏: 1-文章对应的md文件里有reward:true属性,才有打赏: 2-所有文章均有打赏 reward_type: 1 # 打赏wording reward_wording: '谢谢你请我吃糖果' # 支付宝

github+hexo搭建自己的博客网站(四)主题之外的一些基本配置(统计配置,网站访问量显示)

1.百度.谷歌统计配置 百度统计配置 申请账号:https://tongji.baidu.com/web/welcome/login 在代码获取的地方只要填入key即可 注册的时候,填的域名和url,我选的都是https://saucxs.github.io/ 在yilia主题下文件里themes\yilia文件夹下的_config.yml)找到这个baidu_analytics # Miscellaneous baidu_analytics: 'ace6dXXXXXXXXXXfbc' goog

CentOS 7 yum安装LAMP,LNMP并搭建WordPress个人博客网站

本次实验要进行的是在CentOS7.2,内核版本3.10.0-327.el7.x86_64的环境下搭建LAMP和LNMP,并在此之上做一个WordPress博客网站. [[email protected] ~]# uname -a Linux Shining.ACG 3.10.0-327.el7.x86_64 #1 SMP Thu Nov 19 22:10:57 UTC 2015 x86_64 x86_64 x86_64 GNU/Linux [[email protected] ~]# cat 

Hexo+GitHub Pages搭建的个人博客

1. 什么是 Hexo,什么是 NexT 主题? Hexo 是一个基于 Node.js 的静态站点生成框架,快速.简洁且高效.Hexo 主要使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页.NexT 是其一个非常简洁优雅的主题. 2. 什么是 Markdown? Markdown 用过一些简单的标记,让你的文字实现精致的排版,实现易读易写,无需考虑美化,专注文字本身. 3. 什么是 GitHub ? GitHub 是基于 Git 技术的社交编程及代码托管网站.你可以用它

在服务器上搭建wordpress个人博客 php7.2+nginx+mysql+wordperss

买了台VPS,准备搭建一个博客.用过几个博客框架还是觉得Wordpress好用.主题多,插件也非常的便利,而且大多还免费开源.搭建也很简单,其实安装好php+mysql+nginx+wordpress就差不多了.其他的需要一些简单的配置就可以挂上去了. 输入以下命令安装MySQL+nginx+php: sudo apt-get update apt-get install mysql server mysql-client apt-get install nginx apt-get instal