1.安装
- Hexo官方文档
- 先行安装Node.js和Git
1.1安装Git
1.2安装Node.js
1.3安装Hexo
sudo npm install -g hexo-cli
sudo npm install hexo --save
#针对Mac平台:
#若编译报错,请先到AppStore下载安装`Xcode`.
#安装完,启动并进入 Preferences -> Download -> Command Line Tools -> Install 安装命令行工具。再执行上述命令.
未解决的可以直接输入以下命令:
xcode-select --install
2.创建博客
2.1初始化博客
mkdir myblog # 新建 博客文件夹
cd myblog # 切换到 博客文件夹
hexo init # 初始化
sudo npm install # 安装依赖
命令执行后,myblog目录下文件结构:
.
├── _config.yml #网站的 配置 信息,您可以在此配置大部分的参数
├── package.json #应用程序的信息。EJS, Stylus 和 Markdown renderer 已默认安装,您可以自由移除。
├── scaffolds #模版 文件夹。当您新建文章时,Hexo 会根据 scaffold 来建立文件。
├── scripts #脚本 文件夹。脚本是扩展 Hexo 最简易的方式,在此文件夹内的 JavaScript 文件会被自动执行。
├── source #资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略
| ├── _drafts
| └── _posts
└── themes #主题 文件夹。Hexo 会根据主题来生成静态页面。
3运行博客
3.1本地运行
执行以下命令,成功后可访问 http://localhost:4000 查看效果
hexo clean && hexo generate && hexo server
3.2常用配置命令
hexo new "My New Post" # Create a new post
hexo server # Run server
hexo generate # Generate static files
hexo deploy # Deploy to remote sites
#命令简写:
hexo n # new
hexo g # generate
hexo s # server
hexo d # deploy
#常用复合命令:
hexo d -g # 生成加部署
hexo s -g # 预览加部署
4.部署到github
4.1git上新建仓库
4.1.1github上新建仓库
- 注意: 该仓库必须按照此格式命名: XXXX.github.io
- XXXX 为 github 用户名
4.1.2gitee上新建仓库
- 注意: 该仓库必须按照此格式命名: XXXX
- XXXX 为 gitee 用户名
4.2配置_config.yml
修改配置:
deploy:
type: git
repository: #建议使用ssh的方式
branch: master
4.3安装hexo-deployer-git插件
npm install hexo-deployer-git --save
4.4部署到远程仓库
hexo clean && hexo g && hexo d # 部署到git
- 注意:若是gitee还需要手动部署下静态文件