hexo+github搭建个人博客

前言

工作以后学的东西多了,接触的东西多了,发现做笔记是一件很重要的事情,做笔记可以将自己的想法、思路写下来,方便以后查阅,俗话说好记性不如键盘党,做笔记、写博客也可以让自己学会总结、学会分享,读书笔记什么的都可以放一起,有属于自己站点的blog可以按照自己喜欢的方式展示自己喜欢的内容.之前一直很困扰,想自己购买一台 vps,然后自己写代码,写一个web,然后部署.感觉整个这样的流程下来十分过程十分繁琐.还好有大牛已经考虑到我们的感受,hexo,jekyll配合github就可以搭建博客,github作为服务器这样还省去了租用服务器的费用.下面简单介绍下个人博客的整个制作过程.

安装git

部署服务器需要使用github,所以git成了必要工具。

sudo apt-get install git

安装node.js

我直接在node.js的官网下载二进制包来安装的,下载过后,解压,设置软链接。

ln -s /your/nodejs/dir/bin/node /usr/local/bin/node
ln -s /your/nodejs/dir/bin/npm /usr/local/bin/npm

将上面路径替换成你的nodejs真实路径,也可以直接将node可执行文件拷贝到/usr/local/bin目录下。

npm 是nodejs的包管理工具.

安装hexo

sudo npm install -g hexo-cli

安装hexo需要使用npm包管理器来安装,安装好后运行hexo命令,控制台提示说找不到该命令,让我郁闷了一哈,后来才发现hexo命令在/your/nodejs/dir/bin/目录下,还是老办法,设置软链接。

ln -s /your/nodejs/dir/bin/hexo /usr/local/bin/hexo

建立站点

进入一个本地磁盘目录(目录里面必须没有其他文件),或可以新建一个文件夹blog,然后使用命令进入这个文件内

hexo init blog

blog目录就是你的站点根目录,目录里面的_config.yml是站点配置文件,后面还会说到主题配置文件,每一个主题都用一个_config.yml文件,不要搞混了,到目前为止博客环境已经搭建完成。

本地调试

博客搭建好了,没有run起来感觉心里是虚的,接下来我们把博客run起来看,首先生成静态页面。

hexo generate(可以缩写成g)

启动本地服务,在浏览器输入http://localhost:4000就可以看效果了。

hexo server(可以缩写成s)


看到上图出现,说明本地搭建博客成功。

配置github

hexo生成的静态页面是要上传到github上面的,所以需要配置好github,首先需要在github上建立一个仓库,仓库名格式是username.github.io,比如我的就是ronghuaxu.github.io,不要乱取,不然配置不成功。之后编辑站点配置文件在末尾加入。

deploy:
      type: git
      repo: https://github.com/ronghuaxu/ronghuaxu.github.io.git
      branch: master

repo行需要替换成你自己的仓库路径,保存之后运行如下命令。

npm install hexo-deployer-git --save
hexo deploy(可以缩写成d)

至此hexo已经关联好了github,在浏览器输入http://username.github.io/,比如我的是[http://ronghuaxu.github.io/](http://ronghuaxu.github.io/)就可以浏览了,github默认提供的是一个二级域名,你也可去阿里云购买域名,替换掉github提供的。

阿里云域名替换

  • 如上图所示添加如上的两条解析规则,其中151.101.72.133是我的http://ronghuaxu.github.io/对应的ip地址,这个地址你可以使用chrome审查网络请求可以查看.

创建一个标签页

hexo new page "about" 
hexo clean
hexo generate(可以缩写成g)
hexo deploy(可以缩写成d)

同理可以创建categories(分类),tags(标签).

发表文章

  • 使用命令

    hexo new "xxxxxxxx" 
    hexo clean
    hexo generate(可以缩写成g)
    hexo deploy(可以缩写成d)
    

    以上是发表文章的步骤,执行hexo new 之后会在站点目录的source/_posts/目录下生成.md结尾的博客

  • 直接在source/_posts/目录下放入Markdown文件

  • 带上分类和标签以便更好地管理blog(在Maekdown文件前,带上文章地title,tags,categories可以方便实现)

我用的MacDown来写博客的。针对自己的喜欢,可以选择适合自己的Markdown软件来编写自己的博客.

设置主题

我使用的是NexT主题,目前github星星数最多的一个主题,主题界面一般,主要是文档齐全吧,所以很受人们欢迎,我也建议新手使用该主题,主题配置参考NexT官方文档。

多电脑发布博客

公司电脑和家用电脑都可以写博客,当环境搭建好后,怎么进行文章同步呢,我使用的是github,我在github上创建了一个名为blog的仓库用来存放博客文件,你需要将本地站点blog目录进行hexo clean之后,hexo clean执行过后就是删除public里面生成的静态页面等操作,将剩下的文件放入github同步就可以了。

参考文章

hexo官方文档

NexT主题官方文档

欢迎大家关注:huazi's微信公众号