前言
对于技术空白却想拥有个站的小伙伴,对于想安安静静写文章的小伙伴,对于想方便管理资料的小伙伴,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
四、本地部署
1.输入命令$(安装hexo server):sudo npm install hexo-server
2.输入命令$(生成静态页面):hexo g
或hexo generate
3.输入命令$(打开hexo本地服务):hexo s
或hexo 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 新姿势