Hexo部署(一)

相信能找这篇文章说明你已经知道hexo是做什么,让我们走一遍服务器上搭建hexo

—— 快速,简单和功能强大的博客框架


http://hn.cabbagelol.net:4000


准备

在开始前hexo中提到需要准备一些环境,请确保你的服务器已经安装它们:

  • node (国内)
  • 服务器 (笔者使用的是阿里ECS windows 16 数据中心版)
  • hexo-admin (非环境)

开始

在安装node完成后,打开终端输入:

// 查看node版本
// 确认你的node版本是在3.7.1以上
$ npm -v

// 安装hexo-cli
$ npm install hexo-cli -g

$ cd /d c://

// 创建hexo根文件夹
$ md hexo

// 打开文件夹
$ cd hexo

// 创建一个hexo程序
// hexo init <名称>
$ hexo init blog

$ cd blog

// 启动hexo服务
$ hexo server

配置

更改网站基本信息
在blog根目录下找到_config.yml文件,你将找到一段:
# Site
title: Hexo
subtitle:
description:
author: John Doe
language:
timezone:

// 参考下方描述
设置 描述
title 您网站的标题
subtitle 您网站的副标题
description 你的网站的描述
author 你的名字
language 您网站的语言。使用2-lettter ISO-639-1代码。默认是en
timezone 您的网站的时区。Hexo默认使用您计算机上的设置。你可以在这里找到可用时区的列表。一些例子是America/New_YorkJapanUTC

网站配置参考:https://hexo.io/docs/configuration.html

服务端口

要知道入口并非4000,为了改为80端口我们还需借助hexo-server,因为Hexo 3.0 把服务器独立成了个别模块,您必须先安装 hexo-server 才能使用,现在让我们再次打开一个新终端输入:

// 安装
npm install hexo-server --save

// 打开刚才启动的终端机输入ctrl+c终止hexo服务
// 在当前的博客程序路径将4000端口改为80端口
hexo server -p 80

一旦成功更改端口hexo启动重启服务,无需再次hexo server

第一篇文章

hexo中提到使用hexo new [layout] <title>来创建一篇文章,接下来bolg程序source\_posts下将创建一个<标题>.md文件,可通过任何编译器修改你的文章,要知道这种低效方法实在多么愚蠢行为,为此hexo-admin便出现,通过hexo-admin来管理发布你的博客文章。

现在让我们再打开一个新终端输入:

npm install --save hexo-admin

// 将正在运行hexo服务终端结束后再次启动
hexo server

现在打开你http://127.0.0.1/admin网站,注意由于你部署到服务器中任何都允许被访问hexo-admin,因此你需要创建一个hexo-admin管理员,在/blog下找到_config.yml文件添加:

#admin
admin:
 // 管理员名称
 username: <you name>             
 // 加密过hash密码,可通过https://www.dailycred.com/article/bcrypt-calculator生成
 password_hash: <pass hash>       
 // 为了混淆 这里可以编辑一段较长的文本
 secret: <cooike>

再次访问你的http://127.0.0.1/admin,此时将跳到http://127.0.0.1/admin/login进行登录,非常好,你在hexo-admin面板中找到“posts”栏目,点击创建一个文章,现在它的可视化操作面板看起来舒坦许多了。

创建一个标题为第一个博客,内容修改为:

## 这是一个标题

hexo 您好

· 文章格式参考Markdown语法

主题

由于主题是第三方作者提供,提供的下载方式五花八门,主要还需参考主题作者下载方式。

通常git下载的主题文件存放至<url>\themes下,打开hexo根目录下的_config.yml找到theme字段,在后方修改为主题名称

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: anodyne // 比如anodyne

保存_config.yml文件,重启你的hexo

发展网站

hexo的进展没有结束上述仅仅是基础入门,虽然hexo文章创建/删除/草稿命令基本无需触及,基本通过hexo提供的官方插件进行管理,但是为了扩展博客你非常可能需要借助hexo提供的api接口自定义完成新功能,这将是你深入hexo的下一步

转载注明

转载请注明: 转载自Cabbagelol 后院

本文链接地址: Hexo部署(一)

捐助 ↗

博客捐助

站点简介

负责记录Cabbagelol的总结,或者共享有趣的内容,这就是后院的最重要做的事情⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄。

线上游客

目前实时游客: 3

其他

备案:粤ICP备15107172号

Copyright © 2015 - 2024 Cabbagelol. All Rights Reserved. Powered By Wordpress(EverBox).