Hexo：个人博客搭建

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 还需要手动部署下静态文件