1. 创建Github仓库
首先你需要注册一个Github账号,因为我已经有账号了所以直接开始创建仓库
然后需要创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库, Respository name 中的username.github.io 的username 一定与前面的Owner 一致,你的域名将会是 username.github.io 。
2. 安装
Hexo 可以说是目前最流行的博客框架了,基于Nodejs,更多信息可以google,下面需要安装的工具包括 Git,Nodejs,Hexo。
1、安装Git
// 如果已安装HomeBrew 无需执行此行
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
$ brew install git // 安装Git
你也可以通过下载安装程序来安装
2、安装Nodejs
先安装nvm,这是Nodejs版本管理器,可以轻松切换Nodejs版本。 这里有两种方式安装。如果使用curl的方式安装,安装完成之后一定要重启终端。
1. Homebrew 安装方式,此安装方式无需重启
$ brew install nvm
$ mkdir ~/.nvm
$ export NVM_DIR=~/.nvm
$ . $(brew --prefix nvm)/nvm.sh
2. curl安装方式
$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
安装完成后,重启终端 并执行下列命令即可安装 Node.js。
$ nvm install 4
3.安装Hexo
以上所有都安装完成之后再安装Hexo
$ sudo npm install hexo-cli -g
我原先已经装过git和node,但是我直接执行第三步出错,
因为node很久不用,于是我直接简单粗暴的执行第二步,重装了node
接下来一切都很顺利,但是事实证明是我想多了,这个下文会提到
所有必须工具已经安装完成,下面我们就可以生成博客,上传至我们的Github 仓库了。
3. 编写,发布
接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(username.github.io)。
1.创建博客
将下面的 username 替换成你自己的username(其实也无所谓,作者强迫症),执行成功后,会创建出一个名为 username.github.io 的文件夹。
$ hexo init upupSue.github.io
2.更改配置
主题安装
为了使博客不太难看,我们需要安装一个主题,切换至刚刚生成的Hexo 目录,安装主题
$ cd username.github.io
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
这里选了一个极简的主题,也是Hexo众多主题中最受欢迎的一个。喵神的主题 在这里。Hero也有更多主题供你选择。
基础配置:打开文件位置username.github.io/_config.yml修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存, 还有注意配置的键值之间一定要有空格。更多设置...
title: upupSue的个人小站 //你博客的名字
author: upupSue //你的名字
language: zh-Hans //语言 中文
theme: next //刚刚安装的主题名称
deploy:
type: git //使用Git 发布
repo: https://github.com/upupSue/upupSue.github.io.git // 刚创建的Github仓库
( 这里在修改_config.yml文件的时候发现ultraEdit过期了,悲痛欲绝只好又下了sublime Test)
主题配置:
主题配置文件在username.github.io/themes/next/_config.yml中修改,这里略过。设置详情
3.写文章
所有基础框架都已经创建完成,接下来可以开始写你的第一篇博客了
在username.github.io/source/_posts下创建你的第一个博客吧,例如,创建一个名为FirstNight.md的文件,用Markdown大肆发挥吧,注意保存。
如:
---
title: First Night
---
> 我有一头**小毛驴**,可是我从来都不骑。
4.测试
$ hexo s
这一步的时候又出现问题了,又提示了command not find
于是我网上搜了一下解决办法
export NVM_DIR="$HOME/.nvm"
. "/usr/local/opt/nvm/nvm.sh"
能暂时解决问题,但是治标不治本
nvm过一会又要找不到,只好重新再执行一次上面两行,真的是非常奔溃
测试服务启动,你可以在浏览器中输入https://localhost:4000 访问了。
然后这里我出现了index.html不存在的警告
我想了想,难道是因为我一开始没有跟原po用同一个主题,导致多生出来的事端?
没有办法,解决不了,只好重新再来了一次。
5.安装hexo-deployer-git自动部署发布工具
$ npm install hexo-deployer-git --save
6.发布
测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。
$ hexo clean && hexo g && hexo d
如果这是你的第一次,终端会让你输入Github 的邮箱和密码,正确输入后,骚等片刻,就会把你的博客上传至Github 了。以后在每次把博客写完后,执行一下这个命令就可以直接发布了。
到这里,大概两小时应该肯定是超过了
原文写的是--5分钟 搭建免费个人博客???
身为小白的我已哭瞎
最后在浏览器中输入 http://upupSue.github.io 就能够访问了。
不管怎么说还是成功了,以后可以好好研究一下,上述问题,如果有大神可以帮忙解惑,在这里先感激不尽了,笔芯!
更多