在Ubuntu的系统下用Github上和HEXO建立自己的博客

[gaowei1012]

在Ubuntu系统下用Github和Hexo建立自己的博客

作为一名前端攻城狮,怎么会没有自己的博客展示自己的技能, 今天自己搞了一个博客(Ubuntu 下搭建 hexo),好了我们接下来进入正题.

使用环境:

• Ubuntu 14.04LTS
• nodejs
• hexo
• github：已注册账户并且创建了仓库

方法步骤：

安装Git,终端输入以下命令，下同:

 sudo apt-get install git

绑定github账户:

git config --global user.name "Github用户名"
git config --global user.email "注册Github用的邮箱"

生成新的SSH key

ssh-keygen -t rsa -C "注册Github用的邮箱"

看到 Enter file in which to save the key (/home/bruce/.ssh/id_rsa): 直接敲回车

看到 Enter passphrase (empty for no passphrase): 设置一个密码

看到 Enter same passphrase again: 重复上面的密码

找到刚生成的SSH key，打开id_rsa.pub复制复制里面的内容:

 cd ~/.shh
 gedit id_rsa.pub

在github里New SSH key 并粘贴。然后测试：

   ssh -T git@github.com 

看到 Are you sure you want to continue connecting (yes/no)? 输入yes。

  *** 安装过node可以跳过这步 ***

安装Node.js:

  sudo apt-get install nodejs

安装npm:

  sudo apt-get install npm 

安装hexo-deployer-git:

  sudo npm install hexo-deployer-git --save

建立博客：

在blog目录（如果没有blog目录，hexo会自动创建）初始化hexo:

  sudo hexo init blog

该命令执行完默认会生成以下目录和文件：

├── node_modules

├── scaffolds

├── source

├── themes

├── _config.yml

├── db.json

└── package.json

解释：scaffolds文件夹存放模板文件（新建文章、页面、草稿等需要基于模板创建）；

source文件夹存放用户内容(文章、图片、CSS、JS等)；

themes文件夹存放主题文件；

_config.yml是网站的配置文件，可以用文本编辑器编辑；

db.json是缓存文件；

package.json为应用程序数据文件。

进入blog文件夹内,安装配置文件:

sudo npm install

安装完配置文件后,启动服务:

sudo hexo server

好了, 现在你会看到命令行窗口的链接地址,打开浏览器输入该地址就可以访问了

配置文件：

打开_config.yml,修改网站的相关配置信息：

   title: Owls Forest                          //网站标题
   subtitle: A Dreamy Living.                      //副标题
   description: A regular guy.                   //简介
   author: Bruce Lou                             //作者
   language: zh-Hans                             //语言
   url: http://gniba.com                         //网址
   permalink: :year/:month/:day/:title.html      //文章链接格式
   theme: next                                   //主题

最后为github配置deploy，在_config.yml文件的最下面:

  deploy:
  type: git
  repo: https://github.com/Github用户名/Github用户名.github.io.git
  branch: master

配置域名：

在/source文件夹下面新建CNAME文件，在里面输入域名gniba.com

写一篇文章：

输入以下命令(该命令在source/_posts/目录新建first-page.md文件（.md是markdown格式）。打开并编辑它：)：

  hexo new 'first-page'

title: "我的第一篇博文"
date: 2016-07-05 11:33:40
tags:
- first
- hexo
- github
categories:
- blog
---
从这里开始，写一些有用的东西，完成你的第一篇博文.

新建关于页面和标签页面：

关于页面

  hexo new page about

该命令在/source目录下新建/about目录，里面的index.md文件即是关于页面，打开并编辑它。
浏览器输入http://localhost:4000/about访问

标签页面：

  sudo hexo new page tags

该命令在/source目录下新建/tags目录，里面的index.md文件即是标签页面，打开并编辑：

  title: 标签
  date: 2016-07-07 22:48:07
  type: "tags"                 //设置页面类型为 标签

主题，使用NexT

获取主题：

  git clone https://github.com/iissnan/hexo-theme-next themes/next

清除缓存并验证主题：

  hexo s --debug

用浏览器访问 http://localhost:4000，如果没有错误提示即是主题安装成功。

修改主题配置文件/themes/next/_config.yml

  keywords:            //添加关键字
  scheme:Pisces        //选择主题样式
  about:               //显示关于：去掉about前面的#
  sidebar
  display: always    //侧边栏一直显示

生成网站，发布到Github page

清除缓存

  sudo hexo clean

生产静态网站：

sudo hexo generate

部署：

  sudo hexo deploy

好了，　以上就是在ubuntu上使用hexo搭建博客的方法，希望喜欢!