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 [email protected]

此时说明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/

你可能感兴趣的:(2019-12-03)