HEXO搭建个人博客(一)：发布第一篇文章

2017-05-17 本文已影响7730人 flappy802

本文发布于我的个人博客：flappy8023.xyz

前言

很早就有过拥有一个属于自己的网站的想法，直到一个偶然的机会在简书上看到了利用Hexo和GitHub搭建静态博客的教程，再加上一月份在万网上1元购得的.xyz域名，一个大胆的想法诞生了

正文

安装node.js

以Windows环境安装node.js为例，首先登录node.js官网，选择适合自己的版本进行下载，然后进行安装。

安装git客户端

登录git官网选择版本进行下载，基本一路next下去即可轻松完成安装。

注意

安装过程中，注意勾选在右键菜单建立git bash快捷方式一项，因为之后的各种操作都需要在git bash中用命令行进行操作，方便随时随地打开命令窗口。

安装及初始化Hexo

终于到了我们的重头戏Hexo，整个博客都是基于Hexo来生成的。Hexo的安装需要通过npm命令来进行，安装完node.js之后就默认安装了npm包管理工具，而npm的官方仓库位于境外，由于众所周知的原因，我们大陆用户基本是访问不了官方源了，所以推荐大家使用淘宝镜像进行替换。

安装Hexo

在电脑任意空白处点击右键，选择Git Bash Here打开命令行

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后就可以使用下面的命令从npm安装Hexo：

npm install hexo-cli -g

初始化Hexo

安装完成之后，就可以选择一个自己的文件夹作为博客的根目录( 例如 C:\blog ),然后在该目录下打开命令行

hexo init

初始化博客空间，生成博客运作所需要的文件，接下来安装依赖包

npm install

此时，你的文件夹下的目录结构应该是这样：

本地运行

接下来自然是要亲眼领略一下博客的真容了。

分别在Git Bash中执行

hexo g

hexo s

会看到这样的提示

在浏览器地址栏输入http://localhost:4000/,按下回车键，准备好迎接美丽的新领域吧。

熟悉的Hello World

Attention:不用试图Ctrl+C从命令行复制地址，相信我，你会很郁闷

Hexo的一些基本命令

hexo g #完整命令为hexo generate,用于生成静态文件

hexo s #完整命令为hexo server,用于启动服务器，主要用来本地预览

hexo d #完整命令为hexo deploy,用于将本地文件发布到github等git仓库上

hexo n "my article" #完整命令为hexo new,用于新建一篇名为“my article”的文章

发布一篇文章

首先Ctrl+C停止当前的本地服务，然后

hexo n "我的第一篇文章"

这样就会在博客目录下source\_posts中生成相应的 我的第一篇文章.md文件( 例如 C:\blog\source_posts\我的第一篇文章.md )

文章需要使用Markdown语法进行编写

可以使用Notepad++等文本编辑软件进行编辑，还是推荐使用专业的支持Markdown语法的编辑器进行打开，例如Windows平台的MarkdownPad可以支持文章的实时预览，效果出众。

编辑完成后就可以进行本地预览