搭建hexo博客

  有许多技术人员都会写博客,写技术博客有多种途径,第一种就是在大型博客网站上发布文章,国内的有CSDN,博客园,简书,SegmentFault(思否),知乎专栏,掘金等等。想起当年有名的百度空间已经被关闭了就瑟瑟发抖,网易博客也已经停止运营,新浪博客看来也是奄奄一息,随时被抛弃。并且这些网站页面有的有广告,还无法随心所欲自定义样式等。另外一种就是自己搭建博客网站,好处是自己怎么方便怎么来。缺点就是花费一点时间学习一下怎么搭建。自己搭博客可选用WordPress,Hexo,Hugo,Jekyll等等,这里记录一下如何搭建Hexo静态博客。

Start

  首先要明白Hexo是一个静态博客框架,基于Node.js,支持Markdown语法,搭建简单快捷。可以在自己电脑本地搭建预览效果,然后上传到网上。你说没有服务器,没事,有github账号就行。GitHub Pages结合Hexo就能搭建个人博客网站了。不用花钱就能实现,白嫖!

本地环境搭建

Hexo基于Node.js,所以电脑需要安装Node.js 和 Git。如果电脑已安装,可以跳过此步骤。
Node.js官网下载地址: Nodejs
Git官网下载地址: Git
Node.js安装的同时会自动安装一个包管理器,叫npm(Node Package Manager)。
安装成功后可查看到版本

1
2
3
4
5
6
7
8
$ node -v
v10.14.1

$ npm -v
6.4.1

$ git --version
git version 2.24.0

本地搭建Hexo

通过npm安装Hexo框架

1
~ $ npm install -g hexo-cli

Mac安装若遇到权限问题,在前面加sudo

1
~ $ sudo npm install -g hexo-cli

查看hexo版本

1
2
3
~ $ hexo -v
hexo: 3.9.0
hexo-cli: 2.0.0

创建博客目录

新建一个目录存放blog所有内容,这里建一个叫blog的目录,并进入目录

1
2
~ $ mkdir blog
~ $ cd blog

初始化博客与安装组件

这里初始化一个新博客目录,我的叫 Hexo

1
2
3
~/blog $ hexo init Hexo      # 初始化
~/blog $ cd Hexo # 进入目录
~/blog/Hexo $ npm install # 安装组件

新建文章

1
~/blog/Hexo $ hexo new post "postTitle" # postTitle是文章标题

这样会在 source/_posts 目录下生成postTitle.md文件,可用Markdown语法编写文章。

生成静态文件

会在站点根目录下生成public目录,里面存放静态页面

1
~/blog/Hexo $ hexo generate   # 生成静态文件

启动本地服务器进行预览

1
~/blog/Hexo $ hexo server   # 启动服务

默认端口号是4000,打开浏览器访问 http://localhost:4000 可预览博客,在终端用Ctrl+C可关闭服务。

本地搭建到此结束,如果想将博客上传到网上而又不想破费,可以搭配GitHub使用。

注册GitHub

  GitHub是一个鼎鼎有名的全球最大的男性同性交友平台,咳咳,不是你想的那种。那是一群技术爱好者聚集分享的地方。先注册了再说,用邮箱就能注册。GitHub官网

创建GitHub Pages

  GitHub Pages 是由 GitHub 官方提供的一种免费的静态站点托管服务,我们可以在这里发布自己的静态网站页面。
  注册完GitHub之后登陆,在GitHub主页右上角点击加号,点击New repository创建新仓库。在Repository name中输入yourGithubName.github.io
yourGithubName是Github的昵称,例如昵称是“Xiaoming”,这里就可以填“xiaoming.github.io”(注意大小写敏感)。另外不能自定义修改用户名,像“xiaoming123.github.io”就是错的。
然后就有一个博客地址了:“ https://yourGithubName.github.io

将Hexo文章部署到GitHub

安装hexo的git部署插件

1
~/blog/Hexo $ npm install hexo-deployer-git --save

修改配置文件

打开站点根目录下的配置文件_config.yml,在 Deployment 处修改。

1
2
3
4
5
# Deployment
deploy:
type: git
repo: https://github.com/yourGithubName/yourGithubName.github.io.git
branch: master

执行部署命令

1
2
3
~/blog/Hexo $ hexo clean  #清除缓存,删除public目录
~/blog/Hexo $ hexo generate # 生成静态文章,可简写为 hexo g
~/blog/Hexo $ hexo deploy # 部署文章,可简写为 hexo d

部署时可能要你输入GitHub的username和password
部署成功后就可以在 https://yourGithubName.github.io 看到自己的博客了。

End

  以前blog也有很火的时候吧,只是那时我还小…如今各种App迅猛发展,挤压了blog的生存空间,blog不再像以前受欢迎了,但是还是有很多人喜欢它的。它有时是个树洞,给人宣泄的空间;有时是个老师,传播了宝贵的知识;有时是个观察者,见证了很多人的成长…

reference

hexo史上最全搭建教程hexo史上最全搭建教程
使用 Hexo+GitHub 搭建个人免费博客教程(小白向)