Linux 搭建hexo博客

欢迎访问我的个人博客网站：http://www.yanmin99.com/

Linux搭建hexo博客

一、准备工作

• 已经安装git、node环境
• Hexo：快速、简洁且高效的博客框架
• NexT：Hexo适用的主题

二、安装 Hexo

• 全局安装 Hexo

  npm install -g hexo-cli

• 安装异常

  • sh: 1: node-gyp: Permission denied

    > contextify@0.1.14 install /root/.nvm/versions/node/v0.12.4/lib/node_modules/log.io/node_modules/jquery/node_modules/contextify
    > node-gyp rebuild
    sh: 1: node-gyp: Permission denied
    \
    > ws@0.4.32 install /root/.nvm/versions/node/v0.12.4/lib/node_modules/log.io/node_modules/socket.io-client/node_modules/ws
    > (node-gyp rebuild 2> builderror.log) || (exit 0)

    运行npm config set unsafe-perm true以后，在运行npm install -g hexo-cli

• 初始化博客，并安装依赖包

  hexo init <folder>
  cd <folder>
  npm install

  就是博客的本地文件夹

三、配置Hexo

• 网站配置： 《folder》/_config.yml

  title   网站标题
  subtitle    网站副标题
  description 网站描述
  author  您的名字
  language    网站使用的语言

四、启动Hexo

• 新建文章

  hexo new [layout] <title>

• 启动服务

  hexo server 或 hexo s
  //指定端口
  hexo server -p 80

  启动服务器。默认情况下，访问网址为：http://localhost:4000/

• hexo server 参数介绍

  -p ，--port    重设端口
  -s ，--static  只使用静态文件
  -l ，--log 启动日记记录，使用覆盖记录格式
  -d ，--debug   开启调试模式

• 生成静态文件

  hexo generate 或 hexo g

• hexo 参数介绍

  -d ，--deploy   文件生成后立即部署网站
  -w ，--watch    监视文件变动

• 清除缓存

  hexo clean

五、配置NextT主题

• clone NexT主题

  在<folder>/_config.yml中搜索theme关键字，把主题替换为next

• 启用 NexT 主题

  • 最好先使用 hexo clean 清除 Hexo 的缓存
  • 运行 hexo s --debug 启动本地站点，并开启调试模式

  • 当命令行输出中提示出：

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

    此时即可使用浏览器访问 http://localhost:4000 ，检查站点是否正确运行

• 验证 NexT 主题

  • 主题配置： /theme/next/_config.yml中选择主题样式
    

    
    #scheme: Muse // 默认 Scheme，这是 NexT 最初的版本，黑白主调，大量留白
    
    
    #scheme: Mist //Muse 的紧凑版本，整洁有序的单栏外观
    
    scheme: Pisces //双栏 Scheme，小家碧玉似的清新

• 设置菜单

  主题配置： <folder>/theme/next/_config.yml
  搜索 menu 关键字

• 设置头像

  主题配置： <folder>/theme/next/_config.yml
  新增字段 avatar,值设置成头像的链接地址

• 设置作者昵称

  主题配置： <folder>/theme/next/_config.yml
  搜索 author 关键字

• 设置作者描述

  设置 作者昵称
  主题配置： <folder>/theme/next/_config.yml
  搜索 description 关键字

• 设置首页列表是否显示阅读更多

  主题配置： <folder>/theme/next/_config.yml
  搜索 auto_excerpt 关键字
  将 enable 设置为 true
  length 设置为期望截取保留的文章长度

• NexT 目前支持六种语言版本

  English
  中文简体 (zh-Hans)
  French (fr-FR)
  正体中文 (zh-hk/zh-tw)
  Russian (ru)
  German (de)

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>