人人都能有一个自己的博客系统(新手向)

316 阅读3分钟

在ubuntu下搭建自己的博客系统

一、准备环境

  • 操作系统 ubuntu 16.04.1 LTS 64位

  • 安装git

    sudo apt install git-core -y
    
  • 使用nvm安装node

    #安装nvm
    wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
    #更新配置,让nvm命令生效
    source ~/.profile
    #安装node指定版本
    nvm install <version>  ----这里我下载node的9.11.1  nvm install v9.11.1
    #使用v9.11.1
    nvm use v9.11.1
    #默认使用v9.11.1(在本机存在多个版本的node,该命令有效)
    nvm alias default v9.11.1
    
    
  • 安装包管理工具(npm)

    #为了提高下载速度,这里下载的地址指定淘宝镜像
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
  • 安装Hexo

    #创建文件夹
    mkdir hexo 
    #进入文件夹
    cd hexo
    #这里一定要全局安装,否则后边的 hexo 命令无法使用
    cnpm install hexo-cli -g
    #初始化hexo
    hexo init
    #打开hexo服务
    hexo server 
    

打开浏览器,输入http://127.0.0.1:4000,应该就能看到一个简易的博客系统了

到这里,如果大家有自己的服务器和域名就可以直接部署了(部署Node网站的教程网上很多了,我就不再赘述了),如果没有服务器的同学可以继续往后看。

二、将博客部署到Github上

  • 注册Github

  • 修改Git配置

    #需要与你Github的用户名,邮箱一致
    git config --global user.name "用户名"
    git config --global user.email "Github的注册邮箱"
    
  • 生成SSH密钥

    #SSH,生成过程中一直回车就行
    ssh-keygen -t rsa -b 4096 -C "Github的注册邮箱"
    #启动SSH代理
    eval $(ssh-agent -s)
    #将私钥添加进SSH代理
    ssh-add ~/.ssh/id_rsa
    #查看ssh的公钥,并复制打印出的内容
    cat ~/.ssh/id_rsa.pub
    

  • 在GitHub账户下添加SSH,把刚才复制的内容粘贴过来就行

  • 创建Github仓库,这里仓库名称不可以随便起,命名格式为 userName.github.io ,userName是Github的用户名称,不可以更改

  • 修改hexo的配置文件

    #进入hexo的目录
    cd hexo 
    #使用vim修改配置文件
    vi _config.yml
    #按下键盘的 i 键,左下角出现 -- INSERT -- ,进入编辑模式
    i
    #在文件的最下边找到	deploy,使用下边的内容替换
    
    deploy:
        type: git
        #括号里面换成自己的用户名和仓库名,去掉括号
        repo: git@github.com:(BoView)/(BoView).github.io.git
        branch: master
    

    修改过后的内容为

    deploy:
        type: git
        repo: git@github.com:51TinTin/51TinTin.github.io.git
        branch: master
    

    #编辑完,按ESC进入命令模式
    ESC
    #输入:wq,保存并退出
    :wq
    
    

三、测试并部署

  • 依次执行下列命令
    #清空静态页面
    hexo clean
    #生成静态页面
    hexo g
    #将public文件内容部署到 github 仓库
    npm install hexo-deployer-git --save
    #部署
    hexo d
    

四、绑定域名

之后的操作就以我上边创建的仓库为例,我的域名是 happynode.cn

  • 在域名解析中添加一条CNAME记录,需要我们填写的内容如下所示

    • 第一列为主机记录,可以随便填,我这里填写blog
    • 第二列记录类型,这里我们选择CNAME
    • 第四列记录值:这里填写 51TinTin/51TinTin.github.io
    • 第六列TTL,默认600就好

域名解析的过程有时可能比较久,等个5~10分钟应该就可以访问了

大功告成!!!

下面访问 blog. happynode.cn 一个简单的博客,就能看到一个hexo默认的博客了,如果想要打造自己个性化的博客,可以去hexo官网看看传送门