Hexo博客搭建初体验

原创
2017/06/10 22:29
阅读数 30

经过多天的学习与尝试,踩过不少坑,终于是把博客搭建成功了,

下面我把我的博客搭建过程分享出来,希望能对你起到一定的帮助!

准备阶段

一、安装Node.js(必须)

因为搭建博客所用的hexo框架是基于Node.js开发的,所以我们必须要先安装Node.js。 Node.js官网

安装方法也比较简单,按照默认选项一项一项进行即可。

二、安装Git(必须)

Git的作用就是把本地仓库的内容提交到github网站上或者把github上的项目克隆到本地仓库中,对后续的hexo博客部署起着决定性的作用。 Git官网

由于众所周知的原因,国内访问Git比较困难,这里提供了一个国内网盘下载链接。 Git网盘下载地址

三、注册Github账号(必须)

github一个通过Git进行版本控制的软件源代码托管服务。我们的hexo博客正是搭建与此基础上,所以需要开发者先申请注册github账号,并且创立一个名为yourname.github.io的仓库(yourname为你的github账户名称)。 另外github上聚集了许多著名的技术界公司和顶尖开发者的开源项目,体现了技术前沿的发展趋势,是我们一个不可多得的资料库。 Github官网

安装配置Hexo (针对windows)

一、 安装hexo

创建一个文件夹,命名为blog(根据自己喜好命名),在Gitbash中执行以下git命令来安装hexo。

$ npm install -g hexo-cli

二、 建立文件

安装完成hexo后,执行以下命令,hexo将会在指定文件夹下新建所需文件。

$ hexo init <folder>
$ cd <folder>
$ npm install

新建完成后,指定文件夹的目录如下

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

三、 生成静态页面

执行以下命令,让hexo生成静态页面。

$ hexo generate

可简写为

$ hexo g

执行完后会在blog目录里生成public文件夹,里面存放着发布的博客内容。

四、 在本地预览

执行以下命令,启动hexo服务,进行本地hexo博客效果预览与调试。

$ hexo server

可简写为

$ hexo s

完成后打开浏览器输入网址http://localhost:4000, 如果正常显示hexo默认初始页面,说明之前的配置正确, hexo已经在本地部署成功。

常见hexo配置错误

(待补充)

结语

至此,hexo的基本配置步骤已经完成。 小伙伴们可以快乐地玩耍啦!

参考资料:

1.Hexo中文文档

2.Hexo的Github地址

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部