搭建 Hexo Blog

Hexo 需要 GitNode 的支持,所以烦请各位想用 Hexo 搭建博客的同学自行安装 GitNode,然后再来阅读本文档。

安装 hexo 脚手架

➜  ~ npm install -g hexo-cli
/usr/local/bin/hexo -> /usr/local/lib/node_modules/hexo-cli/bin/hexo
+ hexo-cli@3.1.0
added 67 packages from 317 contributors in 6.685s

如果因为权限问题安装失败的,那么在命令前添加 sudo,输入密码后就可以安装了

图1,安装hexo-cli

通过 hexo -v 可以检查 hexo-cli 是否安装成功

➜  ~ hexo -v
hexo-cli: 3.1.0
os: Darwin 19.0.0 darwin x64
node: 12.12.0
v8: 7.7.299.13-node.12
uv: 1.32.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 72
nghttp2: 1.39.2
napi: 5
llhttp: 1.1.4
http_parser: 2.8.0
openssl: 1.1.1d
cldr: 35.1
icu: 64.2
tz: 2019a
unicode: 12.1

创建 hexo 博客

通过终端进入您想要创建博客的文件夹中,执行初始化命令:

hexo init
图2

创建完毕后,我们可以看到生成了很多的文件及文件夹,如下:

图3

其中比较主要的有:

.
├── source          //用于存放博客的 markdown 文件,以及静态文件
│   └── _posts      //博客的 markdown 文件
├── themes          //存放博客主题
└── _config.yml     //我们博客的配置文件,可以配置title、主题、发布地址等

到这里,博客基本算是创建完毕了。

预览博客

在终端中,执行 hexo s 启动服务器,我们就可以在浏览器中看到我们博客了。默认情况下,访问网址为 http://localhost:4000/

图4

发布博客

本章讲述的是将博客发布到 GitHub 上,如果想发布到自己的服务器上,请酌情修改,基本上大同小异。

建立一个博客仓库

  1. 我们需要准备一个 GitHub 账号

    首先我们需要一个GitHub账号,我想大家应该都有这个吧,如果没有请自行申请,这里我就不做赘述了。

  2. 创建一个用于存放博客的仓库

    图5

    网上大多数的人都建议创建一个如图所示的项目,即xxx.github.io,红框中的内容与账户名保持一致。PS.忽略图中红色的报错,我这边报错是因为我已经创建了相同名字的项目✧(≖ ◡ ≖✿)

    小声哔哔:
    通过我的测试,其实项目起什么名字并不重要,都可以访问到,我觉得大多数人以xxx.github.io当项目名字,只是为了后期访问好看罢了🙄

安装博客发布工具

为了方便快捷的将我们本地的博客发布到 GitHub 上,建议大家安装 hexo-deployer-git 自动部署发布工具。

  1. 安装插件

    在博客的根目录执行 npm install hexo-deployer-git --save

    图6

  2. 修改配置文件

    发布工具安装完毕后,我们还需要在_config.yml文件中配置一下我们的GitHub的地址,否则我们上传到哪去呢,是不是?<( ̄︶ ̄)>

    打开_config.yml文件,搜索deploy,这个就是我们要配置的地方了,如果没有就在文件的最后添加下面的代码。

    deploy: 
     type: git
     repo: github上的项目地址
    

    注:
    1.上面的配置中,冒号和你填写的内容间一定要有个空格,这是标准的格式,没得谈!!!
    2.有的同学可能会问可不可以发布到某个分支上,答案是不能。原因请看下图,箭头所指处,明确说明User pages must be built from the master branch.

    图7

编译&部署博客

接下来就剩下发布这一步了,在终端中进入博客的根目录,执行:

hexo clean && hexo g && hexo d

当您看到 INFO Deploy done: git 时,就说明您的博客成功发布到GitHub上了,通过访问 http://xxx.github.io/,就可以访问到您的博客了,记得把 xxx 换成您的项目名。

图8

日常更新博客

当新写了博客文章,或者是修改了主题,仅需通过终端,进入本地博客的根目录,执行hexo clean && hexo g && hexo d。然后就可以在博客中看到最新的文章或是主题了。

具体Hexo的命令,可以在Hexo官网中找到


Title: 搭建 Hexo Blog

Date: 2017.11.26

Author: zhangpeng

Github: https://github.com/fullstack-zhangpeng

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,524评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,869评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,813评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,210评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,085评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,117评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,533评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,219评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,487评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,582评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,362评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,218评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,589评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,899评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,176评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,503评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,707评论 2 335

推荐阅读更多精彩内容