郭心全

IT者,程序员,在读硕士研究生

在Github上速搭建你自己的博客,让自己拥有一个网站吧

概述

在见识到了大神写Java代码的能力之后,在想我什么时候能达到这个水平呢!在大神黄壮壮帮完我们弄海底捞项目后,我发现他在写着什么,
咦,一个网站,这么6,毕竟从来到农大,我也想搭建一个自己的网站呢。然后就问啊,才知道GitHub可以免费搭建自己的网站,于是乎,我
接着问啊。大神提了一个Hexo,说在百度就可以找到教程,很简单的,我也认为了很简单,结果我搞了整整一天,才勉强弄个页面出来。真实
菜。这也激发了我的虚荣心,虽说我比较菜,但是还是想着弄个博客记录下来自己的编程序经验、个人生活等,所以这才开始了我Blog之旅。

下面是我的一次分享经验,也是我的第一篇博客,请大神们多多指教
看着网上的形形色色的网站,好羡慕,自己也想拥有一个,怎么办呢?不要急,真的很简单,我一个代码都没写过几行的菜鸟都会,你又有什么理由不会呢?那么如何快速搭建自己的博客呢

想跟菜鸟说拜拜,一步一步跟我来

1.先了解下概念吧

我相信有很多人都特别烦概念,尤其是学生,上课时就是听老师在哪说什么什么,但是不去接触、实践,记住很难,更何况理解呢,但是吧,我们也得稍微知道一下,就大概浏览一遍吧
内容参考https://blog.csdn.net/u012168038/article/details/77715439

git是什么东东

百度百科这样说,git是一个开源的分布式版本控制系统,可以有效、高速地从很小到非常大的项目版本管理。它的作用和Svn类似,是一个版本控制的工具,它可以把我们写的代码提交到GIthub上。

GitHub又是个什么东东

GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务,很多人都把它称作程序员的同性交友网站。由于GitHub只支持git作为唯一的版本库格式进行托管,故名Github。

Github Pages是什么

Github Pages设计的初衷是为托管在GitHub上的项目提供介绍页面,开发者们可以通过GitHub Pages为他们的每一个项目创建一个用于介绍该项目的静态网站,但是它的空间免费而且稳定,
因此用它搭建一个个人博客网站很好。
Jekyll是一个简单免费的Blog生成工具,将纯文本转化为静态网站和博客。Liquid是一种模板语言Jekyll是一个简单免费的Blog生成工具,将纯文本转化为静态网站和博客。Liquid是一种模板语言,可以在HTML页面中使用它;而他的作用就是使用标记、对象和过滤器的组合来加载一些动态内容。给我的感觉,这两个都挺好用,不过目前我还没用,我目前用的Notepad++编辑的.md文件,具体请参考上面介绍的博主的文章

2.好了,开始我们的博客搭建吧

我看网上有Mac和Linux系统的经验,我用的是win10家庭中文版,所以我的经验主要是基于win10的。
首先要下载git,git是开源的,因此可以去其官方网站下载
https://git-scm.com
然后下载Node.js,nodejs官网如下
https://nodejs.org/en 下载免费版,如下图
nodejs
此后,在自己要建立博客的盘下建立一个存放博客的文件夹,我在e盘下建了MyBlog,然后在GitBash用命令

$ cd e:/MyBlog

转到文件夹下,用npm命令安装hexo了

$ npm install -g hexo-cli

查看hexo版本

$ hexo v

接着初始化该文件夹,

$ hexo init

安装需要的组件

$ npm install

生成静态网站

$ hexo g

启动本地服务,

$ hexo s

然后在浏览器上输入localhost:4000就可以看见自己的博客了,如下图:

初始化主题页面

3.更换主题,可以clone别人做好的主题

百度“hexo 主题 知乎”,打开如下链接
初始化主题页面
选择自己喜欢的主题,打开,选择自己喜欢的主题,点进去拷贝其地址如图
初始化主题页面
使用命令下载到刚才建好的文件夹,我的是MyBlog

$ git clone https://github.com/wizicer/IcerSite.git themes/wizicer

其中,themes/后的名字就是github.com后的名字,即其仓库名
然后更改MyBlog下的_config.yml的theme值

theme: wizicer

执行
$ hexo s
在浏览器输入localhost:4000就可看到更新后的主题