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

news/2024/5/15 2:41:39/文章来源:https://chenyufeng.blog.csdn.net/article/details/47209919

      程序员都应该有写博客的习惯,博客可以作为知识管理,提升自己。当然写博客的地方有很多,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的博客我也会逐渐迁移过去。有心得大家一起分享,附上目前我的博客的截图:

.


github主页:https://github.com/chenyufeng1991  。欢迎大家访问!



本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_792432.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用七牛云存储在网站中进行图片外链

在CSDN中写博客,如果想在文章中插入一张图片,其实是非常简单的,只要从你本机进行图片选择,然后选择上传,图片就会上传到CSDN的服务器,到时候在文章显示的时候就会读取该图片。但是如果是在自己的搭建的网站…

使用百度统计对网站进行流量分析和统计

在自己建立一个网站后,最关心的问题就是到底有多少人访问了我的网站,也就是我的网站的流量到底是多少。以此可以不断进行完善和优化。这里将会使用百度的两个统计工具:百度统计和百度站长来进行分析。以我自己的建立的基于Hexo博客网站 : htt…

按钮制作网站收集

As Button Generator is the Button Generator 网站地址:http://jirox.net/AsButtonGen/ FlashButton.com free Animated Flash Buttons Menu Generator 网站地址:http://www.flashbuttons.com/ Da Button Factory Create pretty buttons online, quickl…

Logo在线制作网站收集

Supalogo - create nice logo 简单的Logo在线生成器 网站地址:http://supalogo.com/ 效果: 网站预览图: 说明一点就是,该网站也支持中文,日文等等。不过格式只有一两种。 Logo Ease -Free Logo Design Logo Ease…

0days最好的破解网站

best 0days ,0days,crack,patch,keymaker,keygen,bbl,download Search result!不知道有没有人知道这个东西,号称最好的破解,补丁,序列号生成等等之类的。网站地址: http://0days.51cc.net/

歌词搜索网站收集

LRC123 LRC歌词搜索引擎 网站地址:http://www.lrc123.com 飞叶歌词网 -全球最大中文LRC歌词搜索引擎 网站地址:http://lrc.aspxp.net 歌词搜索的网站蛮多的,LRC123网站不错。

图片特效制作网站收集

3D-box maker 3d-box & package on-line for free 网站地址:http://3d-pack.com / 效果图: Preloaders.net | Free AJAX animated loading gifs | 3 dimensional (3D) 三维进度条、Load图案制作 网站地址:http://preloaders.net / 缩略…

11个超棒的iOS开发学习网站

我相信,要想从一个"还不错"的人变成一个卓越的人,我们需要不停地向他人学习,同时还得尽早地适应最新的技术和工具。除了苹果官方文档网站之外,列举了一些能获取有价值的文章和资源的网站,这些网站能够帮助我…

mysql is null 性能_「isnull」MySql数据库的优化-MySql中is NULL、ISNULL()和IFNULL()运行速度的比较 - seo实验室...

isnull在查询过程中,我们经常用到非空和is null的查询,为了更高效的查询,我们应该知道那种方法更快。在上一篇中,我们已经添加了一些数据。根据这些数据我们就可以来做一些验证。第一步,is NULL要比ISNULL()的比较SELE…

modelandview跳转页面404_404页面对网站SEO有什么影响?小看它可能让你吃大亏

前两天有个朋友找到我,让我帮他看一下他的网站关键词排名为什么突然暴跌,后来在检查原因的时候才发现,原来是他把404页面给去除了。在他将404页面恢复之后,许多关键词又重新有了一定的排名。因此在做网站SEO优化的时候也不要忽略了…

微软法国一网站被黑

微软法国的网站: http://experts.microsoft.fr/被黑,我这里现在无法访问。据黑客称,他来自土耳其,下一个目标就是microsoft.com。看截图:

速卖通关键词挖掘工具_利用SEO工具挖掘同行竞争对手关键词数据快速布局网站词库...

工欲善其事必先利其器,这句话告诉我们,善用工具,往往会起到很好的效果。对于SEO来说,做排名有很多方面的工作,这其中网站内容是非常重要的部分。而网站内容是围绕关键词的布局而展开。所以一个网站的关键词布局&#x…

Kevin Mitnick的网站 Gotz owned!

... 8月23日国际报道知名黑客Kevin Mitnick的网站上周日遭人入侵,还留下到此一游的留言。黑客是在上周日由巴基斯坦入侵代管Mitnick网站的电脑,并换掉原有首页,包括KevinMitnick.com与MitnickSecurity.com都出现一些不雅字句。“代管我网站的…

HKROnline SyncNavigator 注册机(非破解)下载地址,官方网站

www.syncnavigator.cn SyncNavigator 做数据同步时所支持的数据库类型: 支持sqlserver 2000-2014所有版本,全兼容,和MYsql 4.x 、MYsql 5.x 、MYsql 6.x版本。 来源数据库和目标数据库可以版本不同,比如:来源数据库…

sql 模糊查询不包含_当你的网站查询功能处是这样,那该处一定存在sql注入,要抓紧整...

搜索功能几乎是所有网站都有的功能,我们来看一下我们搭建好的这个网站中的搜索功能。网站正常打开后卫以下页面,该页面总共2条信息。这时候输入“专业编号”为03我们可以看到,输入03后会把专业编号包含有03的记录给查询出来。ps:其…

生成网页没有标题_网页模板建站选择+网站建设教程

网站建设中网页模板选择往往比较重要,如果你没能选一个好的模板,那么做出来的网站质量也高不到哪儿去。那么网页模板建站该怎么选呢?你可以从下面这几点来看:1.新手友好度通常来说,使用网页模板建站是比较简单的&#…

支持的sql语法_常见的SQL面试题,SQL在线刷题的网站

[关注评论“SQL”即可获得面试题库]SQLZOO (⭐⭐)https://sqlzoo.net/上面的网址是一个免费的SQL学习网站——SQLZOO!它支持语言:English • 日本語 • 中文(繁体),不过选择繁体中文后会发现翻译…

php教育网站设计案例_酒店的设计,电竞酒店设计案例,酒店设计装修网站

酒店设计:1、空间要求一般就是以一种稳健与大气、还有奢华与低调这些风格为主。在这个大空间里面对于室内私密性以及一些活动空间完全都是住客来进行控制,同时也可以提供一种最基本私密空间。相对于这个酒店设计来讲一般都是依据不同功能把空间进行划分&…

网易云音乐刷听歌量网站_网易云音乐2020听歌报告

大家好,这是我的100天日更计划第七十三篇,今天要给大家分享的是网易云音乐2020听歌报告。12月28日,网易云音乐2020年度听歌报告正式上线,朋友圈再被刷屏。今年的音乐报告视觉上运用暖色调,非常温暖治愈,同时…

分享一个强大无痛的英语学习网站

文章目录1. 效果2. 实现1. 效果 包括: 实时翻译完整字幕随点即学(翻译例句)等级分类… 2. 实现 使用Chrome浏览器 进入 language Reactor 安装扩展插件 选择侧边栏的栏目开始使用 例如YouTube Ted频道 Finally, You get it!