Hexo搭建本地个人博客(基础篇)

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装Hexo

建立 Hexo 只需要几分钟,安装 Hexo 非常简单。但是,您首先需要安装其他一些东西。

  1. Node.js   (Node.js 版本需不低于 8.6,建议使用 Node.js 10.0 及以上版本)
  2. Git

如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。

1
$ npm install -g hexo-cli

如果没有,那就一起来看下面吧 (这里只说一下 windows 的安装,因为本人现在比较穷,买不起mac啊 テ_デ,其他相关教程大家就去搜搜很多的。)

安装git

安装git

安装地址

一切按照默认走就行了,没什么特殊的地方,安装完成之后检查git是否安装成功(执行一下cmd命令),显示版本号即为成功!

1
git --version

安装Node.js

安装Node.js

安装地址

我们这里简单点,直接下载并运行安装程序就完了,还是走默认就行,安装完成之后检查 node 是否安装成功(执行一下cmd命令),显示版本号即为成功!

1
node -v

安装Hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

1
$ npm install -g hexo-cli

利用Hexo初始化我们的站点跟目录(文件)

1
2
3
$ hexo init <文件夹>
$ cd <文件夹>
$ npm install

选择你想要的盘符来建立我们的博客站点文件,我这里选择 D:\blog ,这里的 blog 是你的文件夹名字(根据自己的喜好建一个文件夹)

init hexo

cd 到你的站点目录下,然后 初始化站点 $ npm install,执行成功后到你的 blog 文件夹下看看是否这样的(一致就成功啦~~)

blog

介绍几个个命令 ,以后经常要用到的

1
2
3
hexo g: 编译,生成静态文件,也就是public文件夹的东西。
hexo s: 开启本地服务(以上两步的操作可以合并成hexo s -g)。
hexo clean: 顾名思义就是清除缓存的意思了啦,这招一般在你改动之后网站没有变化时候用。

接下来看看 你博客的初步成果吧。

进入 blog 文件根目录:

  1. 执行命令: hexo ghexo s
  2. 然后在你的浏览器输入http://localhost:4000,查看你的博客。

blog首页

到此为止,你的个人博客就已经搭建完成了。

点击查看

本文标题:Hexo搭建本地个人博客(基础篇)

文章作者:John Xu

发布时间:2019年10月12日 - 09:21:07

最后更新:2019年11月22日 - 06:35:38

原始链接:https://hasaik.com/posts/e1b9c6c5.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------
0%