余苏明的幻想乡

hexo搭建自己的博客

写在前面

以前就一直想建一个博客写点东西记录生活装逼,最近买了个vps,就想搭建一个博客。
然后上网根据教程,好歹搭建起来了。能用就行,后期优化吧。
我是参照5分钟 搭建免费个人博客hexo官方文档搭建的,使用的是linux centos6系统,window的安装百度就行

准备

1. 准备一个github的域名和仓库

  • 注册github账户
  • 建立仓库
    创建一个你自己的仓库,命名为username.github.io例如,我的仓库名就是summingyu.github.io,这个username一定要与你前面的Owner一致

2. 搭建环境

安装hexo要先安装git(用来同步本地页面和github仓库),nodejs

安装git

  1. 如果有配置yum源,直接使用yum安装
    1
    yum -y install git

没有yum,配置yum之后用yum安装括弧笑

  1. 下载源码编译安装。最新源码地址:https://github.com/git/git/releases
    例如现在最新版本为2.11.0-rc1
    1
    2
    3
    4
    5
    6
    7
    8
    9
    wget https://github.com/git/git/archive/v2.11.0-rc1.tar.gz
    # 得到一个源码包,解压
    tar xvf v2.11.0-rc1.tar.gz
    cd v2.11.0-rc1
    #编译安装,一下步骤一步一步来
    autoconf
    ./configure
    make
    make install

然后修改/etc/ld.so.conf文件,在最后一行添加

1
/usr/local/lib

如果有就不用添加了。这时候就安装好了,查看一下版本:

1
2
[summingyu@localhost source]$git --version
git version 2.11.0.rc1

发现已经是最新的版本了。

注意:如果以前安装了低版本的git,要重新加载一下~/.bash_profile文件

1
source ~/.bash_profile

安装nodejs

  1. 安装nvm,是nodejs的版本管理器,可以轻松切换版本
    1
    $ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

安装完成后重启终端或者重新加载配置文件source ~/.bash_profile
测试nvm看是否有命令,如果有,那就安装成功了

  1. 安装nodejs
    1
    nvm install 4

安装hexo

如果上面的都安装成功了,那么就可以安装hexo了.执行命令

1
npm install hexo-cli -g

以上都完成了的话,那么环境就搭建好了

hello,world

都部署完了的话,就写一篇hello,world吧!毕竟程序员都会

初始化博客

执行下面的命令,下面的username.github.io就是上面你在github上创建的仓库

1
hexo init username.github.io

修改配置

主题安装

目前流行的是使用next极简主题

1
2
cd username.github.io
git clone https://github.com/iissnan/hexo-theme-next themes/next

基础配置

hexo有官方指定的配置文档https://hexo.io/zh-cn/docs/configuration.html
查看上面的配置,想配啥配啥。下面列出主要配置

1
2
3
4
5
6
7
8
9
10
11
12
title: 余苏明的幻想乡 #博客名称
subtitle: summingyu's blog #副标题
description: “Talk is cheap. Show me the code.”————多说无益,看代码 #描述
author: Summingyu #作者名(填你自己的)
email: summingbest@gmail.com
language: zh-Hans #显示的语言
timezone: Asia/Shanghai #时区
avatar: /images/avatar.png #头像图片
url: https://summingyu.github.io
deploy:
type: git #使用Git 发布
repo: https://github.com/username/username.github.io.git # 刚创建的Github仓库

主题配置

主题配置在username.github.io/themes/next/_config.yml中修改链接

注意:如果启动后发现主题空白,注意看主题配置_config.yml_internal字段,如果是_internal: vendors就改成_internal: lib
查看作者原始解决方案

编写第一篇文章吧

  1. 手动创建文件
    在目录username.github.io/source/_posts下创建第一篇文章Hello,World.md

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    ----
    title: "Hello,World"
    date: 2016-11-17 11:42:00
    tags:
    - 学习
    - 基础
    categories:
    - sed and awk 101 hacks
    ---
    > Hello,World!咪啪
  2. 使用命令创建
    可以使用hexo n "Hello,World"
    程序会自动在username.github.io/source/_posts目录下创建Hello,World.md文件,然后按照上面的编写就行了。

    测试看看是否成功

    使用命令hexo s启动服务
    当出现

    1
    INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

说明已经启动成功了,可以用浏览器访问本地的127.0.0.1:4000查看结果了。如果部署在远程服务器,访问远程服务器的4000端口就行。

安装自动部署工具

1
npm install hexo-deployer-git --save

上传到github仓库

以上全部完成,那么,可以上传本地文件到github仓库了

1
hexo clean && hexo g && hexo d

执行这个命令后,让你输入github的账户密码,输入完成后就可以在浏览器上访问
https:/username.github.io.git