文档章节

使用Hexo + Github搭建自己的私人博客

CoorChice
 CoorChice
发布于 01/09 11:20
字数 1426
阅读 29
收藏 0

背景介绍

也许你已经在CSDN、简书等博客网站上创建了自己的博客。但作为程序猿,总想能够拥有一个属于自己的,能够自由DIY的私人博客。本篇文章,我将详细讲解如何搭建起一个私人博客。

动手搭建自己的私人博客吧!

先上一张效果图: CoorChice的Blog

CoorChice的blog

看起来还不错吧,简约而专注于写作。我们来看看如何实现吧。

准备阶段

首先,我们需要现安装一些东西。

Homebrew

Homebrew官网

Homebrew是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件,相当于linux下的apt-get、yum神器;Homebre可以在Mac上安装一些OS X没有的UNIX工具,Homebrew将这些工具统统安装到了 /usr/local/Cellar 目录中,并在 /usr/local/bin 中创建符号链接。

我们只需要打开终端,输入以下命令,确定执行后就可以安装Homebrew 了。

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

为什么需要安装Homebrew?是为了接下来方便的安装Node.js

Node.js

由于我们使用Hexo框架来搭建生成博客,而Hexo是基于Node.js的。所以,还需要安装Node.js。 安装Node.js只需要在终端中输入:

brew install node

安装完成后,输入:

node -v

显示版本号表示已经安装完成,如下:

MacBook-Pro:~ ******$ node -v
v7.4.0

Node.js中有一个叫做npm(Node Package Manager)的工具,用于搜索、下载、管理Node的相关套件。有了这个东西,我们就能够方便的安装Hexo了。

Hexo

Hexo官网

终于到主角儿出场了。

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

安装Hexo也十分简单。在终端输入以下命令即可:

sudo npm install -g hexo-cli

安装完成后,输入hexo -version 如果输出以下类似信息表示安装完成。

hexo-cli: 1.0.2
os: Darwin 16.3.0 darwin x64
http_parser: 2.7.0
node: 7.4.0
v8: 5.4.500.45
uv: 1.10.1
zlib: 1.2.8
ares: 1.10.1-DEV
modules: 51
openssl: 1.0.2j
icu: 58.2
unicode: 9.0
cldr: 30.0.3
tz: 2016j

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

这个工具能够帮助我们快速部署博客bing并发布,安装它只需要在终端输入:

npm install hexo-deployer-git --save

Github仓库

我们需要到自己的Github中创建一个仓库(还不会使用Github的同学百度、Google ),注意名字一定要是这种格式:

你的Github账号的注册名称.github.io 

比如我的博客地址:
https://chenbingx.github.io/

这个名称将成为以后你的博客地址。谨慎啊!

配置博客

到此我们已经准备好了搭建博客的所有原材料,下面我们真的要开始搭建了啊

  1. 创建本地博客仓库
    使用命令:
hexo init 你的Github账号的注册名称.github.io 

然后会在用户目录下生成一个名为 “你的Github账号的注册名称.github.io” 的文件夹,这个目录就是我们的博客目录。

  1. 设置主题

首先,我们一路cd到刚刚创建的目录下。先下载一个主题,这是一个示例,都是一个套路。

git clone https://github.com/iissnan/hexo-theme-next themes/next

这里我使用的是NexT这个主题,文档十分详细。
NexT官网

然后我们在“你的Github账号的注册名称.github.io”目录下找到_config.yml文件,打开它(我是用Sublim Text打开的)。command + F搜索到theme: ,在后面加上next,这是我们刚刚存放NexT主题的文件夹名称。

接着需要把这个博客和刚刚创建的Github仓库关联。
command + F搜索deploy: 然后按照以下格式设置:

