领取淘宝天猫优惠券:优惠淘 | 欢迎使用随心而码微信小程序,微信搜一搜【随心而码】可直接搜到。

搭建个人免费博客:利用Hexo在码云上部署博客

其他技术 Hicoder 436℃ 0评论

写在前面

为什么要搭建专属博客?每个人有每个人想法。 注意:本篇针对win7 x64 。不多赘述,开始搭建。

工具介绍

大家想了解工具的,看官方文档。

1、码云pages,参考 https://git.oschina.net/

2、Hexo:https://hexo.io/zh-cn/

准备工作

1、安装node.js

参考 http://www.runoob.com/nodejs/nodejs-install-setup.html

2、安装Git

参考 http://www.runoob.com/git/git-install-setup.html

3、安装Hexo

安装好node.js、git后,打开cmd窗口(开始—->搜索框输入“cmd”,回车),输入下面代码:

   npm install -g hexo-cli

安装完成后输入

   hexo

显示如下图,则安装成功!

关于Hexo的更多使用,参考官方文档:https://hexo.io/zh-cn/docs/

正式搭建博客

1、本地运行Hexo

在你喜欢的硬盘下建一个项目文件夹(名称随你喜欢,Blog、Hexo等等都可以),在该文件夹下,按鼠标右键出现如下图,

选择Git Bash Here,进入如下窗口:

在窗口中输入:

   npm install

再输入:

   hexo generate

然后在该文件夹下一般会出现如下文件:

有的电脑上项目文件夹下没有 .deploy_git、public和db,没事。 到了这里,你已经建好了一个博客,不过现在只能在本地运行。本地运行预览方法如下(以后都可以通过以下代码预览):

   
   npm install
   hexo server

在浏览器中输入 http://localhost:4000 就可以看到刚刚搭建好的博客了。如图:

2、将搭建好的博客部署到码云pages

首先在 https://git.oschina.net/ 上注册一个账号。 登陆后,点击页面右上角加号,选新建项目,填写如下信息,创建。如下图:

创建完成后,得到项目的HTTPS,复制。

在原先打开的git bash here 窗口依次输入如下代码:

   
   hexo generate
   npm install 
   hexo-deployer-git --save

然后打开项目根目录下的_config.yml 文件,修改最后的deploy属性,修改后如下

注意:repo的值是之前复制的码云项目上的HTTPS。 修改完,在git bash here 窗口输入下面代码:

   
   hexo generate
   hexo deploy

然后会弹出一个对话框,输入你的码云账号密码,账号最好填写你注册时用到的邮箱。 到此,部署完成。进入码云你创建的项目,看是否已经有类似下面的文件,如果有,那么恭喜你部署成功啦!

然后,启动码云的pages功能,如图:

访问链接即进入你的博客:

至此,专属你的博客搭建成功了,你的专属域名:https://yourusername.oschina.io 。 希望本文能给你带来帮助,如有疑惑欢迎联系我!关于使用hexo+GitHub搭建静态博客,网上有很多文章,大家自行百度,结合本文基本能够搭建成功。

转载请注明:随心而码 » 搭建个人免费博客:利用Hexo在码云上部署博客

喜欢 (6)