基于Hexo搭建个人博客网站

原创

已于 2022-01-22 14:47:30 修改 · 1.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#Hexo #matery #个人博客网站 #Node.js #GitHub

于 2022-01-22 14:43:20 首次发布

Hexo

Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，它使用MarkDown语法解析文章，可以方便的生成静态网页托管在GitHub和Coding上，同时你会发现页面浏览十分流畅，这就是静态网页部署的优势所在。因为Hexo的创建者是台湾人，对中文的支持很友好，可以选择中文进行查看。

官网

Hexohttps://hexo.io/zh-cn/

Hexo文档

文档 | Hexo欢迎使用 Hexo，本文档将帮助您快速上手。如果您在使用过程中遇到问题，请查看问题解答中的解答，或者在 GitHub、Google Group 上提问。什么是 Hexo？Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。安装安装 Hexo 只需几分钟时间，若您在安装过程中遇到问题或无法找到解https://hexo.io/zh-cn/docs/

安装前提

安装 Hexo 相当简单，只需要先安装下列应用程序即可：

	版本	网址
Node.js	Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本	Node.js
Git		Git

安装 Hexo

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

npm install -g hexo-cli

文档 | Hexohttps://hexo.io/zh-cn/docs/#%E5%AE%89%E8%A3%85

建站

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

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

新建完成后，指定文件夹的目录如下：

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

文件介绍

_config.yml

可以在 _config.yml 中修改大部分的配置。

网站

参数	描述
`title`	网站标题
`subtitle`	网站副标题
`description`	网站描述
`keywords`	网站的关键词。支持多个关键词。
`author`	您的名字
`language`	网站使用的语言。对于简体中文用户来说，使用不同的主题可能需要设置成不同的值，请参考你的主题的文档自行设置，常见的有 `zh-Hans`和 `zh-CN`。
`timezone`	网站时区。Hexo 默认使用您电脑的时区。请参考时区列表进行设置，如 `America/New_York`, `Japan`, 和 `UTC` 。一般的，对于中国大陆地区可以使用 `Asia/Shanghai`。

其中，description主要用于SEO，告诉搜索引擎一个关于您站点的简单描述，通常建议在其中包含您网站的关键词。author参数用于主题显示文章的作者。

配置 | Hexo您可以在 _config.yml 中修改大部分的配置。网站参数描述 title 网站标题 subtitle 网站副标题 description 网站描述 keywords 网站的关键词。支持多个关键词。 author 您的名字 language 网站使用的语言。对于简体中文用户来说，使用不同的主题可能需要设置成不同的值，请参考你的主题的文档自行设置，常见的有https://hexo.io/zh-cn/docs/configuration

package.json

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },
  "hexo": {
    "version": ""
  },
  "dependencies": {
    "hexo": "^6.0.0",
    "hexo-generator-archive": "^1.0.0",
    "hexo-generator-category": "^1.0.0",
    "hexo-generator-index": "^2.0.0",
    "hexo-generator-tag": "^1.0.0",
    "hexo-renderer-ejs": "^2.0.0",
    "hexo-renderer-marked": "^4.0.0",
    "hexo-renderer-stylus": "^2.0.0",
    "hexo-server": "^3.0.0",
    "hexo-theme-landscape": "^0.0.3"
  }
}