眼前的苟且

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

写在前面

为什么要搭建专属博客?每个人有每个人想法。很显然,反正你看到了这篇文章就说明你有一些想法。
不多赘述,开始搭建。
注意:本篇针对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”,回车),输入下面代码:

1
npm install -g hexo-cli

安装完成后输入

1
hexo

显示如下图,则安装成功!
1
关于Hexo的更多使用,参考官方文档:https://hexo.io/zh-cn/docs/

正式搭建博客

1、本地运行Hexo

在你喜欢的硬盘下建一个项目文件夹(名称随你喜欢,Blog、Hexo等等都可以),在该文件夹下,按鼠标右键出现如下图,
2
选择Git Bash Here,进入如下窗口:
3
在窗口中输入:

1
npm install

再输入:

1
hexo generate

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

1
2
npm install
hexo server

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

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

首先在 https://git.oschina.net/ 上注册一个账号。
登陆后,点击页面右上角加号,选新建项目,填写如下信息,创建。如下图:
6
创建完成后,得到项目的HTTPS,复制。
7
在原先打开的git bash here 窗口依次输入如下代码:

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

然后打开项目根目录下的_config.yml 文件,修改最后的deploy属性,修改后如下
8
注意:repo的值是之前复制的码云项目上的HTTPS。
修改完,在git bash here 窗口输入下面代码:

1
2
hexo generate
hexo deploy

然后会弹出一个对话框,输入你的码云账号密码,账号最好填写你注册时用到的邮箱。
到此,部署完成。进入码云你创建的项目,看是否已经有类似下面的文件,如果有,那么恭喜你部署成功啦!
9
然后,启动码云的pages功能,如图:
10
访问链接即进入你的博客:
11
至此,专属你的博客搭建成功了,你的专属域名:https://yourusername.oschina.io
希望本文能给你带来帮助,如有疑惑欢迎联系我!

希望本文能给你带来帮助,如有疑惑欢迎联系我!关于使用hexo+GitHub搭建静态博客,网上有很多文章,大家自行百度,结合本文基本能够搭建成功。关于C语言的学习请参考 https://yuanfangdetianye.oschina.io

Jack Lin wechat
闲来无事聊聊编程,来【35度C】吧。
欣赏本文?求打赏!求鼓励!