美文网首页
利用GitHub+Hexo免费搭建个人Blog

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

作者: maxwellyue | 来源:发表于2016-12-16 20:00 被阅读85次

免费、简洁的个人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文件时,加上``这句,在此之前写文章摘要或前言,之后写正文。这样,首页就会只显示文章标题和摘要内容,而不会全部显示全文。

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 写作体验

相关文章

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

    免费、简洁的个人Blog的实现。主要是流程的记录,具体的配置都给出了教程链接,免得以后再做同样的工作的时候又要从零...

  • Github+Hexo搭建免费个人博客

    经过各种找资料,踩过各种坑,终于搭建好了hexo,域名目前用的是github的,我的hexo是3.2.2版本,he...

  • 使用github+hexo搭建免费个人博客

    注:本文搭建的是静态博客,且托管于github 一、准备工作 1. 拥有一个github账号,没有就注册一个 2....

  • github+hexo免费搭建个人博客教程

    1.缘起 平时爱写一些文字,但文字分散在公众号、简书、豆瓣等平台上,没有体系化,想搭建博客把所有文章放在一起。目前...

  • Github+Hexo搭建静态Blog自学教程

    Hexo 是基于Node.js的静态Blog搭建工具,结合 Github Pages功能,能够建立一个自主管理的独...

  • 基于github+hexo全过程

    基于github+hexo搭建个人博客全过程 VENI VIDI VICI 时值2018清明假期,最近趁着换工作的...

  • Markdown和微信公众号排版

    前言 微信公众号排版复杂,但推广方便;Github+Hexo搭建个人博客,写作方便(Markdown语言),但推广...

  • 利用GitHub零基础搭建免费Blog博客

    前言其实平时自己写的文章并不多,偶尔看到一些东西会做点笔记,但是每次写的东西都会到处放,不好找,所以才想着自己搭建...

  • hexo+github搭建博客

    刚开始我也是很不理解为什么要利用github+hexo搭建博客,现在差不多能理解,首先逼格很高,其次用github...

  • 使用Hexo搭建免费Blog

    文章首发于个人博客使用Hexo搭建免费Blog Hexo是基于Node.js开发的静态博客生成器,界面简洁优雅,深...

网友评论

      本文标题:利用GitHub+Hexo免费搭建个人Blog

      本文链接:https://www.haomeiwen.com/subject/ajxomttx.html