制作 hexo 静态网页详细步骤

发表于 2016-08-26 更新于 2023-05-11 分类于教程本文字数： 513 阅读时长 ≈ 2 分钟

简介

本人于 2016-8-26 成功创建第一个使用 hexo 框架的静态网站。写下这篇博客，期望将来自己有问题时或者其他有兴趣的人方便编写自己的博客.

以下均为百度云链接，Node.js 为 64 位.
Node.js, 密码：kszc , 官方地址
 Git, 密码：2266
Nodepad++ , 这个自己找一下.
github 帐号.

设置 Git 的 user name 和 email：(假设用户名设为 aa, 邮箱为 xxx@yy.zz)

1 2	$ git config --global user.name "aa" $ git config --global user.email "xxx@yy.zz"

检查是否有 ssh 密钥

1	$ cd ~/.ssh #有的话, 则能进入该目录, 否则错误提示

生成密钥：

1	$ ssh-keygen -t rsa -C "xxx@yy.zz"

后面会让你输入密码。可以输入，也可以不输入. (不输入的话，以后 deploy 的时候就不用输入密码。意味着别人用你电脑也能修改远程文件.)

github 上添加 ssh 密钥，这要添加的是 “id_rsa.pub” 里面的公钥

测试: $ ssh git@github.com (设置过密码的话，会让你输入密码)

Node 和 Git 都安装好后，可执行如下命令安装 hexo：

1	$ npm install -g hexo-cli

初始化文件夹 (生成很多文件和文件夹，假设初始化 C:/abc) :

1	$ hexo init c:/abc #也可以cd到目标目录，执行 hexo init

生成静态页面

1	$ hexo generate #可以简写为 hexo g

本地启动

1	$ hexo server #可以简写为 hexo s

在站点配置文件底部加入 (repository 为你的 repository 所在地址):

deploy: 
  type: git
  repository: git@github.com:Tzxhy/Tzxhy.github.io.git
  branch: master

在 git bash 中:

1	$ hexo deploy #有密码的话,会让你输入密码

安装 git

1	$ git init

hexo 更换主题十分简单。在 themes 文件夹中放置主题文件即可。在站点配置文件中修改 theme 属性为对应文件夹名称。这里提供 NexT 主题下载。也是我现在用的.
Next, 密码：1zzg

有啥问题联系 QQ: 1139723651