deploy: 
  type: git  //我们使用Git管理
  repo: git@github.com:****/****.github.io.git  //刚刚创建的Github仓库的SSH类型地址,使用HTTPS很有可能遇到权限问题
  branch: master  //你所期望的分支名称

注意,以上操作中,:号后面的空格一定不能省略。其他详细配置可以参考Hexo 的官网。

  1. 写文章
    我们的文章存放在博客根目录下的source/_posts文件夹下。我们可以在这个文件下建立子文件夹管理文章分类。文章类型被要求必须是.md格式的,就是Markdown。
    这里写Markdown与平时稍有不同,需要在头部添加:
---
文章配置信息。
这里的配置信息与我们所使用的主题有关。
---

从这里开始写正文内容...

发布博客

注意,以下操作需要cd到博客目录下。

hexo clean  //每次有大变动,比如更换主题等操作时,可以清理以下之前的缓存;  

hexo g  //即hexo generate,生成静态文件;

hexo s  //即hexo server,启动服务器。默认情况下,访问网址为: http://localhost:4000/; 

hexo d  //即hexo deploy,部署网站到Github。

总结

终于,我们的博客搭建完成了。我们不需要租用服务器就搭建了一个属于自己的博客,并且在Hexo框架的支持下,我们可以使用不同的主题来装饰自己的Blog。

参考文献

  1. Homebrew官网
  2. NexT官网
  3. Hexo官网

© 著作权归作者所有

CoorChice
粉丝 48
博文 30
码字总数 87562
作品 0
朝阳
程序员
私信 提问
Hexo+coding搭建博客

业界早有大佬说过,写博客大抵会经过三个阶段: 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。 第...

两毛五哥哥
2017/11/14
0
0
如何搭建一个独立博客——简明Github Pages与Hexo教程

重要更新 由于我在2015-07-26换了 mac ,博客平台从 hexo 转移 jekyll. 为什么用 keyll?因为用keyll搭建博客真的好简单.比 hexo 简单多了. 接下来,我将用十步教你搭建博客. 继续用我的教程一直...

CasparLi
2015/09/21
470
1
少年,想不想搭建一个属于自己的博客?

title: 少年,想不想搭建一个属于自己的博客 date: 2017-10-19 17:04:12 tags: Coding categories: Coding 参考: Hexo官网: Hexo 为什么要搭建自己的博客? 在《软技能:代码之外的生存指南...

iu嘟嘟
2017/10/07
0
0
在 VPS 上搭建 Hexo 博客,使用 Git 部署

摘要:因为 hexo 的搭建和使用与其他博客程序不同,而且搜索到的很多结果都是在 Github 上搭建 hexo 的教程。于是就有很多朋友问我 VPS 也可以搭建 hexo 吗?刚好前几天在迁移博客的时候也查...

Viosey's Blog
2017/12/20
0
0
Hexo遇上Travis-CI:可能是最通俗易懂的自动发布博客图文教程

相信很多同学都有自己的博客,如果没有,可以参看《Hexo建站:部署到github》,利用Hexo和github pages服务搭建一个美观便捷的博客,Hexo可以将你编写的md文档解析渲染成html网页,最后通过g...

MichaelX
2018/10/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

JS--function

一、声明提前(hoist) 在js程序开始执行前,引擎会查找所有var声明的变量和function声明的函数,集中到当前作用域顶部集中创建,赋值留在原地 二、三种创建函数的方式 1、声明方式创建函数-...

wytao1995
今天
4
0
微服务之间调用控制器注解类型的差异

今天在一个业务服务通过Feign调用文件服务上传文件时遇到了几个问题: 1. 提示http请求头过大的问题; 此时需要修改bootstrap.yml,加入 server: max-http-header-size: 10000000 用以放大...

不再熬夜
今天
7
0
用 4G 工作是什么体验

七月开始,因为工作原因,在公司附近租了个住处,方便工作。离公司近了,感觉就是不一样,之前每天 5:30 就要起床赶地铁,现在可以睡到自然醒,一看才 7 点,悠闲的起床洗漱,踱步到公司,都...

zzxworld
今天
6
0
sonar报错volatile

问题发生 原先代码如下: //认证授权码private static volatile String AUTHORIZATION_CODE = "init"; git push 之后,sonar认为这是个bug检测报告截图如下: 分析排查 解释说明: Markin...

开源小菜鸟2333
今天
5
0
《Java实践指南》--读后

闲读《Java实践指南》... 1.lvy 某些项目中能够看到ivy.xml。早期使用ant的项目中,常常用ivy.xml来下载项目依赖。 2.ant 作为java程序员,应该都知道ant,虽然可能用过的人不多。为什么ant...

RippleChan
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部