如何拥有自己的博客

前置知识

    1.需要掌握linux操作命令

    2.nginx的安装与配置

什么是 Hexo？

    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

安装

    安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序：

    1.Node.js

    2.Git

    如果您的电脑中已经安装上述必备程序，那么恭喜您！接下来只需要使用 npm 即可完成 Hexo 的安装。

$ npm install -g hexo-cli

安装git

    Windows：下载并安装 git.

    Mac：使用 Homebrew, MacPorts ：brew install git;或下载 安装程序 安装。

    Linux (Ubuntu, Debian)：sudo apt-get install git-core

    Linux (Fedora, Red Hat, CentOS)：sudo yum install git-core

安装 Node.js

    安装 Node.js 的最佳方式是使用 nvm。

    CURL:

$ curl https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh

    Wget:

$ wget -qO- https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh

    安装完成后，重启终端并执行下列命令即可安装 Node.js。

$ nvm install stable

    或者您也可以下载 安装程序 来安装。

Windows 用户

    对于windows用户来说，建议使用安装程序进行安装。安装时，请勾选Add to PATH选项。另外，您也可以使用Git Bash，这是git for windows自带的一组程序，提供了Linux风格的shell，在该环境下，您可以直接用上面提到的命令来安装Node.js。打开它的方法很简单，在任意位置单击右键，选择“Git Bash Here”即可。由于Hexo的很多操作都涉及到命令行，您可以考虑始终使用Git Bash来进行操作。

安装 Hexo

    所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

    $ npm install -g hexo-cli

主题

    我的博客采用的是Yilia。

    Yilia 是为 hexo 2.4+制作的主题。 崇尚简约优雅，以及极致的性能。

关于主题

    1.崇尚简约

    2.追求移动端体验

    3.希望把加载速度做到极致

    4.让大家把注意力放到内容上。这是本主题设计初衷

    5.主题不支持IE6，7，8。以后也不会

外观

    手机端页面效果

手机端界面图

    pc端页面效果

pc端界面效果

使用

安装

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

配置

    修改hexo根目录下的 _config.yml ： theme: yilia

主题配置

    主题配置文件在主目录下的_config.yml，请根据自己需要修改使用。

# Header

menu:

  主页: /

  随笔: /tags/随笔/

# SubNav

subnav:

  github: "#"

  weibo: "#"

  rss: "#"

  zhihu: "#"

  #qq: "#"

  #weixin: "#"

  #jianshu: "#"

  #douban: "#"

  #segmentfault: "#"

  #bilibili: "#"

  #acfun: "#"

  #mail: "mailto:litten225@qq.com"

  #facebook: "#"

  #google: "#"

  #twitter: "#"

  #linkedin: "#"

rss: /atom.xml

# 是否需要修改 root 路径

# 如果您的网站存放在子目录中，例如 http://yoursite.com/blog，

# 请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

root:

# Content

# 文章太长，截断按钮文字

excerpt_link: more

# 文章卡片右下角常驻链接，不需要请设置为false

show_all_link: '展开全文'

# 数学公式

mathjax: false

# 是否在新窗口打开链接

open_in_new: false

# 打赏

# 打赏type设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏

reward_type: 2

# 打赏wording

reward_wording: '谢谢你请我吃糖果'

# 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/img/alipay.jpg

alipay:

# 微信二维码图片地址

weixin:

# 目录

# 目录设定：0-不显示目录； 1-文章对应的md文件里有toc:true属性，才有目录； 2-所有文章均显示目录

toc: 1

# 根据自己的习惯来设置，如果你的目录标题习惯有标号，置为true即可隐藏hexo重复的序号；否则置为false

toc_hide_index: true

# 目录为空时的提示

toc_empty_wording: '目录，不存在的…'

# 是否有快速回到顶部的按钮

top: true

# Miscellaneous

baidu_analytics: ''

google_analytics: ''

favicon: /favicon.png

#你的头像url

avatar:

#是否开启分享

share_jia: true

#评论：1、多说；2、网易云跟帖；3、畅言；4、Disqus；5、Gitment

#不需要使用某项，直接设置值为false，或注释掉

#具体请参考wiki：https://github.com/litten/hexo-theme-yilia/wiki/

#1、多说

duoshuo: false

#2、网易云跟帖

wangyiyun: false

#3、畅言

changyan_appid: false

changyan_conf: false

#4、Disqus 在hexo根目录的config里也有disqus_shortname字段，优先使用yilia的

disqus: false

#5、Gitment

gitment_owner: false      #你的 GitHub ID

gitment_repo: ''          #存储评论的 repo

gitment_oauth:

  client_id: ''          #client ID

  client_secret: ''      #client secret

# 样式定制 - 一般不需要修改，除非有很强的定制欲望…

style:

  # 头像上面的背景颜色

  header: '#4d4d4d'

  # 右滑板块背景

  slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'

# slider的设置

slider:

  # 是否默认展开tags板块

  showTags: false

# 智能菜单

# 如不需要，将该对应项置为false

# 比如

#smart_menu:

#  friends: false

smart_menu:

  innerArchive: '所有文章'

  friends: '友链'

  aboutme: '关于我'

friends:

  友情链接1: http://localhost:4000/

  友情链接2: http://localhost:4000/

  友情链接3: http://localhost:4000/

  友情链接4: http://localhost:4000/

  友情链接5: http://localhost:4000/

  友情链接6: http://localhost:4000/

aboutme: 很惭愧<br><br>只做了一点微小的工作<br>谢谢大家

中间栏的配置

    在hexo根目录下，修改_config.yum文件添加以下配置代码。

jsonContent:

  meta: false

  pages: false

  posts:

    title: true

    date: true

    path: true

    text: false

    raw: false

    content: false

    slug: false

    updated: false

    comments: false

    link: false

    permalink: false

    excerpt: false

    categories: false

    tags: true

全文检索的配置

    在hexo根目录下，修改_config.yum文件添加以下配置代码。

search:

  path: search.json

  zipPath: search.zip

  versionPath: searchVersion.txt

  field: post

  #field: post, page or all

生成静态文件

    使用hexo静态文件快速而且又简单。

$ hexo g

配置nginx

    将nginx的目录指向hexo的public目录下。

server {

    charset utf-8;

    client_max_body_size 128M;

    listen 80;

    server_name 你的域名;

    root  /hexo/public;

    index index.html index.php;

    location ~* \.(eot|otf|ttf|woff)$ {

    add_header Access-Control-Allow-Origin *;

}

location / {

      if (!-e $request_filename) {

      rewrite  ^(.*)$  /index.php?s=/$1  last;

      break;

    }

        try_files $uri $uri/ /index.php?$args;

    }

location ~ \.php$ {

      include  fastcgi_params;

      fastcgi_index    index.php;

      fastcgi_param    SCRIPT_FILENAME    $document_root$fastcgi_script_name;

      fastcgi_pass  127.0.0.1:9000;

      try_files $uri =404;

  }

}

创建文章

    你可以执行下列命令来创建一篇新文章。

$ hexo new [layout] <title>

总结

    通过对hexo的安装，选择主题和配置服务器，我们很容易就可以发布一篇博客了，是不是很简单呢？那就赶快行动把。