经过多天的学习与尝试,踩过不少坑,终于是把博客搭建成功了,
下面我把我的博客搭建过程分享出来,希望能对你起到一定的帮助!
准备阶段
一、安装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中文文档