Linux 搭建hexo博客

叁歲伎倆 2022-04-06 10:26 533阅读 0赞

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

Linux搭建hexo博客

一、准备工作

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

二、安装 Hexo

  • 全局安装 Hexo

    1. npm install -g hexo-cli

  • 安装异常

    • sh: 1: node-gyp: Permission denied

      1. > contextify@0.1.14 install /root/.nvm/versions/node/v0.12.4/lib/node_modules/log.io/node_modules/jquery/node_modules/contextify
      2. > node-gyp rebuild
      3. sh: 1: node-gyp: Permission denied
      4. \
      5. > 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
      6. > (node-gyp rebuild 2> builderror.log) || (exit 0)

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

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

    1. hexo init <folder>
    2. cd <folder>
    3. npm install

    就是博客的本地文件夹

三、配置Hexo

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

    1. title   网站标题
    2. subtitle    网站副标题
    3. description 网站描述
    4. author  您的名字
    5. language    网站使用的语言

四、启动Hexo

  • 新建文章

    1. hexo new [layout] <title>

  • 启动服务

    1. hexo server 或 hexo s
    2. //指定端口
    3. hexo server -p 80

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

  • hexo server 参数介绍

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

  • 生成静态文件

    1. hexo generate 或 hexo g

  • hexo 参数介绍

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

  • 清除缓存

    1. hexo clean

五、配置NextT主题

  • clone NexT主题

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

  • 启用 NexT 主题

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

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

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

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

  • 验证 NexT 主题

    • 主题配置： /theme/next/_config.yml中选择主题样式 
  1.         #scheme: Muse // 默认 Scheme，这是 NexT 最初的版本，黑白主调，大量留白
  4.         #scheme: Mist //Muse 的紧凑版本，整洁有序的单栏外观
  6.         scheme: Pisces //双栏 Scheme，小家碧玉似的清新

  • 设置菜单

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

  • 设置头像

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

  • 设置作者昵称

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

  • 设置作者描述

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

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

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

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

    1. English
    2. 中文简体 (zh-Hans)
    3. French (fr-FR)
    4. 正体中文 (zh-hk/zh-tw)
    5. Russian (ru)
    6. German (de)

发表评论

表情：
评论列表 （有 0 条评论，533人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Hexo博客搭建问题

    今天在照着教程搭建Hexo博客的时候在安装Hexo这一步出现了问题： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sha

    墨蓝墨蓝/ 0 赞/ 253 阅读

    相关 Hexo Github 搭建博客

    ![配图][alejandro-escamilla-9.jpg] 前言 在 搬砖 的过程中，浏览了许多 别人写的博客后，自己也萌生了写博客的念头。 其一是为了系统的整

    小灰灰小灰灰/ 0 赞/ 474 阅读