关于GitHub博客的搭建

关于GitHub博客的搭建

五月 15, 2019

简介

​ GitHub给用户提供了平台,让用户省去了购买服务器和注册域名的麻烦,让用户的创作力得到无限发挥.当然免费的也有免费的限制,当达到1G以后会受到GITHUB的通知邮件,上传超过50M的单个文件会warning,无法上传超过100M的单个文件。目前大文件会提供一个1G的免费GIT-LFS空间.同样,GitHub也有收费方案,一个是个人账户付费方案,他提供了三种收费标准(7美元/月、12美元/月 和 22美元/月).一个是组织账号收费方案,(有25美元/月、50美元/月、100美元/月 和 200美元/月),但同时也可以创建更多的私有版本库和拥有更大的托管空间.


创建个人博客

一 GitHub准备

既然想借用GitHub的平台去展示你的博客,那首先得需要他们的一个账号,注册账号应该对于会使用电脑的孩子都不是难事,跳过注册步骤开始搭建你的代码仓库.

点开GitHub的链接 https://github.com/ 进行登录,完成后点击右上角+按钮,点击New reponsitory,如下图所示

EIutAJ.png

这是新建一个开源的源码仓库,注意,名称为你的用户名+.github.io的格式,例如wzove.github.io,由于我已经注册,所以会提示已存在,输入完成后直接点击Create repository进行创建,如图

EIugNd.png

二 HEXO介绍

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

三 安装HEXO前提

安装之前需要查看你的电脑中是否安装了Node.jsGit,若没有则继续浏览,若已安装,则浏览第四步(不会安装的宝宝们可以点击名称,教你如何安装)

以下便是Node.js,和Git的安装

软件名称 作用 下载链接
Node.js HEXO运行必备 链接:https://pan.baidu.com/s/1dX4eGPjm5z3jLhvA4JC07g
Git HEXO必备,上传网页到github,版本控制(当然了,对于我们来说是网站的更新) 链接:https://pan.baidu.com/s/186qyA5HUSnYcVrjdwLd3hQ

四 安装HEXO,建站

在你的本地新建一个文件夹,存放将要下载的HEXO等一些源码,右键后,选择Git Base Here,如图所示

EIGq1J.png

打开git命令行后开始安装hexo,以及本地仓库的搭建

注意!!!!!(1.反应比较慢,输入一行一定要等它加载完.2.把yourname换成你在github中域名的名字)

命令如下

1
2
3
4
5
npm install hexo -g
npm install hexo-cli -g
hexo init yourname.github.io
cd yourname.github.io
npm install hexo-deployer-git --save

上述过程会将GitHub默认的界面下载至本地仓库中

输入命令,便将下载的源码部署到你本地

1
hexo generate

开启服务命令

1
hexo serve

出现以下信息后

1
2
NFO  Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

打开浏览器,输入http://localhost:4000/ 就可以看到默认的界面

关于搭建自己的网页

打开你所存放的文件,找到_config.yml配置文件,打开后修改内容如下

EIJf8e.png

附上代码,注意,yourname改成你自己之前配的

1
2
3
4
deploy:
type: git
repo: https://github.com/yourname/yourname.github.io.git
branch: master

保存完成后,你可以去网页上找相应的博客模版(自己写有点费劲==)down下来后,存到本地的\yourname.github.io\themes中(解压包需要解压成文件),继续在_config.yml中修改theme,将原始的名改成你下载的文件夹名称,如图所示

EIY1PO.png

继续打开git命令窗口,先将之前的缓存清一下,命令如下

1
hexo clean

再将下载的源文件导入

1
hexo generate

导入完成后,可在本地测试

1
hexo serve

然后在网页中打开即可,若想部署到GitHub中,输入以下命令

1
hexo deploy

等待片刻,会弹出窗口,输入你的github的用户名和密码就行.上传完成后,你就可以用自己的在GitHub上起的域名直接访问你刚刚所搭建的博客