2018-02-26

写文章注册登录

2018-02-26_第1张图片

首页

下载App

5分钟 搭建免费个人博客

 

dimsky 关注

2016.04.17 01:22* 字数 1578 阅读 52323评论 422喜欢 1840赞赏 2

五分钟倒数已经可以计时了。

三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。

你可能会经常看到类似于这样的博客:

2018-02-26_第2张图片

vno

2018-02-26_第3张图片

这是打酱油的

在4分50秒以后你也能够有一个类似的blog了。

有了为什么还需要个人博客呢,除了装逼,当然还有个人博客更加自由,不受任何第三方管理,并且还能够自定义成自己喜欢的样子。还有,如果你是个程序猿,那就更没有理由不自己搭建一个独立博客了。

好了,不BB了。抓紧时间开始。

1. 创建Github 域名和空间

1.1注册

首先你需要注册一个Github账号,已有的可以下翻去1.2 创建仓库,注意username,这会影响到你的域名,你的域名将会是 username.github.io ,所以认真的取个名字吧。

need-to-insert-img

Create account

注册过程可能需要验证你的邮箱,其他就不在赘述。

1.2 创建仓库

然后需要创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库, Respository name 中的username.github.io 的username 一定与前面的Owner 一致,记住你的username下面会用到。

need-to-insert-img

Create reponsitory

第一步就已经完成了,下面是安装。

2. 安装

Hexo 可以说是目前最流行的博客框架了,基于Nodejs,更多信息可以google,下面需要安装的工具包括 Git,Nodejs,Hexo。(Windows 用户自行搜索这些工具,直接安装即可,试过基本没啥问题)

安装Git

我就想问问,还有谁没装Git么?

// 如果已安装HomeBrew 无需执行此行

$ /usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"

$ brew install git// 安装Git

你也可以通过下载安装程序来安装

安装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

安装Hexo

以上所有都安装完成之后再安装Hexo

$ sudo npm install hexo-cli -g

所有必须工具已经安装完成,下面我们就可以生成博客,上传至我们的Github 仓库了。

3. 编写,发布

接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(username.github.io)。

创建博客

将下面的 username 替换成你自己的username(其实也无所谓,作者强迫症),执行成功后,会创建出一个名为 username.github.io 的文件夹。

$ hexo init username.github.io

更改配置

主题安装

为了使博客不太难看,我们需要安装一个主题,切换至刚刚生成的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中修改,这里略过。设置详情

写文章

所有基础框架都已经创建完成,接下来可以开始写你的第一篇博客了

在username.github.io/source/_posts下创建你的第一个博客吧,例如,创建一个名为FirstNight.md的文件,用Markdown大肆发挥吧,注意保存。

如:

---

title: First Night

---

> 我有一头**小毛驴**,可是我从来都不骑。

测试

$ hexo s

测试服务启动,你可以在浏览器中输入https://localhost:4000 访问了。

安装hexo-deployer-git自动部署发布工具

$ npm install hexo-deployer-git --save

发布

测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。

$ hexo clean && hexo g && hexo d

如果这是你的第一次,终端会让你输入Github 的邮箱和密码,正确输入后,骚等片刻,就会把你的博客上传至Github 了。以后在每次把博客写完后,执行一下这个命令就可以直接发布了,灰常苏胡。

5分钟应该快到了

是不是很快,恭喜你能走到这一步,你的博客已经完成了,在浏览器中输入http://dimsky.github.io 就能够访问了。

最后应该是类似这个样子的

need-to-insert-img

时间有限,这里只说到了简单的博客创建流程,还有很多很好玩的配置与插件。比如说评论、标签、统计等等。慢慢的完善你的专属博客吧。

更多

更多主题

更多插件

小礼物走一走,来关注我

赞赏支持

 日记本

© 著作权归作者所有

举报文章

关注dimsky

写了 24153 字,被 786 人关注,获得了 2224 个喜欢

独立开发者,喜欢自由。 App store: <小众音乐>

喜欢


1840

更多分享

