美文网首页
Mac-Hexo建站笔记(一)

Mac-Hexo建站笔记(一)

作者: 达噜六 | 来源:发表于2017-07-04 18:49 被阅读0次

前言

对于技术空白却想拥有个站的小伙伴,对于想安安静静写文章的小伙伴,对于想方便管理资料的小伙伴,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 新姿势




相关文章

网友评论

      本文标题:Mac-Hexo建站笔记(一)

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