欢迎访问我的个人博客网站:http://www.yanmin99.com/
一、准备工作
二、安装 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
<folder> 就是博客的本地文件夹
三、配置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 主题
- 主题配置: <folder>/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)