Hexo博客搭建初体验

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

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

准备阶段

一、安装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地址

转载于:https://my.oschina.net/u/3296367/blog/918556

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值