三步完成个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。
你可能会经常看到类似于这样的博客:
好了,下面开始我们的装逼之路。
1.创建github域名和空间
1.1注册
首先你需要注册一个Github账号,已有的可以下翻去1.2 创建仓库,注意username,这会影响到你的域名,你的域名将会是 username.github.io ,所以认真的取个名字吧。
(注册需要邮箱激活)
创建仓库
然后需要创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库, Respository name 中的username.github.io 的username 一定与前面的Owner 一致,记住你的username下面会用到。
2.安装
Hexo 可以说是目前最流行的博客框架了,基于Nodejs,更多信息可以google,下面需要安装的工具包括 Git,Nodejs,Hexo。
2.1安装git
$ brew install git //安装git
https://sourceforge.net/projects/git-osx-installer/可以通过该网址进行安装
2.2 安装node.js
先安装nvm,这是Nodejs版本管理器,可以轻松切换Nodejs版本。 这里有两种方式安装。如果使用curl的方式安装,安装完成之后一定要重启终端。
1.Homebrew 安装方式,此安装方式无需重启
$ brew install nvm
$ mkdir ~/.nvm
$ export NVM_DIR=~/.nvm
$ . $(brew --prefix nvm)/nvm.sh
安装完成后,重启终端 并执行下列命令即可安装 Node.js。
2.3安装Hexo
以上所有都安装完成之后再安装Hexo
$ sudo npm install hexo-cli -g
工具安装完成之后,上传到Github上
3.编写,发布
接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(username.github.io)。
3.1创建博客
将下面的 username 替换成你自己的username,执行成功后,会创建出一个名为 username.github.io 的文件夹。
$ hexo init username.github.io
3.2更改配置
主题安装
为了使博客不太难看,我们需要安装一个主题,切换至刚刚生成的Hexo 目录,安装主题
`$ cd username.github.io`
`$ git clone https://github.com/iissnan/hexo-theme-next themes/next`
这里选了一个极简的主题,也是Hexo众多主题中最受欢迎的一个。上面出现的喵神的主题 在这里。Hexo也有更多主题供你选择。
基础配置:打开文件位置username.github.io/_config.yml修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存, 还有注意配置的键值之间一定要有空格。更多设置…
title: dimsky 的 9 维空间 //你博客的名字
author: dimsky //你的名字
language: zh-Hans //语言 中文
theme: next //刚刚安装的主题名称
deploy:
type: git //使用Git 发布
repo: https://github.com/username/username.github.io.git // 刚创建的Github仓库
主题配置:
主题配置文件在username.github.io/themes/next/_config.yml中修改,这里略过。设置详情
3.3写文章
所有基础框架都已经创建完成,接下来可以开始写你的第一篇博客了
在username.github.io/source/_posts下创建你的第一个博客吧,例如,创建一个名为FirstBlog.md的文件,用Markdown大肆发挥吧,注意保存。
3.4测试
$ hexo s
测试服务启动,你可以在浏览器中输入https://localhost:4000 访问了。
3.5 安装hexo-deployer-git自动部署发布工具
$ npm install hexo-deployer-git –save
3.6 发布
测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。
$ hexo clean && hexo g && hexo d
最后直接在浏览器里访问你的github的域名就可以你个人博客了