利用GitHub+Hexo免费搭建个人Blog

免费、简洁的个人Blog的实现。主要是流程的记录,具体的配置都给出了教程链接,免得以后再做同样的工作的时候又要从零开始。按照这个流程执行下去,应该可以打造出一个简单的个人Blog。

GitHub + Hexo 的配置

Hexo的配置文件修改

  • 将网站改为中文

    打开Hexo目录下的_congif.yml,在language:后面添加字段zh-Hans

  • 创建分类和标签

    按照这个教程配置:
    创建分类和标签

  • 添加评论功能

    第一步:

    进入多说官网,点击“我要安装”,创建站点,站点名称随意填写,站点地址写个人网页的主页: https://your-username.github.io/,多说域名只要不与他人重复即可,如:http://duoshuo_shortname.duoshuo.com,其中duoshuo_shortname是你自己要填的,这个duoshuo_shortname待会也要用到。

    第二步:

    打开Hexo目录下的_congif.yml,在最下方添加:duoshuo_shortname: your-duoshuo-shortname

  • 添加文章阅读量

    这里采用的是LeanCloud。这个教程非常详细。为NexT主题添加文章阅读量统计功能

一些问题

  • 博客删除后还在

    问题描述:博客文件在Hexo/source/_posts目录下手动删除后,执行hexo clean、hexo generate、hexo deploy后,刷新网页发现博客依然存在

    问题解决:手动删除Hexo目录下的db.json文件,重新执行hexo clean、hexo generate、hexo deploy就好了

    正确删除Blog的步骤:到 \source_posts 目录下找到要刪除的文章,刪除;刪掉Hexo目录下的db.json文件;执行hexo clean、hexo generate、hexo deploy

小技巧

  • 发布Blog的时候,直接执行hexo d -g即可,这句命令相当于在执行hexo generate之后执行hexo deploy

  • 很多需求都可以在Next主题的官方文档说明中得到满足:
    NexT主题使用说明

  • 如何让首页只显示文章标题,不显示全文

    在编辑md文件时,加上<!--more-->这句,在此之前写文章摘要或前言,之后写正文。这样,首页就会只显示文章标题和摘要内容,而不会全部显示全文。

Markdown文件编辑工具

无非是编辑工具,各有所爱。我的选择是:Sublime + OmniMarkupPreviewer
  • 安装Sublime

    进入Sublime官网,选择版本,下载后一路下一步安装即可。

  • 安装OmniMarkupPreviewer

    第一步:安装Package Control

    a、下载Package Control 主文件,下载地址;

    b、解压之后,把文件夹名称修改为“Package Control”

    c、打开Sublime,在Preferences菜单下,选择Browse,此时会打开一个文件夹,复制刚才的“Package Control”文件到该目录下面。

    第二步:安装OmniMarkupPreviewer

    打开Sublime,在Preferences菜单下,选择Package Control,输入install 选中Install Package并回车,在弹出的列表中选择OmniMarkupPreviewer,按回车,就会开始安装了。

  • 使用

    在文档页面点击鼠标右键 - 选择Preview Markup in Browser,此时在浏览器中就可以看到md文件的实时编辑效果了。

    关于OmniMarkupPreviewer的更多配置可以参考:近乎完美的 Markdown 写作体验