Hexo博客搭建和部署


Hexo博客搭建和部署

初探Hexo

Hexo 是什么?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
Hexo官网:https://hexo.io/zh-cn/docs/

安装

安装前提

  • Node.js (建议使用 Node.js 12.0 及以上版本)
  • Git

    Git安装

Windows:下载并安装 git.

对于中国大陆地区用户,可以前往 淘宝 Git for Windows 镜像 下载 git 安装包。

Node.js安装

Node.js 为大多数平台提供了官方的 安装程序。对于中国大陆地区用户,可以前往 淘宝 Node.js 镜像 下载。

在使用 Node.js 官方安装程序时,请确保勾选 Add to PATH 选项(默认已勾选)

添加国内镜像源
npm config set registry https://registry.npm.taobao.org

安装 Hexo

使用 npm 安装 Hexo

$ npm install -g hexo-cli

建站

安装 Hexo 完成后,在指定文件夹中使用如下命令初始化项目。

$ hexo init <folder>
$ cd <folder>
$ npm install

项目目录结构如下

.
├── _config.yml    网站的 配置 信息,您可以在此配置大部分的参数。
├── package.json   应用程序的信息。
├── scaffolds      模版 文件夹
├── source         资源文件夹是存放用户资源的地方
|   └── _posts     博客文章
└── themes         主题 文件夹

配置

具体配置参考官网配置

常用命令

参考官网命令

使用主题

hexo-theme-matery

主题Github https://github.com/blinkfox/hexo-theme-matery

其他主题

Hexo + Git Pages 部署

阿里云服务器部署

博客优化

常见问题

为什么我的hexo没有样式?

项目_config.yml未配置url

url: http://hansiyuan.top
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

文章作者: 韩思远
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 韩思远 !
评论
 上一篇
HTML基础 HTML基础
HTML基础笔记 HTML概述及结构 是一种标记语言,不是编程语言 HTML文档(网页)由HTML标签和纯文本组成 文档和页面:HTML文档一般是指含有HTML源代码的纯文本文档,而页面一般是指被浏览器渲染后的最终画面 一个静态的HTML文
2019-07-01
下一篇 
CSS基础 CSS基础
CSS基础 CSS基础概念速览定义及样式引用方式What and Why CSS,即层叠样式表,定义了如何展现HTML元素的样式 优点: HTML负责结构,CSS负责外观,职责分离更清晰 系统更新和维护更轻松 极大的提高工作效率,一个样式表
2019-05-01
  目录