收获:如何使用github和hexo搭建个人博客

3 篇文章 0 订阅

网上有很多关于github搭建个人博客的教程。但是本人小白一枚,希望自己把搭建过程重新记录一遍,算是对自己知识积累的一个过程。

一. 环境准备:

1.你有一个 github 账号,如果没有,进入官网 github,注册。
2.你还得安装了 nodejs ,如果没有,进入官网 node.js ,选择对应版本安装
3.你还得记得把 Git 安装了,如果还没有,下载msysgit 并执行即可完成安装。

我们此次安装的前提就是以上 三者 都已存在。

二. 开始搭建:

hexo部分

1.安装hexo

利用npm命令安装。(在任意位置点击鼠标右击,选择Git bash)

npm install -g hexo #-g表示全局安装,npm默认为当前项目安装

安装hexo

2.创建hexo文件夹

现在选择一个喜欢的文件夹(如:E:\hexo),执行以下操作(在H:\hexo内点击鼠标右键,选择 Git Bash),hexo会自动在目标文件夹下简历网站所需要的所有文件。

hexo init

打开E:\hexo文件夹,我们可以看到hexo下已发生改变,存在了网站建立所需要的所有文件。

hexo文件目录

3.安装依赖

依旧回到git bash。现在我们 安装依赖

npm install

通过hexo命令

hexo s #运行本地服务器

可以看到
本地运行hexo

我们试试在浏览器打开看看
本地运行Hexo效果图
我们已经成功在本地运行hexo博客了。但是这个只能在本地看到。我们希望的是可以跟github连接起来,让他人看到。

说明:Hexo使用命令

hexo init #执行init命令初始化hexo到你指定的目录
hexo generate #自动根据当前目录下文件,生成静态网页
hexo server #运行本地服务

github部分

1.创建仓库

新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io 了,是不是很方便?

由此可见,每一个github账户最多只能创建一个这样可以直接使用域名访问的仓库。

创建github仓库

2.github设置添加ssh
github设置添加ssh请看此博文
3.域名解析

想要进一步让自己的博客看起来很博客,就用自己的域名。
github域名解析,酷酷哒

部署部分

编辑 _config.yml (在 E:\hexo 下)。你在部署时,要把下面的kittowang 都换成你的账号名。

deploy:
type: git
repo: git@github.com:KittoWang/kittowang.github.io.git
branch: master

执行下列指令即可完成部署

hexo generate
hexo deploy

记住:每次修改本地文件后,都需要hexo generate才能保存。每次使用命令时,都要在E:\hexo目录下。

OK,我们的博客已经完全搭建起来了,在浏览器访问:kittowang.github.io就可以看到你的成就。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值