本文是一个简易教程,默认您已懂得域名解析等操作。

Hexo 是一个非常强大的静态网站系统。

安装

安装本地环境

  1. 下载安装 Node.js
  2. 下载安装安装 gitshell

安装 Hexo

安装非常简单。

新建一个用于存放网站的文件夹,在文件夹中右击,选择在 git bash 中运行:

npm install hexo-cli -g #有 warn 也没事
npm install hexo --save
hexo -v #查看是否成功,成功的话会有版本号

初始化 Hexo

  1. 直接运行初始化命令:
hexo init
  1. 安装组件:
npm install
  1. 清除缓存:
hexo c
  1. 生成网站:
hexo g
  1. 部署到本地服务器:
hexo s

在浏览器输入地址 localhost:4000 即可预览。

配置文件

Hexo 网站有两个 _config.yml 配置文件

  1. 一个在 Hexo 文件夹根目录,这是站点配置文件,用于配置网站名称,url 和部署网站等;
    Hexo%200e6e3b86b2694e86ba2a31254d63580b/_2020-01-04_153353.png

  2. 另一个在 Theme 主题文件夹的每个主题内,您找到的主题也都放在这里。这个配置文件包含目录结构,评论和统计系统的配置等具体内容。
    Hexo%200e6e3b86b2694e86ba2a31254d63580b/_2020-01-04_1533531.png

您可以到官方主题站找到喜欢的主题:Themes

部署

找到主题,修改所需内容。在根目录 source 文件夹内创作。生成内容,预览。确认好后即可部署到远程服务器。

这里以 GitHub 为例。

个人喜欢用 GitHub 客户端,直接将生成的网站,即根目录 public 文件夹的内容同步到 GitHub 仓库即可。

您也可以使用命令行

  1. 在文件夹内右击,git bash 中运行如下命令,保存你的 GitHub 账户信息。
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"
  1. 在站点配置文件中的最后填写 GitHub 路径信息
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/my/hexo.git #填写你自己 GitHub 仓库的完整路径,末尾加.git
branch: master #分支
  1. 推送到仓库
npm install hexo-deployer-git --save
hexo d

这时会要求您输入密码等信息,您也可以通过生成密钥的方式省去每次输密码的麻烦。具体操作烦请自行搜索。

访问

访问 你的用户名.github.io 就可以访问网站了。您也可以在 GitHub 仓库设置的 GitHub Pages 部分绑定自己的域名,再添加域名解析即可,比如添加一个 cname 将域名解析到 你的用户名.github.io

Hexo%200e6e3b86b2694e86ba2a31254d63580b/_2020-01-04_15335311.png

开启站内搜索
git bash 中运行insightsearch: npm install hexo-generator-json-content@2.2.0 --save,安装一次即可。

最后,欢迎来 Telegram 交流:https://t.me/daiseax

Enjoy!

声明:iSky|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - Hexo 静态网站的快速安装和部署


秉造物者之赐