2018-02-26_第4张图片

被以下专题收入,发现更多相似内容

程序员

经验之谈

iOS Dev...

首页投稿

玩转app

iOS开发指南

来,喝了这碗鸡汤

展开更多 

用Hexo-nexT-GitHub搭建个人博客

2018-02-26_第5张图片

第一章 安装Git工具 下载GitHub for Windows,直接点击安装,安装完成后,可以看到“Git Shell”和“GitHub”,"Git Shell"用于命令行模式,“GitHub”桌面版。下面介绍一些常用命令: 1. 本地使用 |行为|命令|备注||-|-|...

 不圆的石头

使用 GitHubPages + Hexo + Next 搭建免费个人博客,替换个人域名

2018-02-26_第6张图片

一、在 Github 创建 Git 仓库 在 Github 新建一个仓库,仓库名一定要输入:username.github.io 。其他地方不用修改,然后直接点 ”Create repository“ 按钮完成创建即可。 二、安装Git 根据你的系统版本安装 32 位或者 ...

 innovatorCL

免费个人博客搭建详解

2018-02-26_第7张图片

作者:李旺成 时间:2016年4月27日 一、技术选型 常见个人博客搭建方案 搭建个人博客通常有如下选择: WorkPress: GitHubPages + Jekyll: GitHubPages + Hexo: 选择 GitHubPages + Hexo 上面提到的三种个...

 diygreen

三步完成免费个人博客搭建

2018-02-26_第8张图片

转自5分钟 搭建免费个人博客 * 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。* 你可能会经常看到类似于这样的博客:vno.png为什么需要个人博客呢,除了装逼,当然还有...

 猫的咸鱼干

如何创建GitHub上的个人免费博客

免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对OS X ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。 首先列出来两个博客的样式供参考: OK 开始正文 1. 创建GitHub 域名和空间 1.1注册 首先你需要...

 勇不言弃92

我一定要比她过的好!

韩,我一定要过好,而且比她过的好,过的幸福,我要让气我的人自食其果!

 十年如梭

2017.9.6

今天,我在语文课上,戴老师教会了我上课要专注听老师讲课。还给我们留了作业。在数学课上听安老师很认的给我们讲课,我也要听老师的话,以后会更加努力学习的,我回到家妈妈告诉我说放学回来先写作业才可以玩,我听了话作业也都完成啦。我很开心,谢谢,谢谢,谢谢,安老师和戴老师,谢谢你们给...

 荆玉淋

我笨,但我不傻

2018-02-26_第9张图片

威哥说:很多朋友给我留言,在学习的过程中如何坚持下去,关于努力和目标,我想谈谈自己的理解,有不同见解的地方,欢迎留言跟我探讨哈。 if(努力==苦逼) return true OR false 大学生活是惬意的,高三紧张的一年学习,我他妈都累成狗了,天天除了做题考试还是做题...

2018-02-26_第10张图片

 磨砺营

在家健身扰民?外面健身有雾霾?那么我一起去速健奇迹健身房吧

2018-02-26_第11张图片

在家健身扰民?外面健身有雾霾?那么我一起去速健奇迹健身房吧。为什么是去速健奇迹健身房而不是去其他的传统健身房?当然是因为速健奇迹有着他们所没有的优势喽。 传统健身房需要大量的撸铁训练,容易出现砸伤或者对自身力量评估不准确负荷过重造成肌肉拉伤。而速健奇迹只需要你穿戴上S-EM...

 冰霜爱阳光小超人

他们

(思念 无限亲切的字眼 却永远永远横在他们中间 折磨的难熬) 他们 秋风凛冽着酷寒 他们相聚在密密麻麻的田 没有红烛 没有头纱 没有牵挂 一根红绳便可牢牢栓住他俩 就此走过余生的坑坑坎坎磕磕绊绊 他们手拉手肩并肩大步向前 他们爱慕彼此天生圣洁容颜 他们将爱黄金一样彼此珍藏心...

 陈默智今琦

你可能感兴趣的:(2018-02-26)