前言:

  • 之前写过一篇使用hexo+github page搭建免费的博客
    本文还是使用hexo框架,不过博客托管改成使用码云Pages,不是github Pages,不过方法都大同小异,所以你会发现后面很大一部分基本一样,只是改了一点 如果想具体了解码云Pages和Hexo的可以到官网查看文档,附上地址:

    码云Pages
    hexo官网

    0x1创建码云Pages

  • 请到https://git.oschina.net/signup 注册码云账号
    个性地址自己想一个好听好看的。。

1.新建一个项目


2.项目名字有点需要注意的就是,如果你想使用个性地址直接访问到你的博客,那么项目名字你需要写注册账号填写的个性地址,如果不是用个性地址做项目名字的话,访问博客的地址就是域名+项目地址:例 (http://j2u.oschina.io/myblog) 填完点击创建

如果你之前有github Page的博客也可以直接导入

3.创建好项目之后新建一个index.html

写一个简单的html测试文件,并命名为index.html,官方文档说了,没有index.html无法访问。写好了提交一下即可

4.点击Pages,选中master并启动服务

5.启动完成,点击博客地址访问博客

6.访问成功,看到了刚才编写的html

码云Pages已经创建好了

0x2 安装Node.js和Hexo

  • 安装git
    打开终端 alt+ctrl+T 在终端输入命令:

    1
    sudo apt-get install git
  • 安装node.js
    安装node.js前需要安装g++编译器,如果你已经安装过此处可以跳过
    在shell终端执行命令

    1
    sudo apt-get install build-essential

node.js安装方式有几种,我是用源码编译的方式安装的,源码下载https://nodejs.org/en/download/ 当然你可以选择其他的安装方式。
下载完源码解压到任意目录,然后进入到解压目录执行以下命令:

1
2
3
./configure
make
sudo make install

make编译的时间有点长,取决于你的电脑配置,像我的电脑就编译了半个钟….
安装完之后测试node.js是否安装成功,在shell终端输入:

1
node -v

安装成功了会输出node.js的版本信息,我的是6.9.2:

1
v6.9.2

  • 安装npm
    在shell终端执行命令:
    1
    curl http://npmjs.org/install.sh | sudo sh

如果使用上面的命令一直卡主不动可以换一种方法,node.js的github可以看文档

1
2
3
4
sudo apt-get install python-software-properties
sudo add-apt-repository ppa:gias-kay-lee/npm
sudo apt-get update
sudo apt-get install npm

  • 安装hexo
    命令:

    1
    sudo npm install -g hexo
  • 配置hexo
    创建一个存放博客的文件夹,然后进入到该目录

    1
    2
    mkdir myBlog
    cd myBlog

执行命令初始博客的根目录

1
2
hexo init
npm install

  • 让hexo关联到github.io
    安装hexo-deployer-git:
    1
    npm install hexo-deployer-git --save

配置hexo博客根目录下的_config.yml文件:
找到# deploy节点编辑:
type: 填写 git
repo: 填写你的码云Pages地址
branch: 填写 master
注意:”: “ 后面有一个空格,一定要细心

1
2
3
4
5
6
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@git.oschina.net:yourname/yourname.git
branch: master

  • 配置ssh
    首先配置一下git
    “youremail”是你个人的具体邮箱地址

    1
    2
    git config --global user.email "youremail"
    git config --global user.name "youname"
  • 生成秘钥:
    输入命令

    1
    ssh-keygen -t rsa -C "yourmail"

之后提示Generating public/private rsa key pair. Enter file in which to save the key (/your_home_path/.ssh/id_rsa):
按enter键之后提示:
Enter passphrase (empty for no passphrase): [Type a passphrase] Enter same passphrase again: [Type passphrase again]
可以不输入直接enter
最后的生成信息:

1
2
3
4
Your identification has been saved in /your_home_path/.ssh/id_rsa.
Your public key has been saved in /your_home_path/.ssh/id_rsa.pub.
The key fingerprint is:
#01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db yourmail #指纹每个人的都不一样的

在相应的目录会生成两个文件 id_rsa 和 id_rsa.pub

  • 将ssh key添加到码云
    打开id_rsa.pub把内容复制,粘贴到 SSH公钥
    title自己写一个,key就是复制的内容,然后确定
  • 验证一下SSH是否配置成功了
    输入命令:
    1
    ssh -T git@git.oschina.net

如果成功了你会看到类似于Welcome to Git@OSC, imch1n! 的提示信息。(imch1n是我的名称,每个人不一样)

到这里安装和配置都完成了啦,那么让我们来开始写第一篇博客吧!

  • 第一步:创建一个新页面(名字随意,此处叫“helloHexo”)

    1
    hexo new post "helloHexo"
  • 第二部:生成html

    1
    hexo generate
  • 第三步:发布到码云Pages

    1
    hexo deploy

好了赶紧打开自己博客看看效果吧,在浏览器输入博客地址,例如我的地址是:https://j2u.github.io ,是不是看到了自己的博客啊!

0x3 给博客换主题

按照文档说的去安装一些依赖包,不同的主题依赖包不一样,详细的信息请看主题安装的doc

  • 主题安装完之后编辑本地博客的根目录下的 _config.yml,找到Extensions节点,修改theme: themenName 保存即可
    1
    2
    3
    4
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: indigo #修改此项

我是一个小菜鸟,如有错漏,虚心接受批评指正。