2019-12-03

如何利用GitHub+Hexo搭建个人博客


0X01前言

一、博客

Blog是以网络作为载体,简易迅速便捷地发布自己的心得,及时有效轻松地与他人进行交流,集丰富多彩的个性化展示于一体的综合性平台。Blog是继Email、BBS、ICQ、之后出现的第四种网络交流方式,至今已十分受大家的欢迎,是网络时代的个人“读者文摘”,是以超级链接为入口的网络日记,是代表着新的生活方式和新的工作方式,更代表着新的学习方式。具体说来,博客这个概念解释为使用特定的软件,在网络上出版,发表和张贴个人文章的人。

二、GitHub

  GitHub是通过Git进行版本控制的软件源代码托管服务平台,由GitHub公司(曾称Logical Awesome)的开发者Chris Wanstrath、PJ Hyett和Tom Preston-Werner使用RubyOn Rails编写而成。GitHub提供付费账户和免费账户。这两种账户都可以创建公开或私有的代码仓库,但付费用户支持更多功能。根据在2009年的Git用户调查,GitHub是最流行的Git访问站点。除了允许个人和组织创建和访问保管中的代码以外,它也提供了一些方便社会化共同软件开发的功能,即一般人口中的社群功能,包括允许用户追踪其他用户、组织、软件库的动态,对软件代码的改动和bug提出评论等。GitHub也提供了图表功能,用于概观显示开发者们怎样在代码库上工作以及软件的开发活跃程度。GitHub已经成为了世界上最大的代码存放网站和开源社区。

三、Hexo

  Hexo是一款基于Node.js的静态博客框架,依赖少,易于安装使用,可以方便的生成静态网页。托管在GitHub和Heroku上,Hexo是一个快速、简洁且高效的博客框架。它使用Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

四、Git

  Git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。Git 是Linus Torvalds为了帮助管理Linux 内核开发而开发的一个开放源码的版本控制软件。分布式相比于集中式的最大区别在于开发者可以提交到本地,每个开发者通过克隆(git clone),在本地机器上拷贝一个完整的Git仓库。

五、Node.js

  Node.js是能够在服务器端运行JavaScript的开源代码、跨平台JavaScript运行环境。Node.js采用Google开发的V8运行代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能,可优化应用程序的传输量和规模。这些技术通常用于数据密集的即时应用程序。

0X02准备

一、安装Git

Git下载网址:https://git-scm.com/download/win

Git使用教程网址:https://www.liaoxuefeng.com/wiki/896043488029600

本文以Windows安装64位的为例,从网站下载完安装包后点击安装,安装完成,打开软件,出现下图的界面则说明Git安装成功。

二、安装Node.js及环境变量npm的安装

Node.js下载地址:https://nodejs.org/en/download/

node -v  //安装完成后,打开CMD,输入该命令检测Ndoe安装是否成功,成功如下图所示。

npm -v  //打开CMD,输入该命令,检测npm环境安装是否成功,成功如下图所示。

0X03搭建

一、在GitHub上注册一个自己的账号

具体注册操作不演示了,相信小伙伴们都会,GitHub网站地址:https://github.com/

二、在GitHub中的New repository创建新仓库,仓库的名字格式为:用户名.github.io

三、打开Git bash(在桌面右键选择Git bash Here或者在菜单中搜索Git bash),输入以下命令。

git config --global user.name  //"你GitHub用户名" 设置user.name配置信息

git config --global user.email //"你GitHub注册邮箱" 设置user.email配置信息

四、用Git bash生成ssh密钥文件

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

此时在你的本地(默认在C盘)会生成一个.ssh文件夹,里面包含id_rsa和id_rsa.pub两个文件。打开id_rsa.pub将里面的内容全部复制到GitHub的SSH and GPG keys中。(ps:在这里小编推荐一个在windows中十分好用的文件搜索软件:Everything)

五、在Git Bash中输入下面命令检测GitHub公钥设置是否成功

ssh git@github.com

此时说明GitHub公钥设置成功。

六、安装Hexo

建立一个文件夹,这里小编建议以Blog命名,将Hexo框架与以后你自己发布的网页都放在这个文件夹中。进入文件夹后,在文件夹内打开CMD。在此特别强调,一定要在刚创建的Blog文件夹中打开。输入下面的命令。

npm install -g hexo-cli  //安装Hexo

hexo init blog  //初始化我们的博客

七、安装完成后,按顺序输入下面代码,检测我们的网站雏形。

hexo new test_my_site

hexo g

hexo s

八、本地查看

完成上面的操作后,祝贺你,已经可以在本地打开你的博客平台了。打开浏览器输入localhost:4000,此时可以看到你博客平台的模样。但是搭建博客肯定不是给自己欣赏的啊,所以要下面要做的是推送网站,顾名思义就是发布网站。

九、将我们的Hexo与GitHub关联起来。

打开站点的配置文件_config.yml,翻到最后,找到下面的文件进行修改下面内容。

关于仓库的完整路径,你可以登陆自己的GitHub账号,然后右击仓库,选择复制链接地址。小编在此特别提醒在yml格式中,冒号后边必须加一个空格,它的语法要求十分严格,不然会报错,小编当时就出现了错误,绕了一大圈才解决,如果你出现下面错误十有八九就是语法错误。

十、安装Git部署插件,输入下面的命令

npm install hexo-deployer-git --save  //安装Git部署插件

十一、此时输入下面三条命令

hexo clean  //清除缓存命令

hexo g == hexo generate  //生成

hexo d == hexo deploy  //部署

此时恭喜你,你的博客已经上线了,快访问你的博客吧。博客地址是你放置个人网站的仓库路径,即 http://xxxx.github.io 。我的xxxx代表的是我当时创建仓库的名字,也是我GitHub的名字。

0X04更换主题

因为Hexo的默认主题是比较单调的,所以当然要去换一个个性十足的主题啦。首先进入blog文件夹中,打开Git bash在里面输入下面代码,这里小编以自己下载的主题为例子,小编用的主题是Solar。灰常的nice!

一、下载主题

先去Hexo网站中找自己喜欢的主题,然后去GitHub中找到这个主题,复制这个主题的网址链接。

Hexo网址:https://hexo.io/

git clone https://github.com/tzvetkov75/solar-theme-hexo themes/solar

二、修改站点配置文件

打开blog文件下的站点配置文件,找到theme选项配置改为我们下载好的Solar主题,再次强调,冒号后面要加空格。

三、本地查看

输入下面命令,用localhost:4000在本地访问,自己先偷偷欣赏下效果。

hexo server --debug

四、输入生成和发布命令,发布到自己的博客网站上

hexo generate

hexo deploy

0X05总结

小编第一次搭建博客平台,由于自己是小白,没有任何经验所以在搭建的过程中踩了一次又一次的坑,但最终还是搭建起来了,不过还有一些后续的东西需要部署。关于如何绑定域名在此不多做介绍,因为我自己没有做这个环节。小编利用晚上的时间整理出这篇文章,希望能够帮助到需要搭建博客平台的你。

本文作者:Sundry-Z

转载请注明来自Sundry-Z!

原文地址:https://sundry-z.github.io/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,761评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,953评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,998评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,248评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,130评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,145评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,550评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,236评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,510评论 1 291
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,601评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,376评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,247评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,613评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,911评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,191评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,532评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,739评论 2 335