Mac-Hexo建站笔记(一)

前言

对于技术空白却想拥有个站的小伙伴,对于想安安静静写文章的小伙伴,对于想方便管理资料的小伙伴,Hexo是非常值得推荐的。作为一个快速、简单且功能强大的一个基于Node依托Github的静态博客框架,我这个技术菜鸟也有勇气尝试一把。

在看了很多前辈的教程后,只会简单css代码的我看得很吃力,所以我记录一下自己的摸索过程,把知识盲点列出来,让更多跟我一样水平线的小伙伴可以借鉴,有不对的地方也希望大神指出。

接下来,开始菜鸟的表演……

一、整体流程

首先我将整体流程简化分为三个部分,是不是很简单很清晰,小伙伴们只要按照这个流程一步一步下去,就可以成功了!


二、工具准备

1.申请github账号

2.安装Node.js

Node 提供Hexo 的安装环境,执行npm命令。

3.安装Git

与github关联的准备文件。

4.安装Git客户端

mac推荐客户端:source tree、item2
win平台有人推荐git bash。

客户端是每个平台都需要下载的,是我们与github交互的软件。从客户端进行以后的更改编辑提交内容。

5.验证
打开git客户端,
输入命令$(查看git版本):git version
输入命令$(查看node版本):node -v
输入命令$(安装npm):npm install -g npm-check
输入命令$(使用npm):npm-check
输入命令$(查看npm版本):npm -v

图片所示,准备工具安装成功


三、正式安装

1.安装Hexo
输入命令$(安装hexo):npm install -g hexo-cli

2.创建放置的文件夹
输入命令$(初始化blog):hexo init /Users/用户名/Documents/blog

· a 创建一个文件夹用来作为你的blog目录。查看目标文件路径(路径查看方式:右键目标文件→显示简介→通用→位置→复制)

· b 如果不写路径,直接输入命令$hexo init blog,将在默认路径"/Users/(用户名)/blog"中增加一个blog目录。

· 创建的blog文件中出现相关内容。

3.输入命令$(进入blog的目录):cd ~/blog/

4.输入命令$(安装依赖包):npm install

Hexo的安装及初始化完成


四、本地部署

1.输入命令$(安装hexo server):sudo npm install hexo-server

2.输入命令$(生成静态页面):hexo ghexo generate

3.输入命令$(打开hexo本地服务):hexo shexo server

浏览本地网址
大功告成!兴不兴奋!意不意外!



附一:掉过的坑遛过的弯

· 如果你的mac上有两个以上的用户,需要切换主账户进行操作。

· 看到不少推荐Homebrew功能很强大,自己试了一下不太行,不知道是不是系统的原因,贴出地址小伙伴可以试试。
(时隔半年发现Homebrew的强大,详情可见附三)

· 在安装过程中总是遇到不可描述的情况,可以试试完全卸载再安一次。完整卸载可以参考:Mac上完整卸载node.js

· 大家在选择教程的时候一定要看清楚,是不是自己的系统,发现很多坑是因为跟着不同系统的教程做的,所以这里再次高亮mac系统的步骤

· npm不稳定可以试试镜像


附二:hexo常用命令

$ hexo g#完整命令为hexo generate,生成静态文件。
$ hexo s#完整命令为hexo server,用于启动服务器,主要用来本地预览。
$ hexo d#完整命令为hexo deploy,用于将本地文件发布到github上,可与hexo g合并为 $ hexo d -g
$hexo n #完整命令为hexo new,写文章。



附三:拓展阅读

·Homebrew:命令行效率工具的敲门砖
·借助 Homebrew Cask,教你快速下载安装 Mac App 新姿势





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

推荐阅读更多精彩内容