本文是一个简易教程,默认您已懂得域名解析等操作。
Hexo 是一个非常强大的静态网站系统。
安装
安装本地环境
安装 Hexo
安装非常简单。
新建一个用于存放网站的文件夹,在文件夹中右击,选择在 git bash 中运行:
npm install hexo-cli -g #有 warn 也没事
npm install hexo --save
hexo -v #查看是否成功,成功的话会有版本号
初始化 Hexo
- 直接运行初始化命令:
hexo init
- 安装组件:
npm install
- 清除缓存:
hexo c
- 生成网站:
hexo g
- 部署到本地服务器:
hexo s
在浏览器输入地址 localhost:4000
即可预览。
配置文件
Hexo 网站有两个 _config.yml
配置文件
- 一个在 Hexo 文件夹根目录,这是站点配置文件,用于配置网站名称,url 和部署网站等;
-
另一个在 Theme 主题文件夹的每个主题内,您找到的主题也都放在这里。这个配置文件包含目录结构,评论和统计系统的配置等具体内容。
您可以到官方主题站找到喜欢的主题:Themes
部署
找到主题,修改所需内容。在根目录 source 文件夹内创作。生成内容,预览。确认好后即可部署到远程服务器。
这里以 GitHub 为例。
个人喜欢用 GitHub 客户端,直接将生成的网站,即根目录 public
文件夹的内容同步到 GitHub 仓库即可。
您也可以使用命令行
- 在文件夹内右击,git bash 中运行如下命令,保存你的 GitHub 账户信息。
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"
- 在站点配置文件中的最后填写 GitHub 路径信息
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/my/hexo.git #填写你自己 GitHub 仓库的完整路径,末尾加.git
branch: master #分支
- 推送到仓库
npm install hexo-deployer-git --save
hexo d
这时会要求您输入密码等信息,您也可以通过生成密钥的方式省去每次输密码的麻烦。具体操作烦请自行搜索。
访问
访问 你的用户名.github.io
就可以访问网站了。您也可以在 GitHub 仓库设置的 GitHub Pages 部分绑定自己的域名,再添加域名解析即可,比如添加一个 cname 将域名解析到 你的用户名.github.io
。
开启站内搜索
git bash 中运行insightsearch: npm install hexo-generator-json-content@2.2.0 --save
,安装一次即可。
最后,欢迎来 Telegram 交流:https://t.me/daiseax
Enjoy!
Comments | NOTHING